2012-4-19 蓝蓝设计的小编
转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
前一阵子,朋友购入了 Galaxy S II ,总体满意,但仍不时在聊天时怨及其中一些“反人类”的设计——相信手持 Android 设备的各位心里都会有类似的感受。
这些抱怨让我想起了诺基亚高级副总裁 Marko Ahtisaari 在接受 ifanr 采访时 说过的话 :
他们(指现有的移动设备界面)都很棒,但很显然,设计还没有到达顶峰,尤其是在程序切换、优雅和简洁等方面。
这观点近来逐渐被人接受,近期的文章也常常提及此事。
故而便有了此文,写些我对移动交互的期盼与想象。以下诸般构想,均以全触摸屏设备为基点。
通常聊天界面是这样的:
文本输入框在底下,消息自上而下,按时间排序,之前的在上,最近的在下。这一布局沿袭自传统书籍的排版,合乎人类的阅读习惯,自是绝对合理的。
但以我愚见,将其倒置一下,也是有几分好处的:
其好处有二:
若采用这个布局,舒适度会有所提高。在传统布局中,若是虚拟键盘未曾打开,那最近的消息——往往也是最需要关心的消息——便位于屏幕底部,而用户的视线,通常是集中在屏幕中上部的。注意力中心频繁上下移动,应不是什么舒适的体验。
另一个好处,便是操作效率较传统布局为高。在虚拟键盘弹出时,采用倒置布局的界面是稳定的,而按传统布局,输入框便得让位:
采用倒置布局,弹出键盘时,界面稳定
采用传统布局,弹出键盘时,界面整体移动
主界面的整体移动,会造成短暂的注意力失焦。在注意力重新集中前,无法进行有效的操作。以我个人经验而言,这个操作上的空白期在一秒左右,远比动画补间占用的时间为长。每一次开合虚拟键盘停顿一秒多,累积起来也是颇大的浪费。
若要说倒置的布局不符合常习,会对造成阅读造成妨害,应也不致。要知如今大热的微博网站,便都是上下倒置的布局,也未见有人抱怨阅读不便。而更古早时的功能手机,短信也是这般排列的。而那时的不便,更多是短信无法按对话形式归类引起的,与上下顺序倒是无甚关系。
对于厂商来说,此种设计有其优点,又无明显的妨害,而且无论如何,都可在逐渐趋同的界面设计中,收鹤立鸡群之效,应当是值得一试的。
这两年设备屏幕尺寸飞涨,可视面积也随之日新月异,这自是好事。但操作区域也跟着扩大了不少,却难说是好是坏了。我那位手持 Galaxy S II 的朋友便曾提及,每每去伸指去点屏幕底端的菜单,便觉吃力,长此以往,实在难保关节炎症不致发作。
如今的界面设计,屏幕的中央区域,大体是用来展示内容的,除了点击与拖曳这两个导航操作,便没多少用处了。绝大部分的其他操作,都有赖于屏幕顶部与底部的交互元素。iOS 的设计可作代表:
设计师的意图,当是把不常用的操作仍到边角上去,好将中原腹地留给最重要的内容来展示。但实际使用之后,往往便觉那些“不常用”的操作,实在常用得紧。别的不谈,iOS 左上角的返回键,便是被无数人摁烂的了。
摩托罗拉新发超大屏幕手机,也注意到了这个问题,做了一些改进 ,好让用户的拇指能少些操劳。而苹果固守3.5寸的屏幕,可能也有这方面的考虑。
只是屏幕尺寸的进步乃是趋势,便连极端重视持握感的诺基亚,N9 的屏幕尺寸也达到了 3.9 寸——只是凭着巧妙的设计,设备本身并没有增大罢了。
照此趋势,若不加改进,用户拇指难免整日价上下翻飞,饱受舟车劳顿之苦。以多任务切换为例,大部分系统都要求用户拇指移动到屏幕底部,进行操作。iOS、Android、Windows Phone 7 均在此列,其体验如何,想来也无需我在此赘言。此种操作若是照搬到超过 4 寸的超大屏幕上,用户拇指的安危实在是可惧可虑之事。
在这方面,诺基亚 N9 的滑动操作便舒适得多了。除了其本身符合人类天性外,能将操作集中在屏幕中段,也是很大的一个原因:
在多任务体验上备受赞誉的 webOS 设备,在键盘打开后,多任务切换的操作区域,也是位于设备中段上的:
此外,早期诺基亚的九键功能机,其手感很多人至今难忘。究其原因,可能也在于那些设备将操作压缩到了设备中段:
由此想来,将设备的操作区域压缩,尽可能地集中到设备中段,以减少操作时拇指的运动,当是提高交互体验的良方。而从各个方面来看,其实设计师们也是知晓此间关窍的。例如通过长按呼出菜单,在拇指当前位置进行操作,便是很常见的一个设计。
而 iOS 的辅助触摸功能,也是一个不错的思路——通过悬浮的透明窗口,提供额外的操作可能性。
无论如何,希望广大的开发者和设计师,在设计交互逻辑时,更多地考虑一下这个问题,拿出更好的方案来。为用户拇指关节的健康多花上几分心思,也是诸位工作中应有之义。
主界面切换过于频繁,是现今移动设备都有的问题。目前移动界面都是单窗口——或者说是单交互进程——的设计,这是受屏幕尺寸所限,实在是无法可想的。人力所能做的,也就是减少切换时的时间损耗罢了。
在这方面,移动系统都是各显神通,有做的较好的,也有做的极烂的。令我困顿的是,有一个成熟完善、久经考验的设计,却始终没有被采用过,那就是传统的 Windows 式任务栏。
若是前两年,设备屏幕尺寸有限,放一个任务栏在屏幕上,确非良策。若是做的小了,操作时必致使人不快,而放大之后,却会占掉过多的空间,看起来足以令人切齿。
但正如前文所言及的,这两年来,屏幕尺寸已有了长足的进步,主流比例也从传统的 4:3,变成了较为狭长的 16:9,一个尺寸合理的任务栏,理应是塞得进去的。但 Galaxy Nexus (还有诺基亚的 Lumia 800 )选择了用多余空间放几个虚拟按键,实在教人难以理解。
当然,这个任务栏是要做些调整的。例如要有防止误触的机制,在横屏时能转到侧面,还得有一些便利的手势操作。若依我所想,大体是这样的: