移动互联网产品的那些事

当前有许多用户在不同的特定环境中使用不同的移动设备——包括智能手机、数码相机、MP3播放器、电子书与GPS(全球定位系统)。当用户离开桌面电脑之后,这些用户界面在设备上该如何表现?如何对设备进行设计——包括由硬件驱动的控制、交互模型与功能键布局——这将决定设计与软件应用的可用性。我们如何理解用户在移动中的体验。接下来会回答这些问题,以及更多关于手持移动设备的移动用户体验、交互设计与可用性的问题。

设计中唯一重要的事情是设计本身如何与人相关联。——Victor Papanek

企业逐渐的在电子消费产品中引入更多的高级技术,手持设备每天占用了人们越来越多的时间。用户与手持设备的交互与以桌面电脑为平台的网站有着同样的交互麽?什么类型的挑战是用户日复一日的在使用范围如此之广的手持设备所面对的?什么是可用性的专业人员在学习不同平台可用性所考虑的?

单手还是双手?

第一个非常大的问题是,用户需要单手还是双手来操作设备?通常与桌面电脑的网站交互时,在操作一个标准键盘时使用双手,使用鼠标或其它点击设备需要单手。有些时候这个决定是在情景下驱使的。比如,用户在驾驶交通工具操作GPS设备时只有一只空余的手。有些决定是从文化角度驱使的。比如,在日本的智能手机用户习惯于单手操作,因为他们经常在奔驰的列车上用另一只手抓住栏杆。

无论我们打算用单手还是双手使用设备,都会很大程度上影响到我们如何设计它——因此,影响到用户如何理解它的可用性。可用性的专业人员需要在计划测试任务与创建测试情景时,将该因素加入考虑。



一个标准的键盘还是不同的按键集合?

当用户与桌面电脑的网站进行交互时,一个标准的QWERTY键盘提供了一个近似的始终如一的交互模型。然而,当与手持设备进行的交互,用户可能需要操作特定的设备或者通过硬控件,如按钮,或直接触摸屏操作控件。手持设备有许多不同的形状,有很多不同类型的控件。比如,Sony阅读器与Amazon Kindle有非常不同的按钮集合。Sony阅读器的特点是有10个数字按钮、一个五维按键集合。Kindle有一个QWERTY键盘、前一页与后一页按钮、一个五维按键集合与一个后退按钮。两个企业设计它们的设备为用户提供更好的阅读体验,它们的设计师在考虑如何使用户与数码阅读设备交互,当然基于不同的想法。五维按键集合可以使它们更容易的上下左右操作。一个QWERTY键盘使得输入更容易。

当与不同类型的手持设备交互时,有时缺乏标准化的体验会增加用户的挫败感。因为缺乏标准化,可用性的专业人员必须为移动设备的可用性做系统化的思考,而不只是专注在一个孤立的按钮。因此,问及如用户理解如何使用这个特定的按钮等类似的问题时,而有学习价值的方式是变为更有益的提问——一个特定的设备的全部按钮集合如何帮助用户完成任务,用户可以成功的找到操作设备的方式麽?他们在按钮集合中迷路了麽?

什么是设备的应用场景?

用户不会在真空中使用手持设备(宇航员除外^^)。他们在驾驶汽车并使用GPS;或者在列车上与朋友发送短信;或者他们在旅途中使用相机捕捉风景;或者他们在公共汽车上并使用Kindle阅读图书。所有的事情发生在围绕联系用户而创建的设备使用的应用场景——这是设备的用户体验的重要组成部分。用户使用手持设备的情景、环境在评估其设备的可用性时基于非常不同的考虑因素与事件。

例如当用户与数码相机进行的交互,他们经常尝试捕捉好的镜头——可能是一个飞逝的瞬间——有非常短的时间与需要操作相机的注意力。设计师如何优化相机的设计——确保用户可以轻松无误的按下正确的按钮——是相机可用性非常重要的一方面。当用户操作一个GPS时,驾驶通常是一个最高优先级的任务。用户只有有限的注意力可以提供给GPS,在驾驶场景中,用户界面的按钮要足够大以方便使用。这同样是为什么语音命令目前在导航系统用户界面中扮演了一部分的角色。

学习手持设备可用性的方法

上述考虑到的想法是非常清晰的,但在实验室中的可用性测试对于学习手持设备可用性并不理想。当有一个特定的实验室测试环境需要参与者参与,他们会从进入实验室开始即进入一个测试模型。他们开始会思考实验设备,将要在其中发生什么,在测试中什么样的事情他们可能会经历。我听过当进入一个可用性实验室的参与者有像这样的评论“这个是新的…”或者”我在此之前从没做过…”。一旦人们走出实验室,他们会回原来的自己——开始使用他们自己的手持设备,但与刚刚他们告诉我们他们经常操作的方式完全不同。

