移动装置的多用户更乐于再次访问适配了移动装置的网页。这意味着,您的网页在移动端也同样要做到介面友好。但究竟怎样才能使移动端网页有良好的多用户体验呢?
1. 让您的整个网页都适合在移动端上浏览
相比在移动端上直接操作桌面版网页,经过适配的移动网页会大大方便多用户的操作使用。举个例子,下图是手机端 Domino 披萨官网的两个版本,一个是桌面版网页,另一个是已适配手机端的网页。
桌面版网页手机的小萤幕里显得窄而小,并且很难操作。经过对比,手机版的网页主要由方便操作的大按钮组成,显得简洁。
如果您的网页适配了手机,您的网页在手机上将会更加地易用。以下是网页适配手机的 3 个小技巧。
只允许垂直滚动。不应该通过水平滑动页面来检视主要内容。您要确保您的网页使用了相对应的宽度与位置值,图片缩放后也能正常显示。您还要把网页的主目录放在显目位置并剔除那些会干扰多用户操作的元素。
限制横栏按钮的数量——知名是仅有一列的页面布局。
不要将桌面版的网页与手机版的网页互混。因为这样的网页会比桌面版的更加难用。
2. 将主操作按钮设计得更友好
手机多用户很容易忽视手机介面上的元素,所以主操作按钮要放在显要位置。手机页面的主操作按钮(Calls-To-Action Buttons)可能会跟桌面版的有所不同,所以您要从在多用户的角度考虑,来决定您要把主操作按钮放在什么位置。
3. 选单栏要简短而中肯
桌面版网页里有丰富的选单栏可能会很方便多用户使用,但手机多用户不会有耐心滑动长长的选项栏,找他们想要的东西。
您需要考虑如何尽可能地减少选单栏选项。例如,只留下主要产品的目录。根据「拇指原则」,尽量不要使用超过 7 条不同分类的条目。
还有,您的分类列表应该是符合您多用户的需求的:
它应该是根据多用户的使用频率与给多用户带来的价值来排列。
它不应该使用晦涩难懂的措辞。选单栏的设定需要具备商业素养,不然您会混淆选单栏的类别。如使用文绉绉、比喻性的措辞可能会迷惑多用户,致使更多多用户离开。