浅析手机UI设计与用户使用习惯

2014-09-25 09:52刘晓夫
艺术科技 2014年9期
关键词:UI设计交互设计用户体验

摘 要:随着科技的进步与人类社会的发展,手机成为每个社会人所必备的一种工具,随着触摸屏技术,手机网络技术的成熟,现代手机已不是传统意义上的通信工具,它更像是一个小型化的电脑,一个随身的数据终端。手机用户也越来越注重手机的数字化功能,UI界面是用户最先接触与最常接触的视觉画面,软件设计师只有合理的设计UI,注重用户体验,才能在激烈的市场竞争中有一定的位置。

关键词:UI设计;交互设计;用户体验;用户习惯

在进入21世纪以来,手机从传统的通信工具上升成为随身的数字终端,其网络功能与电脑不相上下,用户习惯用手机来查阅网络上的信息。这种习惯带来的直观改变就是手机屏幕的越来越大,也带给用户新的使用体验。在早期的智能化手机的UI设计中,开发商与用户并不重视使用习惯,只是以单一的图形符号和表格形式的布局来进行人机交互,但是随着科技的进步,用户和开发商发现人机交互并不是单一性的,呆板的设计,尤其是触摸屏技术的出现,使人机交互的行为方式发生了巨大的改变,而UI设计也逐渐走向兴盛,到现在,手机软件产品如果想在市场中拥有足够的竞争力,那么一个合理的,符合用户使用习惯及使用需求的UI是必需的。

手机用户使用习惯的第一点就是通信习惯带来的对手机尺寸的要求,在通信过程中人的行为习惯为单手能够稳固握持,同时听筒与话筒距离不易距离过长,这两点就决定了手机的屏幕不能太大。一般智能手机屏幕的大小约4英寸到6英寸,再大就很难进行方便的握持及通行。第二点,在大多数情况下,用户使用手机软件的环境是复杂的,不单纯的,像会议前夕,乘坐公交车时,这种环境导致了用户以单手操作软件界面为主,其中又以右手操作的行为占绝大多数。从人体结构学的角度来说,在右手操作软件时,要在稳固住手机的同时进行交互,虎口范围也就是屏幕最右侧的区域是相对难以触及的。这种情况大尺寸手机上更加明显。第三点,在漫长的人类阅读史中,文字的排列几经更迭,最终转变为从左至右的排列形式,这也造成了大部分人类的阅读方式是从左至右。这种阅读方式就造成人类在有文字出现的界面中往往会关注左上角,因为那是文字的起始阅读位置。以上三点是在一般情况下手机用户的使用习惯。

用户使用习惯还带来了图形的符号化,这种转化并不是手机软件所带来的,反而是用户在长期电脑软件使用中对软件的使用习惯延生到手机中而产生的。就如同一个软件的退出无论是在电脑上还是在手机中用户第一个反应就是查找屏幕的右上角,当然在手机中还存在了一个特殊情况而使得手机软件的退出并不像电脑那样统一,这种情况就是用户在长期的电子产品使用中对于机械式的按键会比触摸式按键更加习惯和感觉可靠,所以当今的绝大多数手机在设计中都会在手机正面安置一个机械式按键,这个按键提供了退出,返回桌面等功能,这也使得手机屏幕的右上方不会出现明显的退出功能而是放置一些整合菜单。

手机软件的UI设计在信息层级上与网络信息层级相似,这种信息的层级随着网络的发展愈加细致明显,在电脑上养成的对层级信息的使用习惯也随着网络普及进入手机之中,用户在信息层级使用习惯大致分为下面两种,一种是平级信息的分布往往呈横向或纵向的排列,其视觉形式相近,信息分类主题往往以高亮形式并列排列;另一种是信息层级一般不超过三层,三层以上会造成用户视觉记忆的困难,影响使用效果。

