如何使用移动优先设计来开发和测试网站？

和山小霸王

　　移动优先的设使任何网站都能兼容，无论使用什么操作系统或设备，这样企业能够接触到更广泛的市场。升级网站的成本也更低，而不是在不同的移动平台上维护多个应用。就像奠定网站基础的主机多么重要一样，也应该考虑到移动用户的设计。以下是关于移动优先设计的简要讨论，为什么它很重要，以及如何使用移动优先设计开发和测试网站的指南。接下来由hostease 来告诉你如何使用移动优先设计来开发和测试网站?
　　从最基本的角度来说，移动优先是一种设计策略，它首先是针对最小的屏幕进行构思，最终才会上升到更大的屏幕。其中一部分也被称为渐进式推进——即为相对较低的浏览器设计一个版本，只提供最基本的功能和特性。现在看来可能很自然，但就在五年前，移动网站几乎被认为是设计过程中的事后考虑。那时，设计师们专注于给桌面用户提供最好的UX体验。这是有关在正确的设备上提供正确的用户体验。而今天，最常用的设备是移动设备。由于以移动优先为出发点，马上就会考虑到带宽和屏幕大小等限制(还有其他限制)，所以设计师需要抓住产品关键点，力求产品精简、干净，有一定的优先级功能。
　　移动优先设计的优势：
　　1、谷歌因素
　　谷歌已经表示，正在寻求实施其移动优先的索引。这意味着网站的移动版本将成为谷歌在其索引中包含的起点——基本上成为如何排名的基准。
　　当这成为SEO的现实时，移动优化的网站将可能在桌面和移动设备上都有良好的排名。反过来说，如果一个搜索术语或短语没有被移动用户点开或翻牌，那么该页面很可能会表现不佳。
　　2、强大的基础
　　当建立移动优先的设计时，产品中最重要的元素是起点的一部分。如果做得正确，这就意味着拥有一个坚实的基础，最终可以用来加强平板电脑和桌面的设计。内容为王，即使在移动优先的设计中，导航也处于次要地位，因为用户需要快速获取信息。
　　移动优先设计迫使设计师集中精力，通过去除不必要的UI来保持清晰。有了一个不受干扰的更专注的设计，用户体验的改善通常会随之而来——这总是具有良好的商业意义。
　　3、展示商业意义
　　移动转化率比桌面平均转化率高64%。以及，预计在2019年，移动广告将达到460亿美元。而肯定人人想从这个巨大的馅饼中分得一杯羹。
　　由于大约一半的在线搜索都在移动设备上进行，设计时考虑到这一点，可以根据他们使用的设备提供更好的客户服务。这也有利于营销，因为57%的用户不会推荐一个设计不佳的移动网站的企业。
　　如何开发移动网站
　　重要的是要记住，移动用户与桌面用户有不同的需求。桌面用户倾向于寻找更深入的信息和更多的功能，而移动用户则需要尽可能快地获得信息——这也是为什么内容占据核心焦点的原因。
　　内容盘点和视觉层次结构时要注意：
　　1、设计适合设备的布局
　　当然，还有很多用户体验设计平台。但坚持使用UXPin，会发现为不同屏幕创建不同的布局相当容易。当然，市场上有很多用户体验设计平台可以帮助建立移动网站，如Fluid UI、Marvel App和WebFlow。
　　首先，打开UXPIN原型，点击 "添加响应式版本"。
　　可以选择预设的尺寸，也可以输入自己的尺寸。一个额外的功能是，不需要从头开始重新创建一切，因为可以选择一个尺寸，从中复制设计元素。
　　可以通过点击画布上方的不同尺寸轻松切换断点，可以根据需求进行调整。有关移动优先设计的全面HTML指南，请点击这里。
　　2、移动优先设计实践，保存导航栏以备后用
　　正如现在所想象的那样，在手机上，最大化的空间最重要。而为更重要的元素创造更多空间的一个好方法就是放弃导航条。同样，导航在移动端上的地位要比内容靠后，所以虽然它非常有用，但并不一定适合移动用户的需求。
　　这就是为什么汉堡菜单几乎成为所有设计师的首选。这个抽屉可以让用户只在需要的时候才调出菜单项目。
　　3、前面和中间
　　自己知道想让受众做什么。把它放在他们可以轻松到达的地方。
　　还记得第一部iPhone吗?与现在的巨型手机相比，它的屏幕似乎小得可笑。所以可以想象，拇指与手机的互动方式也发生了变化。
　　因为手机变大了，而手却没有变，所以屏幕热点也发生了变化。如下图，现在外屏的边缘需要花很多力气才能到达。
　　如今的设计师需要以一种将主要交互放在前面和中心的方式来组织内容，而上下屏幕边缘则是二级和三级功能。
　　4、注意文件大小
　　文件越大，加载时间越慢。再加上移动连接不太可靠，那么不仅会失去用户的耐心，还会失去排名。这就是为什么需要确保所有文件大小都得到优化。
　　像Photoshop的 "Export for Web "这样的工具可以确保图片上传到网站之前，将图片的大小降到最低。当然，要记住图像是什么，它们将被放置在哪里，以及它们应该多大。要保持足够高的质量，同时必要时减少文件大小。
　　一个例子是，如果要放置图片的栏目宽是600px，不需要1000px宽的图片。
　　5、链接重要的东西
　　移动用户需要信息和行动。而且他们希望快速得到信息。这意味着需要尽可能简化完成重要的事情，尽可能减少点击次数。
　　例如，如果通过电话或电子邮件联系是服务的一个关键要素，确保这些信息可以点击。这样，他们点击电话号码时，就会自动将他们带到手机的电话部分。
　　同样，物理地址如果能链接到谷歌地图，那将是最好的服务。在移动优先的设计中，小事情才最重要，所以要链接到它们!
　　启示
　　如今，提供最佳的用户体验是重要的事情——这个游戏越来越多地在移动设备上进行。而这是双向的。
　　作为设计师，建立了能够在进入更大的屏幕时越来越多地将元素融入设计中的强大基础。对于用户来说，提供了能够让他们回来的愉快体验。

　　网站是否针对移动端进行了优化?正在考虑实施哪些改进措施?更多详情请去hostease了解更多!