基于用户体验的智能手机网站界面设计探讨


基于用户体验的智能手机网站界面设计探讨

马志强,蒋晓

江南大学,无锡214122

摘要:智能(触屏)手机因其便于携带,可以随时随地上网,已成为人们生活中非常重要的一部分。但由于手机硬件以及网络环境的限制,其界面设计和Web界面设计既有共同性也有特殊性。通过对不同手机网站界面的对比分析,总结其网站界面设计问题。借鉴Web界面设计的理论,综合分析影响智能手机网站界面设计的因素,并论述了智能触屏手机网站的设计目标,在此基础上,提出其网站界面设计原则、设计方法以及设计理念。 

关键词:用户体验智能手机网站界面 

Research on web Sites Interface Design of Intelligence Mobile Phone Based on User Experience

Ma zhiqiang, JIANG xiao

(Jiangnan university,Wuxi 214122,china)

Abstract: Intelligence (Touch Screen) Mobile Phone has been an important part in our life,we can surf the internet anywhere and anytime for it can be carried very easily.But due to the limit of hardware and the environment of the internet, Interface Design of intelligence (touch screen) mobile has some common point with the website and some differences.Through analyzing the interface design of mobile phone ,concluding some problems.This paper uses the theory of the interface design of the website for reference, by analyzing the characteristics and the design Targets of intelligence (touch screen) mobile phone, concluding design principle, method and ideology of website interface of intelligence mobile phone.

Key words: User Experience; Intelligence Mobile Phone; web interface design

 

如今智能手机发展迅速已深深地影响着人们的生活,而且触屏手机给人更新奇的体验。智能手机给我们带来方便的同时也存在着一些不足,手机具有本身的局限性,如屏幕小,输入的效率限制,网络传输速度慢等。在很小的范围中提炼有意义的信息,提高获取信息的效率是手机平台设计的目标。

1用户体验与智能手机的关系 

许多国内外的研究学者大多是从心理层面阐述体验的含义,体验经济学家派恩认为体验就是指人们以自己的方式在一段时间中获得的一系列可回忆的事件。唐纳德·诺曼(Donald Norman)在《情感化设计》中的观点,体验分为感官的(Viceral)、行为的(Behavioral)和反思的(Reflective)三个层次,用户对一个产品的体验是递进的,首先是感官,其次是行为,最后是反思[1]。随着智能手机技术的发展,人们对于网站的要求也在逐渐提高,在感官层次上满足使用者的操作舒适感,在操作的过程中富有启发性,使用的过程是令人愉快的,而且在操作后给人以成就感。

智能手机是能够进行复杂的信息处理,支持开放式的嵌入式操作系统以及第三方应用软件的手机。其最大的特点就是直接操作,免去按键的间接操作。全触屏是智能手机的主要发展方向,其网站界面设计与普通手机上的网站界面又有很大的区别,直接操作是智能触屏手机的特点,即不需要按键的操作,只需手指的直接点击就可以打开页面。直接操作使得网站界面设计需要考虑到人的手指、使用环境等因素的影响。

2智能手机网站界面设计影响因素

2.1用户因素

智能手机网站界面设计首先应该分析用户的特征,充分了解目标用户群体,包括性别、年龄、文化程度、生活习惯、工作方式、使用动机、个性特征等。对于不同的年龄段的人使用智能手机会有很大差异性,年轻人对于新鲜事物的学习能力比较快,对智能手机的操作会很快熟悉,手指的操作灵活度也可以适应小屏幕的点击要求。但是对于年纪比较大的用户,智能手机的操作就会变得比较复杂,由于生理状况的限制,其手指灵活度、视力等都会有所降低,因此在使用智能手机上网的过程中会出现很多误操作。

2.2环境因素

手机的使用环境局限性很小,可以是在办公场所,也可以是在公共场所,几乎包括所有环境。但是在嘈杂环境中容易受到影响,用户在一个环境中进入另一个环境,需要对新环境的关注使得对手机的内容会有忽略,导致对手机任务的中断。由于这些因素,网站界面设计需要考虑用户所处的环境,平衡网站的功能与用户的需求。在不同的环境中使用智能手机还需要考虑到隐私,例如在拥挤的地铁中使用手机就会担心自己的隐私会被别人看到。并且在这样的环境中往往是单手操作,单手操作时用拇指点击,点击的精度就会随之降低,如图1

 

两种操作状态

      Fig.1Two operation states

2.3技术因素

大屏幕、多点触摸以及操作的流畅性成为智能手机的设计发展趋势,手机屏幕的材质、尺寸、性能以及操作系统平台的性能影响着智能手机的体验。智能手机的屏幕虽然有逐渐变大的趋势,但是相对于电脑屏幕来说还是相差很大。

