关于友好型手机网站设计的几个小贴士
2019-04-20
网站建设
16985
在移动优先的背景下，许多的用户会接触手机网站。这对手机网站规划提出了一个新的应战——手机网站要更加友爱，即友爱型手机网站。
假如让手机网站对访客更为友爱呢？方维网络总结了八个小贴士。
1、在一切的移动设备上都能显现
移动设备不但有手机，还有平板、不同阅读器、大屏幕等等，虽然手机是主要移动设备，可是也不能略过其它移动设备。
在移动网站交付之前，需求进行测验。能够运用如DesignModo、ZooExtension、StudioPress等呼应式网站测验东西进行测验，保证在一切的移动设备上，网站都能正常显现。
2、手机网站便利交互
手机网站的屏幕比较小，并且没有实体键盘，所以，一些在PC上很简单完结的操作，在手机上或许存在难度。
例如，表单填写中的日期填写，在PC上能够直接运用键盘输入，可是在手机上就要避免这种操作，能够经过翻滚、滑动的方法挑选日期。总归，手机网站应该尽量削减用户运用键盘。
3、单层的导航深度规划
不少PC网站大导航规划深度都在两层以上，甚至多大三级。可是手机网站应该避免这样的规划。
一是手机去点击更多的层级，不太便利和精准。二是手机用户没有PC网站用户的耐心，他们不会去操作“三次”甚至更多，再找到自己需求的信息。
所以，手机网站的导航规划应该采用“一键直达”的规划思路，一个导航对应一个页面。
4、随时能够回来主页
由于上面说了，手机网站是单层深度规划，这会对用户回来首页造成一定的困难。
例如，用户现已处于一个页面，假如要回来主页，需求接连操作手机的回来键，这显然不太友爱。
为此，手机网站的单页面，应该规划有回来主页的按钮，或许置顶的按钮，一键直达。特别是一些页面较长，更应该有这样的规划。
5、查找和填表是否简单
没有人喜欢运用一个虚拟的小键盘输入许多的文字，也是由于如此，手机语音能够在手机上大放其彩。
而一些场景又是有必要要运用键盘输入的。例如表单的输入，此时，规划方面就需求进行转化，将键盘输入转化为滑动操作输入，如上文提到了日期滑动挑选。
还有一个办法便是进行智能过滤和提醒，例如电商手机网站的查找输入，只需求输入少数的信息，就会跳出更多的选项，用户只需求挑选即可。
6、图画的缩放
手机网站的图画规划成为缩放模式，这是合适的。由于屏幕较小，一些用户期望能够查验图片的细节，而进行图画的放大。特别是电商手机网站规划，不少电商用户喜欢去看细节。
所以，网站规划师需求对图画的质量和图画大小进行把握和平衡。
7、一切的内容均可在移动设备上播放
某些类型的内容，尤其是视频，或许不能在一切移动设备上播放。例如，Flash不能在许多移动设备上运行。这也适用于不支持的视频格式。假如你的内容不能 播放，这关于手机用户来说是十分令人沮丧的，并且会破坏体验。所以，关于一切音频和视频内容，坚持运用HTML5标签或许是一个更好的主意。
8、杂乱使命的可转移
移动网站的优点是随时能够拜访，可是一些杂乱使命，用户期望在PC上完结，或许处于隐私的考虑，不会在手机上运用。所以手机网站需求满意用户的这种需求。
例如，求职网站，用户的阅读信息的时分，期望将职位信息发送到自己的邮件，以便保存，手机网站的页面就应该有相应的功能。总归，某些手机网站运用场景中，应该便利让访客能够将信息转移到其他设备上。