免费WIFI电话
您的位置:免费WIFI电话 >> 行业信息>> 手机设计交互界面趋势

手机设计交互界面趋势

来源:网上转载  发布时间:2014-10-28 12:01:11

手机设计:手机作为日常生活中最常见,几乎是更新速度最快的个人电子用品终端和电子用品集合体,越来越多地介入和更大地影响着人的日常生活。其集合体性质的发展决定了在未来的日子里手机不仅仅是一个携带电话,而更多的是一个娱乐、生活、资讯的集合体。其的终端性质也决定了其在人机交互方面也必须更加的人性化,趣味化,功能集成化。

本文主要讨论的是在现在的手机设计趋势下几种手机主菜单用户界面(User Interface)设计的手法和其应用性中所蕴含的人机交互原则抑或是商业原则。切入点主要是视觉传达方式及交互方式给用户的体验。

 

手机设计-“五感”与机械的完美配合

由于手机的机械特殊性,其交互设计除了要考虑界面视觉的感受,还要兼顾听觉和触觉的运用。正如日本著名设计师原研哉先生所提出的“五感”设计。即信息构建的时候,思维维度要多样化,设计作品应触及到“五感”,视觉、听觉、触觉、嗅觉、味觉。给受众全方位的触动。虽然原先生所说的是商业广告以及生活品设计范畴的传达学,并且手机也没有办法涉及嗅觉和味觉。但是人机交互一样可以导入这个概念,因为人与物的交流,反馈的模式是一致的。

手机的传达模式是:显示屏输出,用视觉来向外传达。用户的输入来进行指令再次向内传达。手机设备再次反馈。而反馈的方式就很多,比如视觉的反馈,颜色,亮度,位置的变化都会让用户的视觉得以刺激。或者用听觉给用户提示,甚至手机震磁震动的触觉。

这里举一个MOTOROLA V8 的交互设计例子,使用的是触觉来解决交互问题。MOTOROLA 的V8 使用的是和屏幕合二为一的触控式按键,也就是用户常说的触摸屏。这种设计的优点是在视觉上看机械本体流线会很整体。但是触感往往失去了反馈的能力,因为没有按键的存在,就不能给用户很确切的感觉,诸如:“我按到了,我的手指感觉到按键反弹力。”这就需要其它方式的感受来弥补。因为考虑到静音模式或者嘈杂场合下按键声音提示效果不甚理想。于是MOTOROLA 设计了震动回馈,就是每次按键,机身震磁都反馈式地震动一下。MOTO 称它为Haptics 反应。这也是一个非常有趣的解决问题的方式。

界面可以利用硬件的一些功能来解决问题,更要配合硬件的固有条件而做易用性交互开发。软件和硬件的完美结合才可以使得人机交互畅通。图1的界面设计(作者:TAT studio)正是为拥有滚轮操作装置的手机所开发的界面设计,也在这个设计中尽量考虑到了滚轮操作的特性。滚轮键可以使用户仅用一只手便可完成在文档或功能选项中的选择,这种操作的舒适性高,但是误操作的几率也相对高。反应慢的用户,或者视力不佳的用户,往往会误读滚轮当前的操作状态。比如用户时常提出的:“滚轮滚过头,没有看到它到底对着哪一个图标。”或者是“没看清就按下去,选错了”。

而该设计为滚轮操作的机械本体给出了最佳的交互解决方法。从版式风格来看,该设计整个版式分为两部分,下半部分是一个形状是圆形的轮盘菜单,其视觉感受和滚轮给用户的手指带来的触感在大脑中重叠。一样的圆形运动轨迹,给人所见即所得确切感受。而上半部分的版式安排了一个放大的图标,显示的是当前选中的图标任务。这在视觉上再次确认了“选中”这样一个动作,选中了什么图标,进入到了哪一个步骤,完全地放大给用户一个清晰的信息。让机械和用户之间没有障碍地沟通。这就最大程度地避免了误操作。这样的传达风格和硬件运动方式使得很多用户可以很快适应侧键滚轮这样一种操作方式。

从视觉风格上来讲,该设计是现下所流行的矢量风格,元素的运用也趋向于简约的审美倾向,其表现就是强烈的配色和简洁的图标设计。比如,背景的横纹元素,上半部的icon,都是简约的图形来表达。整体的色彩是偏橄榄绿暖灰(R160 G165B135),只有图标使用的是艳红色(R250 G5 B110)。整体的版式分为三层:图底是渐变的横纹,给人一种较弱的视觉感;第二层是滚轮菜单和上方的属性栏(主要显示电量和信号的信息),用色深沉,图形简洁;第三层是随滚轮操作和滚轮菜单变化而变化的图标。也是整个设计的视觉焦点。整个设计层级分明,传达要素不多。利用统一视觉感受和触觉感受的方式以及放大加强视觉传达的方式来解决交互误差问题。

倾向于多纬度的互动和更清晰、强烈的视觉提示,将会是未来手机界面设计发展的一个方向。界面设计和交互效果也是影响手机销量的最重要因素之一。令大部分用户在使用手机时产生正面感受,用户体验诸如:很好上手,很容易学,不容易误操作等等。这些用户感受也与手机的销售环节息息相关。拥有更高用户适应性,拥有正面用户体验的手机,其亲切感往往在试用的时刻就可以完全打动消费者的心。

 

手机设计-动态与技术的完美结合——Flash lite