手机的使用习惯是软件交互行为中不可回避的一环,要想UI软件设计带来良好的用户体验,需要以用户的使用习惯来进行手机UI的设计。手机UI设计首先就是UI框架的合理性,由上文可知,用户对手机的使用习惯大多为单手操作,且阅读方式为由左至右,那么框架的基本结构应以左边栏及上下的边栏分布为主,但是不能排除的是左手使用者的习惯,那么重要的导航栏及系统状态栏则应该处于屏幕的上方或下方。即使是因某些原因要横置手机的情况下也应以这种形式为主。用户由左至右的习惯带来的是对功能诉求的权重分布,屏幕左侧的部分对于用户识别信息有着最清晰的识别作用,所以UI设计中左侧往往是集中于信息条目的显示,文字的排列也以左对齐为主,而右侧往往放置工具条及隐藏式工具栏,这种框架方式一方面照顾了用户对信息的归纳和扩大阅读范围,同时保证了在进行正常操作时误触工具栏的可能性。

屏幕大小也是UI框架布局的关键,在手机屏幕大多为4英寸到6英寸的现在,用户需要的是更加快捷地浏览信息,作为分类及功能性工具的导航栏的大小直接影响到用户的使用体验。同时这些分类及工具栏是进行人机互动的主要渠道,太小则很难以触发,根据相关调查显示,用户对于小型按钮(64px)以下的视觉感受不佳,并且难以触发,所以工具栏及导航栏的大小应以32px为限制,保证能够触发的同时减少所占据的空间,同时大量的一次性设置,功能性按钮应该整合至工具栏中并以隐藏式菜单形式存在,这样能够最大限度保证扩展可用阅读面积及缩小信息层级的功能。

图标作为UI设计中的主要符号,承载着信息层级的可视化和代表性,用户习惯使得一些图标的符号化更加的容易。设置类的图标因用户长期的使用习惯基本固

定为齿轮或者扳手的形象,甚至只要位置在屏幕的右上角,都会下意识认为是设置类整合下拉菜单,返回上级菜单则统一都是已向左方向的箭头来表示。而分类菜单则因内容的不同则有不同,在同级菜单的UI设计上应遵循相似性原则,即形态上或者是背景上应于同级的其他图标有相同或相近的背景或者图标。在信息层级的分类化中,上级图标应与下级图标有明显的区别,大小和形态都应有所变化,这样才能为用户提供更加准确的信息导引。

手机UI设计相较电脑UI设计更注重用户的使用习惯,电脑的互动形式因鼠标和键盘的存在而注重于视觉形式与视觉思维上面的区分度,表现与电脑UI的视觉形式越来越多样化与美观,而手机UI的设计在保持视觉化的同时更加的紧凑,需要在一个较小的区域显示大量的内容,同时减少信息层级的传递。电脑的UI图标基本上走向3D化的趋势,因为电脑的屏幕越来越大,图标的形态也相应的放大,在分辨不存在障碍的情况下,3D效果更佳,而手机的因为屏幕的限制,图标却在往平面化的趋势下走,这是因为平面化的图标在视觉表现上更趋近于符号,在小画面中更有利于用户的分辨。电脑的框架结构几乎不用考虑人体工程学的因素,而手机UI的框架必须以人体工程学的角度为基础,否则会造成用户进行人机互动时的难度,从而影响用户体验。

在网络化,数字化的现在,手机的功能早已不局限在通信,打电话这些基本功能之中,上网,即时视频通话,网上支付,拍摄成为青年人使用手机的主要功能,但手机始终是手机,只要用户还是以通信为基础而使用手机,那么手机UI就必须考虑用户使用习惯,使用环境对软件的影响,仅仅为了视觉效果而进行手机UI设计更是舍本求末,只有用户对软件的互动满意,才是一个成功的UI设计,而人机交互的核心就在于用户的使用习惯在手机UI中的应用。

参考文献:

[1] 鲁道夫·阿恩海姆.艺术与视知觉[M].孟沛欣,译.湖南美术出版社,2009.

[2] 周荣刚.用户体验度量[M].机械工业出版社,2011.

[3] UI进化论[M].清华大学出版社,2011.

作者简介:刘晓夫(1985—),男,湖南澧县人,硕士,助教,西安财经学院设计艺术学。endprint

猜你喜欢
UI设计交互设计用户体验
浅谈用户体验在产品设计中的运用
浅谈交互设计在工业设计中的运用
UI设计在产品形象中的价值与应用
唯品会的品牌塑造研究