【译】毁掉移动应用设计的6个想当然

过去几年来,用户交互进化如此迅速,设计师们都快跟不上了——导致在创建移动应用时,从其他媒介(甚至陈旧的应用设计)中照搬交互设计技巧。

其实重要的是要记住:交互模式和设计要随着媒介的改变而变化。

这种思想的第一阶段,可见于鼠标键盘的台式电脑过渡到触摸屏的过程中(Apple新推出的3D Touch就是个更加精细的例子)。从全新的交互模式,到微小的交互细节和趋势,每种新的设备、环境、模式和手势,都带来了机遇和陷阱。

8klc20160131

光是了解它们就要费一番功夫——更别说为它们设计了——下面是一些设计移动应用时应当避免的想当然。

1. 用户总是需要创建账号

他们不需要,许多时候他们不想、也没有必要。

作为开发者,除非将用户固化到数据库中,否则很容易把他们拒之门外。但从用户的角度看,这不是光彩之举。

凭什么要先注册,才能知道里面有什么?这个过程劳神费力,必须得物有所值。

相反,用户数据可以离线储存,当用户最终决定创建账号时转移到账户中。或者,可以考虑使用“访客”或“试用”模式,开放核心功能(比如下面的Wunderlist),展现应用的功能,但是功能有限,或者带有水印。

7klc20160131

一旦证明了你的应用有价值,用户毫无疑问会决定注册。在那之前,就有点过分要求了。

2. 用户需要一套教程,告诉他们你的应用有多棒

让用户使用,借此展现你的应用有多棒。解释它有多好是非常无力的。而且,用户通常都会跳过并忘记引导页。

浏览了所有说明的用户,并不太理解整个引导页设计。

如果你一定需要用户使用全部注意力,一步一步浏览引导(有些应用确实如此),那就要尽可能短,并且凭借帮助菜单来呈现。这就有意义多了,即使在用户用了一段时间以后。

6klc20160131

▲ Flipboard 的引导界面

3. 不要假设某种方式能适应所有应用

即使是常见的交互模式,也应该根据你应用的特定环境来评估。

有个常见的例子,地址输入框里的“省份”下拉选项。由于省份名可以写作几种不同形式,标准的预定义内容下拉菜单有它的合理意义。在这桌面端或许是可接受的(尽管这尚存争议),但对于移动端可用性而言,下拉菜单是最糟糕的选择。

应用的交互也是强调品牌的绝好机会。如今的应用中,有些非常难忘的品牌“瞬间”,例如从启动图进入信息流时的Twitter小鸟,Snapchat的个人资料图片动画,还有Hopper的加载图片(详见第5条)。

关键是我们不该迷信久经考验的方法,那不是使我们应用出彩的唯一方式。

5klc20160131

Hopper应用的加载界面。

4. 应用设计和响应式网页设计是一回事

虽然响应式设计近似于移动应用设计,但为任何设备设计,与为独立应用设计,有天壤之别。

用户在移动应用中期望特定的交互模式和界面元素。

例如,在iOS应用左上角通常有个“返回”按钮,用来返回前一个界面。在网页浏览器中,网站本身就不需要返回按钮了;它通常都被省略掉,因为那和浏览器本身太像了。

虽然这是很基本且显而易见的例子,从菜单和表单,到“弹窗”和字体大小,一切都有细微差别。我们在网页中的设计,在移动应用中往往显得有点尴尬或粗糙——并非必定是哪里错了,而是它本就不同。

dl20160131

▲ TD Bank iOS应用的登录和LinkedIn iOS应用的登录

比较一下TD Bank iOS版和LinkedIn iOS版的登录界面。

在TD Bank iOS应用中,你会发现他们主要的UI元素做成了应用的样子,左上角有返回按钮,底部还能看到一栏菜单(与iOS的模式一致)。却没有像应用那样,为登录框本身(和其他页面内容)设计样式。输入框上有默认的iOS圆角和阴影,勾选框非常小,链接带有下划线,UI中甚至还带有版权公告。缺乏应用独有的感觉。

相反,LinkedIn iOS应用感觉像是个应用,不是因为哪个特定的设计或界面元素,而是因为他们没有把网页打包成应用。他们为应用而设计,而非移动端网页——我们能看出区别。

5. “加载小转盘”是表达加载中和思考中的正确方式

默认的加载图标(例如iOS的小转盘,从中心点发散出的灰色线条)似乎有负面的暗示。

它们不仅出现的不是时候,也作为移动操作系统的一种功能,指示一切事物的状态。从设备开机,到连接wifi出现问题,或是应用加载缓慢。

正因如此,人们讨厌看到孤零零的一个转盘,没有任何指示信息或时间进度。

相反,应该尝试让加载感觉更自然——甚至将它隐藏。一种方式是通过占位元素来暗示内容,Facebook就这样呈现时间轴的加载状态。你还可以利用这个机会,在加载指示器和信息上发挥创意,例如在界面上加入一些奇思妙想,或者强调品牌。

3klc20160131

6. 用户首次使用时,会盲目地允许通知

绝不能依赖操作系统默认的“允许通知”对话框。这个无脑设计会绊倒无数移动端设计师。首先,它并没有说得足够清楚为什么应用需要获取权限,让它能随时随地侵犯用户隐私。