虽然参与者在可用性测试中有完全的自由,用户研究者已经创建了一个非常好的测试情景,在实验室的测试还是不能提供丰富的真实生活可以提供的环境。真实生活的文化与环境元素是不存在的。在实验室环境中,不可能重现所有的真实生活的小事件,这些小事件会影响到人们在真实环境中使用手持设备的方式。

理想的,如果一个用户研究者作为一个无形的影子会更好,跟随参与者周围而不是强加到他们的现实中。例如,当参与者在驾驶中努力尝试使用一个新的GPS系统,研究者可以坐在他的旁边,观察他的体验中所有的问题。有许多的方法可以使得用户研究者与可用性专业人员与参与者走的更近。

对家中或工作的拜访是经常优于在实验室的可用性测试。当研究者与参与者到非常熟悉的地方,参与者在演示典型的日常设备使用会更舒适。参与者与研究者的会话,发生在参与者的日常环境会经常帮助想到使用设备的特定的故事,这经证明是非常有价值的并提供了很好的洞察机会。

短期、纵向研究对于手持设备的可用性学习也非常有益。更长的观察周期是使得参与者能够在一个更松懈的自然的方式体验设备,允许出现更多随机的故障与问题。如果参与者有足够目的明确的保持接触,通过纵向研究在每一天的过程中发生了什么,日记也可以很有成效。然而,回顾日记可能并不是对于所有的参与者都可行。许多人发现在每天晚上保持久坐,并思考一天究竟发生了什么是一件困难的事情。在真实的设备中的日志可能是一个好的替代选择。它会提示参与者去做简单的记录而无须考虑是否需要。

总结

用户从手持设备中,面对着与桌面电脑的网站交互的非常不同的可用性挑战。作为可用性专业人员,我们需要考虑一个设备从单手或双手的使用。同样的我们观察用户与手持设备的交互,这将有益于思考设备的系统的可用性,而不只是局限于独立按钮的使用。

当情景在手持设备的使用中扮演一个非常重要的角色。家庭或工作拜访、短期、纵向研究、日记比起实验室的传统可用性测试更适合。

手机浏览在全球的使用程度各有不同。在韩日,手机浏览器被广泛应用于移动服务,在欧洲,Wap服务一直在增长,而在美国,人们更多通过PDA浏览器浏览网页而不是手机。

虽然手机浏览目前并不是在每个地方都受欢迎,但是在接下来的10年内,它将成为大多数人上网的主要途径,手机浏览器也将成为人们每天都会用到的工具。而这些都要求手机浏览的用户体验都要得到改善,主要体现在:连接速度、服务数量、可用性增加以及流量成本降低。本文主要简单地说明手机浏览可用性的几个方面。

手机浏览可用性

手机浏览可用性包含几个层次(如图1),不过用户是不会发现是哪个层次导致可用性问题的。对于终端用户,手机浏览是一个整体的体验,所有层次都必须无缝配合以提高可用性。

图片文字:

设备可用性:·键·展示 ·浏览器入口 ·UI风格

浏览器可用性:·交互 ·页面渲染 ·缓存等等

站点可用性:·结构 ·内容 ·布局

图1:三个独立层次构成整体的可用性

在手机设备设计过程中,浏览器应用的重要性决定了硬件设计以及整体UI风格。如果是触摸屏且有手写笔,那么浏览器交互会容易多。另外完整的QWERTY键盘也让用户可以输入网址以及填写表格。如果不将浏览作为主要应用,那么手机设备必须轻巧,从而能够满足一只手使用的需求。在一些非触摸屏设备上,浏览器主页上必须有几个关键性的键,还有网络连接状态以及最重要的回退功能。

小屏幕的手机浏览器设计比较困难。同时大多数手机设备在不同国家都有使用,所以理解不同手机浏览文化的差异以及理解目标用户的手机浏览体验变得尤为重要。一个好手机浏览器必须能够承载所有类型的内容,不仅是专门为移动设备优化的内容而且还包括为PC屏幕设计的网页内容。

在为手机设计服务时,设计人员必须知道哪些内容是在移动状态下会使用的,以及一个友好的网站结构和UI设计原则是什么[参见注释1,2]。

内容人员和浏览器开发人员都需要理解移动环境属性和移动状态下的用户需求,而且必须测试自己的产品在移动环境下的效果,要分清楚哪些功能可以在实验室里测试,而什么内容是必须在移动环境下测试的。我们一直在做用户在手机上的注意力分配以及浏览器交互行为等等方面的用户研究。

在移动状态下浏览完整网页

针对手机用户优化的服务要求研发人员需要确定移动状态下的用户在手持设备上的需求。许多服务往往跟地点有关,比如旅游信息或者地图;与时间有关,比如列车时刻表;或者是非常个人化的需求,必须最喜欢的酒吧等等。这就要求服务必须具有灵活性,基于不同因素而变化。

