译文|移动体验设计禁忌

就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。


就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。

译文|移动体验设计禁忌

我们一开始为什么去安装应用程序?是为了使我们的生活更方便。但当一个应用无法满足这一要求时,用户肯定就会离它而去。一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

多平台用户界面设计

界面是能使应用的用户体验脱颖而出的一个重要的因素。大多数的开发人员都希望在不同终端上发布他们的应用。当你为多平台规划应用时,请记住每个平台都有自己规范和特质。适用于一个平台的完美设计决策可能会在另一个平台上显得格格不入。

1、请勿盲目模仿其它平台的UI元素和字体

当你在安卓或ios平台上创建应用时,不要从其他平台上照搬有鲜明主题的UI元素,也不要模仿它们的特定行为。因为如果你从一个平台上复制元素到另一个平台,就极有可能影响用户体验和转换率。

输入框、复选框、开关以及其他的功能控件的选择应该基于本平台的特征。尽可能地使用原生控件,以便让用户知道如何使用它们。用户在录入敏感数据或支付细节时才会更加信任你的应用。下面的例子是安卓和ios平台中相同内容的显示差异:

译文|移动体验设计禁忌

图1 安卓中的UI元素(上)和ios中的UI元素(下)

相比于Material design,ios应用通常外观扁平,不使用厚度和阴影。 iOS版也有一个纯文本样式的按钮,但它与安卓的全大写字母不同,并且字体更纤细。

译文|移动体验设计禁忌

图2 安卓的Material design(左)vs. ios(右),图片来源:tutsplus

字体也需要遵循每个平台的标准:安卓使用Roboto字体,iOS使用San Francisco字体系列。

译文|移动体验设计禁忌

图3 根据不同字体便可以判断你所使用的是安卓的应用还是ios的应用

如果你想自定义应用中的界面元素,请仔细根据你的品牌来设计,而不是把另一个不同平台的规范作为依据。

2、不要照搬平台特定的图标

每个平台通常都提供成套的常用功能图标,例如分享、新建文档或删除。当你把应用程序迁移到另一个平台时,应该把对应的图标替换成当前平台的特定图标。

你也应该注意到每个平台自身独特的风格:安卓系统图标通常使用较粗的笔触,而iOS乐于使用笔画较细的线形图标。以下是几个图标的对比图:

译文|移动体验设计禁忌

图4 安卓常用功能图标(上)ios常用功能图标(下)

3、不要把网站的体验复制到应用程序上

用户对移动应用的交互模式和界面元素有特殊的期待。当网页端的设计出现在移动应用时就显得很奇怪,这并不是因为哪里出错了,而是用户对于网页和移动应用的期望是不同的。比如带下划线的链接,你应该避免去使用带下划线链接的文字,这属于网页而不是移动应用(移动应用使用按钮不使用链接)。

下面的案例是关于TD银行ios端应用的登录表单。它明显看起来像是手机网页的设计而非手机应用。结果表明,他们只是把网页代码复制上去后封装成应用程序:链接是带下划线的,甚至在界面上还有版权声明!

译文|移动体验设计禁忌

图5 TB银行app缺乏一个应用程序应有的特质

用户流程

1、你的应用程序里不应该有“死胡同”

用户体验设计本质上就是在设计流程,而流程在多数情况下是用来完成用户目标的。你应该避免在应用程序出现死胡同,因为这会给用户带来困惑并且导致不必要的操作。有时候,设计师会把错误消息和空状态作为空页面处理,但实际上这是一个提供有用信息的好机会。就拿Spotify的这种错误状态页面举例:

译文|移动体验设计禁忌

 图6 死胡同空页面,图片来源:Spotify

它完全没有帮助用户理解情况,也没有回答用户“我到底该做什么?”这个问题。

空白状态(尤其是错误状态)不应该是一个死胡同的状态,它应该告诉用户需要怎样操作才能看到相应内容,从而使应用程序正常运行。

译文|移动体验设计禁忌

图7 Azendoo的错误状态有一个简单的“如何解决问题”的说明

2、不要把用户引向浏览器

用户在使用应用程序时,所有操作都应该在该应用程序中进行。如果应用程序缺少某些功能和内容,尝试使用一些嵌入应用的浏览器;但是不要调出手机的浏览器,这样会导致用户失去方向并无法返回原先的应用程序。这会提高用户抛弃应用的概率从而转化率会降低。

译文|移动体验设计禁忌

图8 Facebook安卓版app里的“忘记密码?”按钮

3、不要在用户下载应用程序后立即要求评分

没有人想要被打断,尤其是当一些没用的东西出现在显示重要内容的中间位置时。避免打断用户,让这些最近才下载app或者只用过寥寥几次的用户为你的应用程序评分。相反,等到用户被证明是多次使用者,他们将更有可能为您的应用程序评分并提供更有价值的反馈。