相反,应该在应用中设计一个自定义的“允许通知”界面。

永远都要告诉用户你的通知有多么重要(尽可能给他们展示例子),并且向他们保证不会有不必要的垃圾信息轰炸。

一旦用户理解了应用通知的价值,谨慎提供原生的、基于系统的弹窗——他们会立刻看见,不会把事情搞得一团糟。

2klc20160131

一款广泛宣传的新近应用Peach就做得很完美。

它第一个“允许通知”对话框看起来很像真正iOS系统对话框(但并不是),他们解释了“为什么”需要通知,消除了疑虑。用户点击“允许”之后,就会看到真正的iOS系统对话框(相比之下,这个没用多了)。

1klc20160131

7(还有更多)

人们对应用界面的期望更多了,标准正在水涨船高。

对于基于应用的公司,不当地忽视细节会损害应用的接受度——甚至会破坏你与用户的关系。

以上6个想当然还只是开始。如果想要继续深入,要学着留心和避免日常的假定。小心不要想当然以为自己知道什么界面最适合——始终都要努力寻找最佳方案。

来自:可乐橙

英文链接:https://studio.uxpin.com/blog/6-assumptions-that-kill-your-mobile-app-design/

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/12721/

(0)
TinadminTinadmin
上一篇 2016-01-31 11:44
下一篇 2016-02-03

相关推荐

  • 简约而不简单,谈一谈移动开发中的那些极简设计

    设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式,简洁的线条,大方的留白,简约的图形化元素,就算是很复杂的内容,在这样的设计下也会显得很简洁和干练。当然,如果能有效的利用这些元素。

    2017-05-20
  • 【笔记】Google设计师传授Whiteboarding新技能(附视频)

    公元2016年2月20日星期六,丙申猴年正月十三。正是广大交互设计师出门聚会交流的黄道吉日啊!紫气东来,应在中城WeWork Madision,此地必有祥瑞!小编掐指一算,原来是UXRen纽约第二期活动啊!(^o^)/~   笔记:JayJ…

    交互专题 2017-08-07
  • 只会简单的Axure操作?6周5次实战,让你做出能拿去面试的原型

    昨天跟一位自学Axure、产品工作半年的朋友聊天,蛮感慨的。她遇到的问题,也是蛮多自学Axure的朋友遇到的问题。你是否也有同样的问题?除了原型图不标准不美观,还深受效率低、交互弱的困扰你也有这位同学的困扰,想快速提升axure能力,做出标准原型、高保真原型?推荐起点学院&腾讯课堂联合打造给产品经理的Axure课程已有2000多位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理如果你...

    2018-05-07
  • Smartisan OS v2.0 正式发布

    本次升级坚果手机新增功能 94 项,优化细节 108 项,修复 bug 若干;Smartisan T1 新增功能 91 项,优化细节 109 项 ,修复 bug 若干。升级主要增加了系统应用“语音搜索”、“安全中心”、“游戏中心”,增加了应用启动…

    交互设计 2015-09-16
  • 未来交互:Facebook首次公开内部机器学习平台,启动AI帝国

      Facebook 现在在信息推荐、过滤攻击言论、推荐热门话题、搜索结果排名等等已经使用了大量人工智能和深度学习的技术。在Facebook上,还有许多试验能够从机器学习模型中获利,但是目前,对于很多没有深厚机器…

    2016-05-11
  • 把握交互的第四维 — 时机关系

    日常的交互设计工作中,设计师在明确了需求目标、用户场景,搭建了信息结构之后,下一步便是构思如何让这些信息与用户之间产生有效的互动,而这就需要设计师将思路放在时间的维度上一步步的推进,这中间,便会产生许多关于“时机”问题的讨论。

    2014-12-28
  • 7个维度,让你在网页设计中讲好故事

    网站能承载多种多样的内容,但无论是哪种内容,通常都会遵循一定的信息架构。在这其中,故事是很特别的一种类型。讲故事,往往能以更叙事、更情感化的方式,将内容传递给用户。一个好的故事,往往始于笔端,但是最终呈现,还是要依靠精巧的设计。那么设计是如何讲好故事的呢?今天的文章,为你分享一下创造故事的7个维度。

    2017-05-05
  • 卡片式设计,并不能支撑所有的设计需求

    卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前,但是它同样有无法满足用户需求的时候,今天的文章我们就在实战中聊聊这件事。

    2017-05-13
  • [自译]强大的省略号-为什么三个小点表达如此丰富

    原文链接:The Mighty Ellipsis - How 3 little dots can say so much 原文作者:John Saito 每当我告诉人们省略号(...)是最让人惊奇的字符时,大多数人都像看疯子一样看我。在你给我打上这个标签之前,让我试着…

    2016-10-09
  • Smartisan OS v3.1.0 功能列表(M1 / M1L),创新交互设计“One Step”与“Big Bang”变革安卓阵营。

    本次更新主要增加了两大重磅功能“One Step”与“Big Bang”,前者将常用的点击与分享操作放置于边栏,快捷切换与分享,快人岂止一步;后者可以将大面积按压下的文字区域,智能拆成字和词,你可以自由选择与搭配,同时…

    2016-10-19