3G宽带上网技术是智能手机的重要特征,相对于目前的WAPGPRSCDMAx1,它的特点是速度快、资费低和掉线率低。随着移动网络技术如基于XML的网络浏览技术的成熟,传统互联网和移动互联网会进一步融合,将会有更多用户用手机上网。快速的上网速度提高了网页的访问效率,从而给用户更佳的上网体验。内置感应器的使用使得娱乐更加具有乐趣,重力加速度感应器改变了以往的操作方式,使得游戏更加刺激有趣,给人以新的体验。

2.4网站类型因素

不同类型的网站其内容安排会出现很大差异,按照网站的功能来划分,可把网站归结为四类:展示型、内容型、电子商务型、门户型。由于网站功能的不同,其色彩运用以及页面布局会随之变化。门户网站由于内容较多,各项分类导航是非常重要的,用户在进入网站后需要根据页面导航在不同层级中往返。社交网站则注重好友发布的信息,在首页还需要提供关于个人信息的提示,例如好友回复、新鲜事发布等,购物网站需要很方便的找到生活用品的分类,在用户进入其他页面后需要提供回到主页的快捷入口等。

3智能手机网站界面设计的目标

3.1信息传递的效率

由于小屏幕的限制,对于信息的传达有着更高的要求,如果用户没有在预期的时间内找到自己想要的信息就会产生挫折感。用户在筛选信息的过程中会放弃繁杂的操作程序,避免产生情绪上的烦躁。界面设计不合理会造成用户筛选信息困难,造成资源的浪费。针对小屏幕的特点,最快捷、最简洁、最优化是智能手机网站界面设计的指导原则。友好的界面设计应该让用户感到易用、好用。易用的手机网站须遵循“少即是多”的设计原则,简便的交互设计,清晰准确的提示或反馈,从简洁中体现优雅,充分地满足用户的需求。

良好的网站结构会对用户的需求有预见性,,易于理解并有“预见性”的导航,在手机网站中起着重要的作用,让用户知道自己所处的位置。使用合理的排版,顺畅地将信息传达给用户,连贯的不间断的视线移动阅读会提高传达信息的效率,反之,杂乱的信息会让用户不知所措,无法更好地接收信息。 

3.2交互过程中的可用性

1)经验与信息的提示。人对事物的认知首先应该具有一定的经验,其次需要提供足够的信息提示,著名网页Web应用程序和应用软件图片交互心理学的设计专家斯蒂芬·P·安德森曾说过“良好的交互设计关注人们所想,所做以及所感!”人们在操作的过程中基本是靠外界的提示以及自己大脑中已经掌握的信息,如果新的操作方式比较复杂或者用户没有学习过,这样就不会产生流畅的操作体验。

2)信息量与可操作性之间的平衡。智能触屏手机几乎全部是用手指触摸进行操作,虽然屏幕比非触屏手机大,但是手指的精度也降低很多,因此在一个页面中既要显示充足的内容,又要防止用户的误操作,保持良好的浏览体验。

用同一浏览器查看三大门户网站,界面会有比较大的区别。由于信息量大,其链接的大小应符合人机尺寸,用户点击不会产生误操作,也能获得足够的信息。如图2。搜狐与网易的导航点击链接区域稍小,点击的时候就会小心翼翼,这样容易产生误操作,新浪的导航链接做的点击面积适合,点击的时候会更方便些,不容易产生误操作。


2  三大门户网站

                          Fig.1Three portal site

4智能触屏手机网站界面设计原则

3)操作的过程中的信息反馈。在用户进行操作后需要知道自己的操作是否达到了自己的目的,提示用户操作成功与否。智能触屏手机的反馈具有多样化,视觉反馈、听觉反馈以及触觉反馈都需要符合用户的心智模型。不同的反馈还需要考虑到到环境的影响,在嘈杂的环境中视觉反馈和触觉反馈会更适合。在打开某个网页时,需要用户等待,在等待的过程中需要提示用户网站正在逐步打开,需要遵守网站反馈的限时原则,即用户没有必要对某些网站响应等待时间过长。由于触屏手机需要手指的点击,因此点击区域应做合适的设计,对误点击应让用户很方便的回到上页。允许用户出现错误,并且在错误发生后给用户提示,引导用户做出纠正。 

4.1信息传达有效性

传达信息的媒介主要有文字、图片、视频等组成,单个文字让用户不会明白含义,必须放置于一定的语义环境中才能构成完整的意义。语句的使用需要和主流文化相一致才能让人理解,将语句放置于一定的环境中构成一定语境下的意义,准确地传达所要表达的含义。

