【译文】关于优秀的Android交互设计,必须要知道的4件事

原文作者:Proto.io

原文地址:https://medium.com/p/bc1a5a7ab9a6

众所周知,大多数移动端app设计师都偏爱IOS系统。然而,安卓系统设备因为相对于iPhone较低的价格,而占据了智能手机市场的绝大多数份额。随着安卓设备飞速的扩散到全球,从现在起,各位移动端设计师真的需要开始认真对待针对Android系统的设计了。

客观的说,Android设计并不是优秀设计的代表,由于Google Play Store审核系统标准太过宽松,使得很多app甚至缺少了部分交互方面的设计。直到现在,我们也无法接受Android 4.0的时代已经结束了。伴随着Material Design的发布,Android证明自己早已跳脱出劣质设计的深渊。总的来说,Material Design是优秀,有用并且有意义的。

尽管Android转变为更加强调设计,但是并没有为设计师们提供太多的资源,资源库依旧正在扩充中。所以依据我们的专业知识,在这里向各位分享有关Android交互设计的4件事,希望能在各位设计师进行有关安卓设计时有所启发。

1.自适应(Adaptive)

我们原来提到过Android应用的特点:碎片化。如今市面上有各种品牌的设备,各种大小不同的屏幕尺寸,这就不难理解为什么大多数设计师选择为IOS系统设计了。为不同尺寸和分辨率的屏幕设计,实在是太令人头疼了,相信任何一位设计师都不愿处理这个麻烦。面对这样的挑战,需要来自设计师们富有创意的设计想法,创造出更适合的Android交互。针对这个问题,最好的方法便是Android的自适应设计。

自适应设计并不是什么新的理论。这最初源自于网页设计中早已为大家熟知的响应式设计框架。在谷歌的设计指导手册中,自适应UI设计已经进行过详尽的介绍。自适应Android设计的理念在于适应各种不同尺寸的屏幕。不要让用手机的用户感觉自己在使用平板电脑,或是使用平板电脑的用户觉得自己好像在使用手机,不同尺寸的设备屏幕应该有着不同的展现。

当我们在设计一款app时,常常会从较小尺寸的屏幕着手。如此一来,适应于较大屏幕的设计将会被排在第二位,最终导致这个app看起来很奇怪,就好像是在平板电脑上的展示。所以,“按比例缩放”的思想应该贯穿于整个设计思考过程,而不是放在最后考虑。尤其是当app包含的内容庞杂,合理有效的屏幕分配就成为了一个巨大的挑战。你需要在满足用户使用需求的基础上,同时尽可能适应已有的产品框架。毫无疑问,对设计师来说这增加了工作量,但是为了确保安卓用户拥有最好的用户体验,这却是必须要做的工作。

举个例子,在较小的手机屏幕上,因为操作空间有限,tab切换的使用体验比较好。但是当展示在较大的屏幕上时,就会有很多的空间未能得到充分的利用。针对这个问题,卡片式设计能够灵活的布局,因此作为一种移动应用的设计趋势逐渐被人们接受并开始流行。卡片式设计在不打破一致性的前提下,使app内容由小屏幕转换到大屏幕时能够自适应的重新布局。当追求更好的安卓交互设计时,千万不要忽视对大屏幕的设计,自适应思想主导的自适应设计就是一个优秀的产物。

图片来源:Android UI Patterns

2.悬浮式操作按钮(FAB)

悬浮式操作按钮,也称作FAB,在Material Design中首次被提出。FAB是一个颜色明亮、吸人眼球的圆形按钮,常处于屏幕的右下角。典型的FAB有着鲜艳的颜色和阴影。依据谷歌的官方解释,FAB是一个鼓励的动作按钮,通常代表那些用户经常使用的功能。

图片来源:Goole Design

在采用Material设计的安卓设备中很多都采用了FAB,同时FAB在iOS设备中也越来越多的被使用。但是它算得上是好的安卓交互设计吗?争论一直在持续。

那些反对FAB的设计师认为,FAB实在有些太突出了,以至于常常使用户分心。而且固定的位置和大小对于点击FAB后面的内容是一种阻碍。明亮的颜色使得用户的注意力总是不由自主的偏向它。更困难的是,很难确定哪个功能才是用户最经常使用的,定位的不准确,往往会造成潜在的交互失误。

支持FAB的设计师则不同意“因FAB太强调某种功能而不被鼓励使用”的观点。再说了,用户到底以怎样的频率浏览屏幕底部?如果是为了不挡住其他的内容,在app的UI设计上其实还有很多其他的变通方法。另外,FAB还能够提供一种简单快捷的方式去使用基础功能。如果FAB并没有代表经常使用的基础功能,只能说是设计团队并没有很好地了解用户的想法。

图片来源:Proto.io Spaces

无论你认为FAB是完美的还是有缺陷的,最重要的还是要理解用户的想法,想清楚用户的使用流程,这才有益于设计出优秀的安卓交互。app到底需要FAB吗?这个功能到底是不是已经重要到必须使用FAB?想要回答这些问题,必须对用户有着深入的了解和洞察。如果你真的决定使用FAB,请务必严格遵照谷歌设计指导手册。否则,一个不一致且不为人熟悉的FAB可能会毁了你的app。

3.闪屏(Splash Screens/Launch Screens)

当谷歌首次在源生app中推出闪屏时,安卓社区里就对此进行了深入的讨论。当时大多数的反馈是否定的,当然这样的结果也是可以理解的。

