移动交互的个人想象 为设计而设计(图)

移动开发
前一阵子,朋友购入了 Galaxy S II ,总体满意,但仍不时在聊天时怨及其中一些“反人类”的设计——相信手持 Android 设备的各位心里都会有类似的感受。

 

 

 

前一阵子,朋友购入了 Galaxy S II ,总体满意,但仍不时在聊天时怨及其中一些“反人类”的设计——相信手持 Android 设备的各位心里都会有类似的感受。

这些抱怨让我想起了诺基亚高级副总裁 Marko Ahtisaari 在接受采访时说过的话 :

他们(指现有的移动设备界面)都很棒,但很显然,设计还没有到达顶峰,尤其是在程序切换、优雅和简洁等方面。

这观点近来逐渐被人接受,近期的文章也常常提及此事。

故而便有了此文,写些我对移动交互的期盼与想象。以下诸般构想,均以全触摸屏设备为基点。

一、倒置的聊天界面

通常聊天界面是这样的:

文本输入框在底下,消息自上而下,按时间排序,之前的在上,最近的在下。这一布局沿袭自传统书籍的排版,合乎人类的阅读习惯,自是绝对合理的。

但以我愚见,将其倒置一下,也是有几分好处的:

其好处有二:

若采用这个布局,舒适度会有所提高。在传统布局中,若是虚拟键盘未曾打开,那最近的消息——往往也是最需要关心的消息——便位于屏幕底部,而用户的视线,通常是集中在屏幕中上部的。注意力中心频繁上下移动,应不是什么舒适的体验。

另一个好处,便是操作效率较传统布局为高。在虚拟键盘弹出时,采用倒置布局的界面是稳定的,而按传统布局,输入框便得让位:


采用倒置布局,弹出键盘时,界面稳定

采用传统布局,弹出键盘时,界面整体移动

主界面的整体移动,会造成短暂的注意力失焦。在注意力重新集中前,无法进行有效的操作。以我个人经验而言,这个操作上的空白期在一秒左右,远比动画补间占用的时间为长。每一次开合虚拟键盘停顿一秒多,累积起来也是颇大的浪费。

若要说倒置的布局不符合常习,会对造成阅读造成妨害,应也不致。要知如今大热的微博网站,便都是上下倒置的布局,也未见有人抱怨阅读不便。而更古早时的功能手机,短信也是这般排列的。而那时的不便,更多是短信无法按对话形式归类引起的,与上下顺序倒是无甚关系。

对于厂商来说,此种设计有其优点,又无明显的妨害,而且无论如何,都可在逐渐趋同的界面设计中,收鹤立鸡群之效,应当是值得一试的。#p#

二、操作区域的集中化

这两年设备屏幕尺寸飞涨,可视面积也随之日新月异,这自是好事。但操作区域也跟着扩大了不少,却难说是好是坏了。我那位手持 Galaxy S II  的朋友便曾提及,每每去伸指去点屏幕底端的菜单,便觉吃力,长此以往,实在难保关节炎症不致发作。

如今的界面设计,屏幕的中央区域,大体是用来展示内容的,除了点击与拖曳这两个导航操作,便没多少用处了。绝大部分的其他操作,都有赖于屏幕顶部与底部的交互元素。iOS 的设计可作代表:

设计师的意图,当是把不常用的操作仍到边角上去,好将中原腹地留给最重要的内容来展示。但实际使用之后,往往便觉那些“不常用”的操作,实在常用得紧。别的不谈,iOS 左上角的返回键,便是被无数人摁烂的了。

摩托罗拉新发超大屏幕手机,也注意到了这个问题,做了一些改进,好让用户的拇指能少些操劳。而苹果固守3.5寸的屏幕,可能也有这方面的考虑。

只是屏幕尺寸的进步乃是趋势,便连极端重视持握感的诺基亚,N9 的屏幕尺寸也达到了 3.9 寸——只是凭着巧妙的设计,设备本身并没有增大罢了。