手机用户使用PC网址登陆网站的原因往往是由于很多用户只记得PC上的网站网址,不知道手机版网站的地址,很多情况下,用户在手机上登陆电脑版网站,然后得到手机版网站的链接。如果网页不提供手机版网站的链接,那么肯定会丧失一些用户。

另外我们相信大多数国家的用户仍旧需要登陆完整网页,3G网络再加上优秀的手机屏幕使得在手机上浏览完整网页仍具有比较好的用户体验。所以我们希望针对手机优化的内容能够增加,而且内容人员还要注意到,手机浏览器用户在增加,不过还要在Web网站上提供手机网站的入口。

1 狭窄布局

在小屏幕上显示大的web页面仍旧需要一些信息视觉处理方法。目前一些浏览器采用狭窄布局作为默认查看模式,Opera将其称为小屏幕渲染,NetFront将其称为SmartFit,我们称之为狭窄布局,因为整个内容的显示窄且长,并且所有内容都做了简化以符合屏幕宽度。

我们对这一布局做过很多用户研究[参见注释5],狭窄布局的主要好处就是文本容易阅读,如果文本的宽度超过屏幕的宽度,用户的阅读就会很困难,虽然可以采取滚动的方法处理这一问题。

不过根据我们的调查,狭窄布局仍有很多问题。最糟糕的就是为了符合屏幕宽度,一些大图片被删减,结果导致图像细节丢失。第二个问题就是表格。如果有一行表格不与屏幕吻合,就会自动调至下一行。

还有一点就是内容排序。如上图,所有内容的显示变得很长,所以用户很难找到一些想要的内容,经常需要在屏幕滚动时去寻找关键词,这也就意味着滚动速度不能太快,结果看完所有内容会是一个非常漫长的过程。如果加快滚动速度,用户又可能丢失一些重要信息。

一个典型的Web页面中,最左边往往有很多链接,主要内容显示在页面中部。在狭窄布局中,用户必须滚过这些链接,才能看到主体内容。不过在浏览一个网站时,这些链接多数情况下是不相关,用户会变得很生气。还有一个相关的问题就是,一个网站的任何页面的上端往往很类似,用户会弄不清楚自己在哪个页面,所以如果这些链接中包含用户已经点击过的,那么用户很有可能再点击这些链接。我们遇见过很多用户由于这个问题而放弃阅读,他们会说浏览器坏掉了。

2原始布局

由于狭窄布局存在很多可用性方面的问题,所以很多浏览器还提供原始布局页面模式,这很类似在PC上,让用户根据内容来选择不同的视图模式,原始布局中,大图片细节和表格的效果会更好,同时如果用户知道PC上的网站的结构,那么就很容易找到自己所需要的内容。

当然原始布局并非什么问题都没有。最糟糕的就是阅读宽文本内容,会很费力。用户每次都得向前向后拉动滚动条。另外由于页面很大,所以需要滚动的地方也越多。

3理想布局

很明显,小屏幕手机上的页面浏览仍需要很多改进和革新。如果想让自己的网站在小屏幕上具有可读性,可以遵守以下3个指导建议:

1:避免那些一眼就能看出来的大物体;

2:避免在图片上使用小文本;

3:页面要轻化。

注释:

[1] Kaikkonen, A., Roto, V.: Navigating in a Mobile XHTML Application. In Proceedings of CHI2003 (2003)

[2] Roto, V., Kaikkonen, A.: Acceptable Download Times in the Mobile Internet. In Stephanidis, C. (ed.): Universal Access in HCI. Volume 4 of the Proceedings of HCI International 2003.

[3] Roto, V., Oulasvirta, A., Haikarainen, T.,Kuorelahti, J., Lehmuskallio, H., Nyyssönen, T.: Examining Mobile Phone Use in the Wild with Quasi-Experimentation. HIIT Technical reports

http://www.hiit.fi/publications/pub_files/hiit2004-1.pdf (2004).

[4] Roto, V., Oulasvirta, A.: Need for Non-Visual Feedback with Long Response Times in Mobile HCI. To appear in Prodeedings of WWW 2005 Conference (2005).

[5] Roto, V., Kaikkonen, A.: Perception of Narrow Web Pages on a Mobile Phone. Proceedings of Human Factors in Telecommunications (2003).

原文链接:http://www2.research.att.com/~rjana/WF12_Paper1.pdf

本文链接:http://www.socialbeta.cn/articles/browsing-on-mobile-phones.html

 

文章由PM28网编辑,作者:海阁,如若转载,请注明出处:http://www.pm28.com/451.html欢迎投稿

联系我们

在线咨询:点击这里给我发消息

邮件:403567334@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息