教育行业每一个设计作品都举世无双

当前位置:主页 > 成功案例 > 教育行业 >

探讨交互设计快速入门之手机篇

日期:2015-10-09 / 人气:

当拇指和食指的操作习惯还停留在桌面时代时,应该如何进行交互设计?交互设计师Josh Clark为你讲解在移动端触摸屏的交互设计中,设计师应该如何思考问题,应该怎样打造“手指交互友好型”界面。
伟大的移动端界面设计,要做的不仅仅是将视觉元素装进小小的屏幕中,还要考虑到交互问题。在触摸屏不断完善、市场占有率不断提高的背景下,越来越多 的用户主用手指进行交互操作,关于手指的一些人机工程学,也应该作为设计的考量。新的交互形式,需要设计师不再局限于视觉和信息层级方向的设计,要把眼光 放得长远,多多借鉴工业设计中人机交互的一些观点。触摸屏不仅仅是视觉交互,还包含了很多人机工程学的因素:用户在用手指操作时,感觉如何?

拇指法则针对触摸屏的设计需要深思熟虑,其中的一个问题便是:手指,通常在屏幕上的哪个部位进行操作?
例如,单手持握手机,除非你的手指天生长得特别特别长,一般你都会用拇指进行点击操作。因此,对于手机来说,为触摸进行交互设计,主要针对的就是拇指。

因为拇指,人类才具有具有精确的抓握能力,从而在进化中脱颖而出,成为智慧的物种,但在手机操作中,拇指的可控范围有限,缺乏灵活度。当然,如果你 竭尽全力,拇指还是能够在整个屏幕上进行滑动操作的。但是在大屏手机上,拇指的可控范围还不到整个屏幕的三分之一——主要集中在屏幕底部、与拇指相对的另 外一边。
将主要操作目标放在拇指的热区。例如,当用右手持握手机的时候,拇指的热区如下图所示,在左下角呈现一个弧形。这就是为什么,工具栏和导航条一般都在手机界面的下边缘——这跟我们在桌面界面中的惯例截然相反。这正是由于拇指可控范围有限导致的,在触摸屏上的界面设计与传统惯例相反,导航条和主要操作目标被放到了底部。

针对屏幕底部,拇指的热区进行设计,解决了很多用户的问题。这比“左撇子”用户的问题更加重要。因为这个社会上,右撇子还是占据大多数的。而几乎每个用户在使用手机时,都有过“单手持握,拇指操作”的经历。(公交车上,一只手扶好栏杆,另一只手操作手机)而屏幕底部的拇指法则,无论那只手进行操作,都适用。与此同时,它也给予设计师一些暗示:要怎样组织操作目标的视觉层级,以给予用户最便捷舒适的体验。例如,按iOS的设计惯例,一般把编辑按钮放在右上角,即明显,又能避免因为误碰而导致界面突然改变。

作者:admin