移动体验设计禁忌

2016-10-19 23:41

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

我们一开始为什么去安装应用程序?是为了使我们的生活更方便。

 

但当一个应用无法满足这一要求时,用户肯定就会离它而去。

 

一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

 

## 多平台用户界面设计

 

界面是能使应用的用户体验脱颖而出的一个重要的因素。

 

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


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

 

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

 

输入框、复选框、开关以及其他的功能控件的选择应该基于本平台的特征。尽可能地使用原生控件,以便让用户知道如何使用它们。用户在录入敏感数据或支付细节时才会更加信任你的应用。

 

下面的例子是 Android(安卓)和 IOS 平台中相同内容的显示差异:

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

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

 

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

 

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

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

用户对移动应用的交互模式和界面元素有特殊的期待。

 

当网页端的设计出现在移动应用时就显得很奇怪,这并不是因为哪里出错了,而是用户对于网页和移动应用的期望是不同的。

 

比如:带下划线的链接,你应该避免去使用带下划线链接的文字,这属于网页而不是移动应用(移动应用使用按钮不使用链接)。

 

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

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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


## 用户流程

 

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

 

用户体验设计本质上就是在设计流程,而流程在多数情况下是用来完成用户目标的。你应该避免在应用程序出现死胡同,因为这会给用户带来困惑并且导致不必要的操作。

 

有时候,设计师会把错误消息和空状态作为空页面处理,但实际上这是一个提供有用信息的好机会。

 

就拿Spotify的这种错误状态页面举例:

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

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

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

用户在使用应用程序时,所有操作都应该在该应用程序中进行。

 

如果应用程序缺少某些功能和内容,尝试使用一些嵌入应用的浏览器;但是不要调出手机的浏览器,这样会导致用户失去方向并无法返回原先的应用程序。

 

这会提高用户抛弃应用的概率从而转化率会降低。

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

没有人想要被打断,尤其是当一些没用的东西出现在显示重要内容的中间位置时。避免打断用户,让这些最近才下载 APP 或者只用过寥寥几次的用户为你的应用程序评分。

 

相反,等到用户被证明是多次使用者,他们将更有可能为您的应用程序评分并提供更有价值的反馈。

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com

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

 

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

 

这是一个询问用户反馈的极好时机,因为此时他们刚刚清空了待办事项列表,准备退出应用程序。”

 

移动体验设计禁忌 | 设计 网络 思维 App  | zatime.com
请求用户反馈并没有错,但是请记住你要给用户提供一个很棒的体验。


结论

 

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

 

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

 

翻译:Fino