友好型手机网站包含哪些要点。

对于建站公司来说，移动优先指的是，优先吸引手机用户而不是PC用户，用户如果要接触网站，优先推荐手机网站。

在移动优先的背景下，大量的用户会接触手机网站。这对手机网站设计提出了一个新的挑战——手机网站要更加友好，即友好型手机网站。

如果让手机网站对访客更为友好呢？方维网络总结了八个小贴士。

手机网站设计

1、在所有的移动设备上都能显示

移动设备不光有手机，还有平板、不同浏览器、大屏幕等等，虽然手机是主要移动设备，但是也不能略过其它移动设备。

在移动网站交付之前，需要进行测试。可以使用如DesignModo、ZooExtension、StudioPress等响应式网站测试工具进行测试，确保在所有的移动设备上，网站都能正常显示。

2、手机网站方便交互

手机网站的屏幕比较小，并且没有实体键盘，所以，一些在PC上很容易完成的操作，在手机上可能存在难度。

例如，表单填写中的日期填写，在PC上可以直接使用键盘输入，但是在手机上就要避免这种操作，可以通过滚动、滑动的方式选择日期。总之，手机网站应该尽量减少用户使用键盘。

3、单层的导航深度设计

不少PC网站大导航设计深度都在两层以上，甚至多大三级。但是手机网站应该避免这样的设计。

一是手机去点击更多的层级，不太方便和精准。二是手机用户没有PC网站用户的耐心，他们不会去操作“三次”乃至更多，再找到自己需要的信息。

所以，手机网站的导航设计应该采用“一键直达”的设计思路，一个导航对应一个页面。

4、随时可以返回主页

因为上面说了，手机网站是单层深度设计，这会对用户返回首页造成一定的困难。

例如，用户已经处于一个页面，如果要返回主页，需要连续操作手机的返回键，这显然不太友好。

为此，手机网站的单页面，应该设计有返回主页的按钮，或者置顶的按钮，一键直达。特别是一些页面较长，更应该有这样的设计。

5、搜索和填表是否容易

没有人喜欢使用一个虚拟的小键盘输入大量的文字，也是因为如此，手机语音可以在手机上大放其彩。

而一些场景又是必须要使用键盘输入的。例如表单的输入，此时，设计方面就需要进行转化，将键盘输入转化为滑动操作输入，如上文提到了日期滑动选择。

还有一个办法就是进行智能过滤和提醒，例如电商手机网站的搜索输入，只需要输入少量的信息，就会跳出更多的选项，用户只需要选择即可。

6、图像的缩放

手机网站的图像设计成为缩放模式，这是合适的。因为屏幕较小，一些用户希望能够查验图片的细节，而进行图像的放大。特别是电商手机网站设计，不少电商用户喜欢去看细节。

所以，网站设计师需要对图像的质量和图像大小进行把握和平衡。

7、所有的内容均可在移动设备上播放

某些类型的内容，尤其是视频，可能不能在所有移动设备上播放。例如，Flash不能在很多移动设备上运行。这也适用于不支持的视频格式。如果你的内容不能播放，这对于手机用户来说是非常令人沮丧的，并且会破坏体验。所以，对于所有音频和视频内容，坚持使用HTML5标签可能是一个更好的主意。

8、复杂任务的可转移

移动网站的好处是随时可以访问，但是一些复杂任务，用户希望在PC上完成，或者处于隐私的考虑，不会在手机上使用。所以手机网站需要满足用户的这种需求。