闪屏由一张占据整个屏幕的图片构成,会在软件启动的时候出现。通常展现的是Logo或者和品牌有关的信息。闪屏的出现,使用户不再只是看着app启动时的空白页面,取而代之,他们会认为app启动的速度更快了,同时也传播了品牌形象。

图片来源;:Poket Meta

但是关于闪屏同样需要回答这个问题——它是一个优秀的安卓交互吗?许多安卓社区都探讨过这个问题,大多数人认为,如果一个app花费很长时间启动,那么或许是app本身的设计缺陷。好的安卓交互应该是更快地展现app页面,而不是让用户在不必要的页面上浪费时间。另外,如果一个app不使用闪屏,仅依靠ui设计却无法传达出自身的品牌,那么这个app的设计难道不是失败的吗?

当一个app内容庞大并且网络连接太慢,在启动时让用户注视着空白的屏幕也并不是理想的选择。尽管如此,在数据载入时,依旧应当展示app的ui界面,如此可以使用户慢慢熟悉ui,也提供了交互设计上的一致性。

关于这个问题的讨论使我们想到:仅仅是因为谷歌提出并使用在源生的app上,所以就被称为优秀的安卓交互吗?安卓移动端设计师应当通过比较app和用户操作环境的不同,再去判定这个问题的答案。例如一位用户如果希望快速的在计划列表内添加一项内容,但每次打开app时都会出现闪屏,这难道不是很困扰的吗?然而对于YouTube这一类app,用户通常并不会那么着急的去观看视频,所以使用闪屏也不会带来那么多的麻烦。

4.导航(Navigation)

app的导航栏是用户直接接触其构建框架的部件。如果用户在使用app时遇到导航方面的困难,那么这个app在结构设计上是存在瑕疵的。优秀的安卓交互需要有一个易于辨认的固定导航,同时与安卓源生的导航控件相辅相成。记住,你的app只是手机众多应用中的一个,所以用户不会专门花费时间和精力去适应你的独特设计。使用用户熟悉的ui控件,在一定程度上保持与手机整体设计的一致是十分必要的。

安卓app多采用从左侧滑出的抽屉导航,通过点击汉堡Icon激活——虽然汉堡菜单本身就备受争议。在安卓中也存在标签,但不同于iOS的,安卓中的标签多存在于屏幕顶部。无论是侧滑抽屉还是汉堡菜单,在交互设计论坛都备受批评。许多设计师通过引用用户调研的数据来证明,汉堡菜单扼杀了用户的使用意愿,在操作上是低效的,并且已经尝试设计出数目繁多的其他交互方式用以代替汉堡菜单,其中相对较流行的方法是使用”更多“标签包含那些使用较少的条目。

图片来源:Srikant Shetty's Dribbble

但是用户却喜欢汉堡菜单,因为它使用广泛,容易辨认。试想这样一个场景:你饥肠辘辘的走在国外,大街上的人们热情的向你推销你根本不知道名字的异国美食,虽然他们看起来非常的美味,但是你根本不知道他们是由什么做成的,最后你穿过整条街看到了麦当劳(此处不是广告)。你们中一些富于冒险的人可能会选择异国美食,但绝大多数的成年人一个大汉堡就满足了。即便知道那可能不是最好的选择,但却是我们所熟悉的。

所以就到目前为止来看,我们就先妥协吧,尤其是目前大多数的安卓app都已经普遍使用了汉堡菜单。同时因为其恰好满足了谷歌倡导的“适用一切平台和设备尺寸的统一交互”的理念,所以看起来是一种可扩展的导航模式。但是,最后真的还要再问一句:针对某个app特定的使用环境,它是否需要汉堡菜单?这是一种好的安卓交互形式吗?

图片来源:ethanma's Dribbble

不同于为用户提供大量信息的网页,移动app采用的是典型的以目标为导向的设计流程。在很多例子中本可以将基本导航直接放置在页面上,而不是收起,此时侧滑抽屉根本不需要。即便如YouTube这样庞大的app也尝试摈弃使用汉堡菜单。对此,谷歌设计指导手册提供了相当全面的概述,用以指导如何确定app架构以及何种内容应该指向何处。

图片来源:Android Beat

如果一个app确实非常复杂,例如邮件类app需要各种路径通向不同的文件夹和设置菜单,此时抽屉式的导航是适合的。不过如果决定要使用,请严格遵照设计规范。仔细阅读谷歌有关抽屉导航的设计指导,牢记相关的说明以及在允许的范围内进行创造。但无论何时,到千万不要将iOS的UI元素直接使用到安卓应用中。在安卓应用中使用底部标签导航会显得很奇怪,最重要的是,这样随意的app就与优秀的安卓交互设计无缘了。

我是原作者的忠实粉丝!₍˄·͈༝·͈˄₎ ̑̑ෆ⃛

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,919评论 25 707
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,741评论 22 665
  • 这是一份实践性的跨平台设计指南 不同平台的设计和开发感觉像是在不同的国家之间旅行。你要做同样的吃吃睡睡看景点的事情...
    matoi阅读 3,633评论 1 55
  • 如今也到了可以说“十年之前”的年纪。十年之前,十几岁,正上初中,无忧无虑,过着“一人吃饱,全家不饿”的生活,可以说...
    慧发光的猴子阅读 292评论 0 2
  • 我猜 他可能不太会撩妹? 这是好事还是坏事呢 (思考脸) 觉得他对于我被别人表白的事情的回复 怎么耿直认真的有点可...
    马甲10086号阅读 176评论 1 0