先来说说Flash界面(Flash UI)和Flash lite,个人认为Flash界面可以说是手机动态界面的一个趋势。原先手机菜单里各个图标的复杂动态是需要代码效果来完成,或者干脆就使用两帧动画来回避代码。原因是手机缓存小,自然不能运行太复杂的动态。然而Flash lite使手机平台也能够运行Flash并解决了手机播放Flash缓存的问题。手机的界面菜单也便可以运用flash技术来实现运动效果。3D效果的运动方式与运动模糊是flash可以模拟达到的。也因为Flash lite的出现使得更多没有计算机编程基础的视觉设计师可以更容易地介入界面设计领域。简单的界面图形设计,结合Flash lite的动态效果。比如叠加切换、运动缓冲就会在视觉上令使用者兴奋,大大增加操作的新鲜感、趣味感。菜单和工具的拖动功能提高操作的舒适感,为用户体验加分。这样的优良用户体验也提高了手机的易用性和销售量。也在有限的屏幕上创造了更多的视觉故事。不得不说以flash为代表的新一代技术,充分体现了互联网时代的低门槛、个人创新、广泛复制和传播的这种精神。Flash lite是可以提供这种不拘一格的设计手段的技术平台。

图2 所举的是LG 与时尚大牌联合出品的LG PRADA KE85。LG PRADA KE85 在界面上最大的改变就是采用全新的触控屏幕设计与基于Flash lite的Flash UI界面设计。以手机桌面显示的时钟为例,用手指可以随意的拖动,并且可以拖放到待机画面的任一位置,点选时钟时弹出菜单选项,之后出现一个闹钟设置窗口供用户进行设定,使用起来非常的人性化和方便,这种简单易用的性质拥有非常高评价的用户体验。如此优秀的操控方式对于LG PRADA KE850 来说全部要归功于Flash 界面,其为LG PRADA KE850 带来了如此舒适且有趣味的交互效果。

 

手机设计交互界面趋势

 

从颜色和版式来说,LG PRADA KE85 完全是高度统一的深黑调设计,小小的渐变所创造的微妙的视觉变化,传达了关键词,时尚、低调、高科技感。说到这里想谈一下iphone 手机主菜单界面设计的色彩,iphone界面主菜单是黑色的基础上出现了一个个彩色的图标,低调中还有些许张扬,当然视觉上的话也更加明晰易操作。诉求的不同完全早就了两种设计,手机界面设计的市场细分在以后的日子里也许扮演着越来越重要的角色。

基于Flash lite这样一个软件平台的开发。它使得在PC上所做的一些常规媒体交互设计,逐渐可以在手机上加以实现。全球2000万flash开发人员所致力的flash交互设计将逐步成为未来手机多媒体交互的主流。Flash lite让开发人员可以开发出动态的移动内容,例如桌布、游戏等等;制作应用程序、界面及整合影像并提供完善的用户界面。

 

手机设计-放大缩小的快乐——Zooming user interface(ZUI)概念的兴起

手机设计功能越来越多,资讯量的增大在方便用户的同时也带了操作不便的问题。手机要打电话、上网、打游戏、听音乐、GPS。功能来越多,界面也随着功能的进步越来越复杂,交互也越来越复杂,所有图标和选项都要挤到小小的屏幕上面去绝对是界面设计师和用户都头痛的事。在这种趋势下微软做出了新的尝试。

为了让小小的屏幕可以更有效地显示这些资讯,微软开发了屏幕集合36 项内容Zumobi 技术。可以将36 个网络或用户内容条目组织在一个虚拟的桌面栅格里,并能利用触摸屏或数字键盘移动、缩放,同时借助屏幕正中一个莲花状的图案提供方向导航,激活某个条目的时候就会放大显示。这种放大缩小的方式就好像看地图,虽然在操作上解决了一些问题。可是笔者认为。此交互其实很考验用户的空间想象能力。如果记忆力不佳或者说是空间感很差,那么就真的是“管窥”了。转来转去的操作方式,有可能会让人觉得眩晕。但是至少这种概念的导入让人觉得很兴奋。Zumobi 技术是微软实验室的项目之一,但不要因此认为这种全新的用户界面只能运行在微软的Windows Mobile 智能手机中,Zumobi做为第三方用户界面可以随意的植入多款手机之内,即便不使用触摸屏幕而仅仅使用按键操作,也同样可以实现缩放的操作效果。这就完全开发了一种新的界面运行的方式,也有可能是一种新的手机使用方式。

其实手机在向PC 变形的路上又走近了一步。手机在发展的历程上越来越趋向于功能集合体,PDA已经越来越功能强大,越来越接近PC,而PC 操作系统的大哥微软的介入,也恰恰证明了这个趋势以及手机发展的无限潜力。而手机界面设计的新课题在未来可能会注入更多的PC 相关概念和开发方式。

感觉就像是一夜之间,手机的界面设计变得如此纷繁多样。也相信在未来的日子里手机会有更多新的界面设计概念产生和实现。所有的界面设计都是这样随着科技一步步从构架到流程,经过无数用户的反馈、设计师修改,最后形成一个更好的标准和运作模式。无论是界面与机械的结合,还是界面动态与技术的结合,或者说新的概念的导入。手机界面的设计一直遵循的发展原则是以人为本,用户体验作为首位,继此在商业上产生其价值。那么清晰、易操作而具有良好用户感受的界面设计;更多的人性化的动态以及有趣的互动环节的界面设计设计;不断地创新发展,提出更好的概念的界面设计,将会是手机界面设计发展的三大趋势。

上一条:关于网络电话VOIP协议栈
下一条:关于手机交互体验设计