平衡可选择性和信息量之间的关系,过少的内容不能满足用户的信息,过多的内容造成选择的干扰,手机网站内容的设计不宜做的广而泛,而是精而浅。优秀的网站体验应该是使用户感到自己在掌控信息,而不是网站在引导自己漫无目的的浏览,迷失在海量的信息中。手机网站的简洁性来自于网站传达的信息、用户浏览的方式和目的以及使用方法。网站都有自己的核心内容和功能,关注用户最直接在日常生活中使用的功能可以提升网站的体验。由于手机硬件和网络环境的限制,需要精简网站的视觉效果,删除不必要的信息干扰,例如广告无用的(点击率低)的链接,这样使界面更加简洁易用。

4.2网站层次结构设计符合用户习惯

网站的层次结构在视觉层面上需要将元素有组织地进行分组,将不同的数据信息进行区别,去除多余的视觉元素,这样可以让用户更加清晰地看到相关内容。在网站空间层次上需要将相似功能组织在一起,通过第一层次上的导航进入相关的功能区,让用户清楚地知道任务与子任务之间的关系,使用者无需进行过多思考就可以进入下一步的任务,良好的结构层次会提高网站的可用性。

由于手机较小的屏幕,网站结构往往采用单一树形结构的组织方式,这样导致用户很难在其他的选择中自由转换,因此,在网站的结构设计中需要对用户的操作需求有适当的预见,合理的分级归类将会帮助用户很轻松地达到目的。注重网站的可用性,确定用户访问所要达到的目的,排列网站内容的优先次序。

4.3交互方式合理性

在电脑上浏览网站时鼠标可以精确到1像素,而触摸屏点击区域为29像素,而且有时用户在点击触摸屏目标区域时并没有真正点中,存在一定偏差。如果过多的信息没有合适的间距,频繁的误点击就会影响用户的操作流畅度。在操作的过程中需要有良好的反馈信息,尽量采用非模态反馈,以使操作更加流畅。

在触屏时代,智能手机具有丰富的交互方式,令人愉悦的声音及动画,新奇的手势操作都提高了用户的使用体验。在交互方式的设计中应首先满足用户的基本需求,并且易学、易用,其次在操作的过程中产生良好的情感体验。多种手势的使用也增加了用户学习的成本,手势的使用需要和用户的心智模型保持一致,如果新的手势不为用户所知,那么这个操作就不会顺利进行。

4.4具有良好的品牌体验

对于一个好的网站,网站的内容需要具有较高的品质,还需要给人们以良好的使用体验,当浏览一个网站时必定会带有一定的期望,当满足了这些期望,良好的用户满意度随之产生,这也会影响到品牌信誉,增加用户的忠诚度。

5结语

对于网站的界面设计首先应考虑的是其功能性,而不是其形式。平衡形式与功能,提高网站的可用性。网站的可用性决定着用户访问量,而其中的界面设计以及交互方式则是提升网站可用性的重要因素。以用户为中心,研究用户需求,提升网站的体验会赢得更多用户。

 

参考文献

[1] 唐·诺曼.情感化设计[M].  付秋芳 , 程进三译.北京:电子工业出版社,2005.

Donald Norman.Emotional Design[M].FU Qiufang,CHENG san translate.Beijing Electronic Industry Press,2005.

[2](美)Alan Cooper,Robert Reimann,David Cronin.About Face 3 交互设计精髓[M].刘松涛,译.北京电子工业出版社,2008.

Alan Cooper,Robert Reimann.David Cronin.About Face 3[M].LIU Songtao translate. Beijing: Electronic Industry Press,2008.

[3]  胡飞.聚焦用户UCD观念与实务[M] . 北京:中国建筑工业出版社,2009.

HU Fei.Centered on UCD And Matters[M]. Beijing: China Architecture  Building Press,2009.

[4] (美)Christina wodtke ,Austin Govella.锦绣蓝图,怎样规划令人流连忘返的网站[M].蔡芳,荆涛,等译.人民邮电出版社,2010.

Christina wodtke ,Austin Govella. Inf Arichitecture:Blueprints for the Web,Second Edition[M].CAI Fang,JING Tao,translate. The People’s Posts and Telecommunications Press,2010.

[5]  刘程程,张凌浩.移动互联网时代手机服务型APP产品设计研究[J].包装工程,2011.

LIU Chengcheng,ZHANG Linghao.Servicer APP Product in Times of Mobile Phone  Website[J]. Pakaging Engeering,2011.

[6]  唐·诺曼.设计心理学[M]. 梅琼译. 北京:电子工业出版社,2003.

Donald Norman.The Design of Everyday Things[M].MEI Qiong,translate. Beijing Electronic Industry Press,2003.