摘要: 一个几乎没有任何功能性的手机界面,要优化其可用性,仍需进行10项设计改动。

这次亚太之行,我们趁机开展了一些可用性方面的研究。有时我们会测试一些常规网站,更新一些研讨会(比如Web可用性基础指南)的信息。不过更多时间则花在研究移动可用性和社交用户界面之类的问题上面,我们期望从这些问题中发现更大的地区性差异。

AllKpop.com是我们测试的其中一个网站,该网站的主题似乎在许多亚洲国家都有着巨大的吸引力,那就是韩国明星。

enter image description here

AllKpop.com手机页面,测试地点:香港。

AllKpop在许多方面都做的不错,比如:

•最重要的一点,它所提供的内容——明星八卦——非常适合手机界面。从2000年我们第一篇手机可用性研究报告开始,我们就很清楚,在手机上能够用来消磨时间的程序就是完美程序。很多其他内容放在手机上则意义不大;不论内容设计得多好,其手机版本都不会有太多人使用,费心做出来纯属浪费时间。

•几乎同样重要的一点是,它有一个独立的手机/移动版本。桌上电脑和移动客户端的差异很大,要提供良好的用户体验,唯一的办法就是制作两个独立的版本——手机版本一般功能较少。

•因为服务器能够自动识别用户使用的是手机还是桌面设备,用户不需要手动选择网站版本。过去的测试经验告诉我们,当手机页面和完整页面网址不同时,可用性会急剧下滑,因为人们总是会进入错误的用户界面。

•每个标题的点击范围都很大。

•文章内容的关键字一般显示在标题开头。对本站的用户来说,明星的姓名就是最重要的信息,因此一般会列在关键字首位。

然而,该站页面并未遵循所有移动界面可用性指南,因此,我们决定按照指南重新设计一个版本:

enter image description here

我们重新设计的AllKpop首页方案。

我们的设计包含10项主要改动:

1.简化新闻显示,我们去掉了其中三项内容: o署名,人们查看文章(之所以把标题罗列在首页上,目的不过如此)并不需要知道作者是谁; o可选类别和标签,文字本身也太小了,人们很难准确点击(而且在一个流行网站里,像“音乐”这种标签似乎本身也没什么价值); o点击后可显示文章摘要的三角按钮(取而代之的方式是直接将摘要放在文章标题下方)。

2.更大的点击范围。重新设计之后,查看新闻可以点击新闻方块中的任何位置,无需精确到标题部分。(在实际版本中,每个新闻块中包含数个微小的点击区域,可用性较低,非常不方便,实用性似乎也不大。)

3.完整新闻标题取代了去尾的标题。这一点可能是新设计中最大的一个改进,因为完整的新闻标题相较原本的短短几个词语涵盖了更多内容,信息的吸引力得到了显著加强。

4.通过突出标题中的明星姓名加强了信息的可识别性/Scannability。

5.通过在标题下方显示一小段文章概要(一声“吆喝”)进一步加强了信息的吸引力。

6.用明星头像取代日期标示。这样做不仅加入了一些视觉效果,也进一步加强了讯息的可识别性和吸引力。因为相比阅读标题,用户从图像上能够更快速的辨别出他们心仪的明星。

7.用户无需滚动屏幕即可查看到完整的四条新闻块。布局稍微紧凑之后,用户在初始界面中便可看完第四条新闻的全部摘要。当用户向下滚动屏幕时,同样能够在较少的空间内浏览到更多的新闻条块,也就是说,每看一条新闻所需滑动的幅度更小一些,这样一来,他们则可能会继续向下滚动以查看更多的内容。由于这第二个益处相对不太明显,我们也考虑是否应该缩小新闻块的面积以便在初始屏幕上显示更多条新闻。总的来说,通过加入文章摘要和明星头像增强了信息的新引力,从这一方面看,空间的运用更加有效了——不过再做一些其他设计样式的测试也是值得的。

8.一天内的所有新闻只显示一次日期,即日期标识成为不同天新闻的分割线。因为每天都会发布很多新的消息,进入网页的用户一般只查看当天的新闻,除非他们向下滚动很长距离,才能看到昨天的新闻。因此,日期并不需要占用那么大的宝贵空间。基本上,对于任何重复显示相同信息的移动界面都应该提出质疑;此类冗余信息对于原本就十分狭小的屏幕空间来说恐怕是一种浪费。

9.将导航栏中的两个选项拉开一些距离,这样用户比较不容易点错按钮。

10.为下拉菜单添加文字标签,原本只有一个三角标识。(原本位于搜索/search按钮上方,很不显眼,用户往往会忽略它的存在。)根据下拉菜单中实际出现的项目,应该会有更好的名称。我们在此并没有重新设计整个导航系统,不过根据我们的设想,一个重新修订的分类体系可能是除了浏览和搜索以外最有价值和最实用的方式。(关于如何确定最佳使用方案/access schemes,请查看我们关于信息架构/IA结构设计的研讨会,获取更多这方面的信息。)

通过以上例子我们可以看出,即使是一个很小的手机屏幕,也隐含着众多复杂的用户界面问题。哪怕如此简单的一个站点(确实没多少功能),我们仍提出了10项可用性改进措施——其中包括对功能的进一步简化。

设计上的限制越多,越要更加认真得打磨用户界面,以提供最佳的用户体验。手机正是被限制到无以复加的这么一个艰巨的设计挑战。