译文|移动体验设计禁忌

图9 在一开始启动应用就弹出评分要求是很糟糕的时机

你可以在用户已经使用该应用程序一段时间并完成一定的任务目标后发出评分请求。Dan Counsell在关于征求用户反馈的正确时机上有一些值得关注的见解。这是他关于Clear(一个待办事项应用)的说法:“Clear在ios系统上的评分信息对话框是基于一定的条件才会弹出的。首先,用户必须已使用该app几个星期;其次,Clear只会在用户已经清掉列表上所有的提醒事项后才会出现评分请求。这是一个询问用户反馈的极好时机,因为此时他们刚刚清空了待办事项列表,准备退出应用程序。”

译文|移动体验设计禁忌

请求用户反馈并没有错,但是请记住你要给用户提供一个很棒的体验。

结论

人们对于应用程序有很高的期望,而且标准越来越高。因此,你需要努力去达到这些期望,并且使你的应用程序更加令人愉悦,而不是令人厌烦。提高用户体验不是一次性的任务,它是一个持续性的工作。

 

翻译:Fino

译文地址:http://babich.biz/mobile-ux-design-what-not-to-do/

原文地址:Nick Babich, Mobile UX Design: What Not To Do.

本文由 @Fino 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-20 03:15
下一篇 2017-05-20 05:32

相关推荐

  • 内部教程|6步透视网易设计规范(附规范PDF下载)

    LOFTER这份精而美的设计规范,页数不多,但每页都是经过三思后得出的总结,推荐一看。

    2017-05-20
  • 五步走,带你了解交互设计流程

    本文作者分享交互设计的流程,但切记具体问题具体分析哦~交互设计(Interaction Design):定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the interaction, 即人工制品在特定场景下的反应方式)相关的界面。
    ——维基百科

    2017-05-09
  • 米尔顿格拉泽谈动态设计

    上周我参加了谷歌的I/O大会,加入了一个关于跨平台设计的小组座谈,这一次会议有非常多有趣的新事物,让人有种第一次走在拉斯维加斯大道上一样的惊奇。

    2014-12-30
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 画交互原型方案前,你应该思考的三个点

    一个优秀的交互设计师,一定要从用户目标出发,了解用户的核心痛点,满足用户的需求,只有这样才能打造一个好的产品。

    2017-04-29
  • 需要产品经理用心做好的交互体验:「开关」

    现在的产品越发变得精细且有人情味,一个小小的弹框,提示都是接触用户,实现人机交互的入口,善用弹窗、提示让用户感知你的贴心和用心,往往是产品被用户喜欢并快速爱上的美好开始。不要忽视产品体验的每一个细节,在尽可能做好的点都用心做,产品也才会有生命和呼吸。

    2017-05-04
  • MacBook Pro 真机上手:Touch Bar 究竟是不是好设计?

    9 年前,iPhone 的诞生,多点触控开始成为一种全新的人机交互方式。 4 年前,当一票“超极本”不加思索地把触控移植到电脑屏幕上,时任苹果工业设计师的 Jonathan Ive 说: 多点触控放在笔记本的显示屏上……不太适合。…

    交互设计 2023-03-03
  • 扫盲贴|UI动效设计原来都是这些软件做的

    随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什动效越来越吃香?它有哪些优势呢?

    2017-05-10
  • 2018年移动端用户体验设计趋势

    在移动应用领域,事物正飞速发展。要想在用户体验设计领域获得成功,设计师必须有远见,并为即将到来的新挑战做好准备。为了简化这个任务,我列出了2018年最重要、最有影响力的趋势,而且很有可能远不止如此。1.简化用户的使用流程当我们与应用程序或网站互动时,我们有一个特别的目标。通常,我们花在实现这一目标上的努力越少,体验就越好。线性用户使用流程线性用户体验设计指的是一种带有特定的开始、过程和结束,并且可以让用户在每一步完成一个动作的用户体验设...

    2018-02-01
  • 交互设计申请竞争白热化,你该如何“杀出重围”?

    只要你想改变自己汉艺陪你死磕到底对于学习交互设计的同学来说,多数同学的作品集项目最终效果是这样的:这样的一个网页,几个app界面的最终效果图在各大设计网站,更是一抓一大把,导致很多同学对于交互设计的认知更多的停留在网页设计或者app设计上,浏览越多案例,思维越被局限。如果一个交互作品集中四五个项目全是这样的“大众脸”,想要从全球大量相似的“竞品”中脱颖而出,吸引到考官注意力,可以说困难重重。本期文章,为了让大家的作品集能够在全球竞争中脱...

    2018-02-03