移动交互的个人想象

标签: 前缀分类 范物闲谈/Talk 观点 Nokia/Symbian/MeeGo UE | 发表时间:2011-12-12 00:00 | 作者:foolegg 甜菜
分享到:
出处:http://www.ifanr.com

前一阵子,朋友购入了 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 那样的任务栏

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

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

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

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

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

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

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

© foolegg for 爱范儿 · Beats of Bits | 原文 · 71 热评 · 新浪微博 · 订阅全文 · Google+ · #ifanrlive · 加入爱范社区!


相关 [移动 交互 个人] 推荐:

移动交互的个人想象

- 甜菜 - 爱范儿 · Beats of Bits
前一阵子,朋友购入了 Galaxy S II ,总体满意,但仍不时在聊天时怨及其中一些“反人类”的设计——相信手持 Android 设备的各位心里都会有类似的感受. 这些抱怨让我想起了诺基亚高级副总裁 Marko Ahtisaari 在接受 ifanr 采访时说过的话 :. 他们(指现有的移动设备界面)都很棒,但很显然,设计还没有到达顶峰,尤其是在程序切换、优雅和简洁等方面.

情感交互 ——移动应用产品交互趋势

- - 百度MUX
随着互联网特别是移动互联网的飞速发展人们日夜与电脑、手机为伴,“人-人互动”逐渐减少,“人-机互动”不断增加,人们对人机交互技术提出了更高的要求,即情感需求. 因为人类之间的交流与沟通是自然而富有感情的,因此人们期望与之交互的机器也具有类似于人的观察、理解和生成情感特征的能力. 随着情感计算(affective computing)等技术的不断发展,情感交互成为高级信息时代人机交互的主要发展趋势.

2012年移动应用交互设计趋势

- - 曉生語錄
2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,交互设计又被提升到一个新的高度. 不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从操作方式、信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的交互体验. 本文汇总今年热门产品的界面案例,希望能从中总结出未来一年需要重点关注的设计趋势.

移动设备的简单交互设计

- - Tech2IPO
用户访问移动站点不仅消费内容,还会完成某些任务. 就拿坐飞机来说吧:用户在航空公司的移动站点中经常要完成航班状况查询,登机手续办理、搜索并订票等任务. 移动用户界面(UI)的设计是如何帮助用户完成任务的呢. 移动站点传达和展现交互的最佳方式又是什么呢. 为了找出在移动设备上设计简单交互的最佳方法,我对航班状况查询的任务做了些调查.

移动端交互设计的信息组织

- - 用户体验与交互设计
对于我们中很多人来说,移动端设计是一个崭新的机会. 但是,如果你过去是桌面端的网页设计师,如何将经验转换到移动网页端呢. 当然,已有的一些工具,经验,技能仍然适用,只需开始思考下如何在手机上进行组织和布局. 当你开始组织移动端界面的内容和操作时,一些可靠的信息架构准则:比如,清晰的标签(labeling),平衡的宽度和深度,妥当合理的心智模型,这些仍旧十分重要.

移动交互设计那些值得你学习的原理

- - 人人都是产品经理
买了本《设计之下》,是搜狐UED团队写的书,挺好的. 今天又拿来体会了下,顺便摘抄点下来,算是读书笔记,感谢搜狐新闻客户端UED团队. 人、动作(情感、典型、策略、用户研究、流程、动机)、环境、工具、目的. 创起来的流程是这样子的,人,通过工具,完成动作,达到目的,在环境里. 2、解析需求的过程可以获得以下两点东西:.

2014年移动应用交互设计10大趋势

- - 百度MUX
在移动互联网飞速发展的这几年,每年都会有一些新鲜的设计趋势涌现出来. 2014年,又有哪些新的设计趋势脱颖而出呢. 百度MUX有一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出2014年在移动产品中会被广泛应用的十大交互设计趋势. 希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验.

Cue:移动个人数据管理

- - 天涯海阁|Web2.0Share
Greplin最近发布2.0版本,同时改名为Cue. 那让我们来看看Cue的前身Greplin. 一名19岁的以色列高中生毕业生Daniel Gross就开发了一款新的搜索引擎Greplin,这个搜索引擎在使用时需要获得用户授权,可以访问该用户的社交网站、微博、在线文档、购物记录等,从而帮助用户快速搜索出那些用普通搜索引擎无法找到的信息.

20130320早读课:三大移动平台上的交互设计差异

- - 互联网er的早读课,专注产品、用研、交互
推荐理由:iOS,Android,WindowsPhone可以说是目前移动互联网上最主流的三个平台,在文中,作者@ 可风f 从布局形式、导航逻辑、应用间联系、多任务、分辨率、设计风格等几个角度比较了三者之间的差异,需要我们在多平台设计时注意. 之前早读课也曾分享过 @MoonMonster 的一篇文章,但没有WindowsPhone平台的信息,欢迎延伸阅读→.

创造流动的瞬间—探讨移动端交互动效设计

- - 互联网的那点事
iOS7的发布带来了苹果历史上最大的一次设计风格的改变,强调依从于内容的扁平化UI、纤细的字体和鲜明的图标、带有纵深感的层次与动画表现构成了它的全新设计特点. 撇开饱受争议的细节设计,静观iOS7,不难发现,许多让我们眼前一亮的瞬间,来自以下一些交互动效设计的创新点:. 3D 视差(Parallax Effect)在用户倾斜和移动屏幕的时候,IOS主屏可以根据感应器数据,调整壁纸和图标的相对位置,产生一种三维空间上的景深效果.