照此趋势,若不加改进,用户拇指难免整日价上下翻飞,饱受舟车劳顿之苦。以多任务切换为例,大部分系统都要求用户拇指移动到屏幕底部,进行操作。iOS、Android、Windows Phone 7 均在此列,其体验如何,想来也无需我在此赘言。此种操作若是照搬到超过 4 寸的超大屏幕上,用户拇指的安危实在是可惧可虑之事。

在这方面,诺基亚 N9 的滑动操作便舒适得多了。除了其本身符合人类天性外,能将操作集中在屏幕中段,也是很大的一个原因:

在多任务体验上备受赞誉的 webOS 设备,在键盘打开后,多任务切换的操作区域,也是位于设备中段上的:

此外,早期诺基亚的九键功能机,其手感很多人至今难忘。究其原因,可能也在于那些设备将操作压缩到了设备中段:

由此想来,将设备的操作区域压缩,尽可能地集中到设备中段,以减少操作时拇指的运动,当是提高交互体验的良方。而从各个方面来看,其实设计师们也是知晓此间关窍的。例如通过长按呼出菜单,在拇指当前位置进行操作,便是很常见的一个设计。

而 iOS 的辅助触摸功能,也是一个不错的思路——通过悬浮的透明窗口,提供额外的操作可能性。

无论如何,希望广大的开发者和设计师,在设计交互逻辑时,更多地考虑一下这个问题,拿出更好的方案来。为用户拇指关节的健康多花上几分心思,也是诸位工作中应有之义。#p#

三、一个 Windows 那样的任务栏

主界面切换过于频繁,是现今移动设备都有的问题。目前移动界面都是单窗口——或者说是单交互进程——的设计,这是受屏幕尺寸所限,实在是无法可想的。人力所能做的,也就是减少切换时的时间损耗罢了。

在这方面,移动系统都是各显神通,有做的较好的,也有做的极烂的。令我困顿的是,有一个成熟完善、久经考验的设计,却始终没有被采用过,那就是传统的 Windows 式任务栏。

若是前两年,设备屏幕尺寸有限,放一个任务栏在屏幕上,确非良策。若是做的小了,操作时必致使人不快,而放大之后,却会占掉过多的空间,看起来足以令人切齿。

但正如前文所言及的,这两年来,屏幕尺寸已有了长足的进步,主流比例也从传统的 4:3,变成了较为狭长的 16:9,一个尺寸合理的任务栏,理应是塞得进去的。但 Galaxy Nexus (还有诺基亚的 Lumia 800 )选择了用多余空间放几个虚拟按键,实在教人难以理解。

当然,这个任务栏是要做些调整的。例如要有防止误触的机制,在横屏时能转到侧面,还得有一些便利的手势操作。若依我所想,大体是这样的:

以我之见,这样一个任务栏,当比三个虚拟按键有用得多。

说来还有一事,就是这几年来,为设计而设计的情况变得很是常见。今年的各种 Android 平板,都有着花哨新奇的任务切换机制,但试用之后,只觉还不如放个任务栏来的实惠,便是一个例子了。从追求实用性的用户角度上看,这实在算不上什么善事。

 

责任编辑:景琦 来源: ifanr
相关推荐

2021-11-01 21:01:01

架构设计软件

2013-01-10 15:46:25

2013-01-29 10:41:58

Java复用HTTP

2023-05-31 15:03:58

数据中心供应链

2022-09-28 15:16:16

GoogleTensorStor开源

2012-02-01 15:12:09

交互设计移动设备

2012-05-22 11:43:03

苹果工作站

2011-12-29 20:38:47

移动应用

2013-08-02 14:10:24

移动App交互设计

2015-01-14 11:05:07

移动交互设计自查表

2011-03-07 13:50:20

2011-09-07 09:55:25

2017-03-14 10:54:19

AWS S3云存储故障

2010-12-27 20:18:22

摄像头LifeSize

2012-02-02 10:07:12

诺基亚交互设计

2013-09-10 15:15:27

2024-03-15 08:54:59

Linux内核NUMA

2018-06-20 12:54:00

开源ACRNHypervisor

2013-02-28 15:57:06

产品设计移动UI
点赞
收藏

51CTO技术栈公众号