提升移动端产品易用性的6条建议

2017-5-16 用心设计

如果您想订阅本博客内容，每天自动发到您的邮箱中，请点这里

易用性维护（usability hygiene，笔者水平渣，找不到更好的翻译）这一术语最早由谷歌提出，主要为了减少用户使用过程中的挫败感。在这篇文章中，我们来谈谈在移动端产品易用性维护设计的时候，我们应该注意的六个领域。

1、离线（断网）用户体验

根据谷歌的一项调查，相对于移动网站，34%的用户在网络状况不佳的情况下更偏向于使用app。当用户打开一款app时，他们期望看到更多有用的内容，他们不会管网络状况这一客观条件。这个就意味着，在网络状况不佳或没有数据网络连接的情况下，app给用户展示的内容变得至关重要。简言之，如果用户无法从我们的app中得到期望的内容，那么就极有可能会使用竞争者的产品。

下面我们来看看苹果地图（左）和谷歌地图（右）的例子。谷歌地图会记住你上次使用的位置，并且会保存很多细节。但是当我们打开苹果地图时，却是空空如也，没有任何内容（断网情况下）。从这点上来说，苹果地图的离线用户体验是比不上谷歌地图的。

提升移动端产品易用性的6条建议

2、跨平台设计

好的界面设计可以极大的提升app用户体验，身为设计师，我们希望自己的产品可以在多个平台（系统）中发布，因为可以吸引更多的用户。但是每一个平台都有着自己的视觉语言，有着其系统特有的交互模式，有着一套应该遵循的设计规范和风格。这些都是我们在进行产品跨平台设计的时候应该考虑的。一款iOS的app想要打入安卓市场，在设计上就应该做到“入乡随俗”。因为安卓用户肯定已经养成了与安卓系统相对应的操作习惯。直接进行1:1的复制固然省时省力，但是可能会引起与用户习惯之间的冲突，用户极有可能会抛弃你的产品。

例如，状态栏和标题，这两个设计元素基本上每一个页面都会有。在iOS和安卓中，这两个元素的展示形式是不一样的，虽然差异不是很大。（在安卓系统中，文本是Roboto字体，左对齐；而在iOS中，文本字体是San Francisco，居中对齐。）

提升移动端产品易用性的6条建议

这种差异在按钮和其他控件中同样存在，单选按钮、复选框、字段和开关。在跨平台设计过程中，我们要尽可能使用原生控件，减少用户的陌生感。

提升移动端产品易用性的6条建议

3、避免死胡同

用户体验设计实际上就是用户流程设计。流畅的用户体验是一环环紧紧相扣，用户不断的“前进”来完成目标任务。用户希望自己可以一路顺风的到达目的地，所以要避免在用户“前进”的道路上出现死胡同。这类页面会让用户感到困惑，进而引起沮丧感，甚至会引起误操作。为了避免死胡同页面的出现，我们至少要告诉用户两件事情：

何地（where）：这是一个什么页面，告知用户当前的位置，解释原因。（页面为什么报错了？商品列表为什么加载不出来？）

怎么做（how）：接下来可以干什么，以及将会出现的情况。（检查网络连接情况或者重新登录）

Modspot是一款类似于instagram的照片分享应用，我们看看下面这张图片。

左图为新用户首次打开Modspot时的页面。页面到底怎么了？No post是因为我之前根本就没有上传还是网络原因加载不出来？我到底应该怎么办？这样的设计英气了用户的恐慌。再看我把提示信息处理过的右图。现在我们来感受一下两张图片的差别。

提升移动端产品易用性的6条建议

我们可以很明显的看出来，左边的界面让用户陷入一个“死胡同”。新用户面对这样的一个界面根本不知道应该怎么办，会给他们留下一个较坏的第一印象。

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

移动端和PC端的交互模式和界面元素是不一样的。当网页的设计直接移植到在APP就会显得很奇怪，这并不是因为哪里出错了，而是用户对于网页和的APP期望是不同的。举个例子：比如带下划线的链接。你应该避免去使用带下划线链接的文字，这属于网页而不是APP（移动应用使用按钮不使用链接）。

提升移动端产品易用性的6条建议

5、不要打断用户

没有人希望自己被打断，特别是正当自己在做一件很重要的事情的时候被一些鸡毛蒜皮的小事打断。道理我们都懂，可是还是有很多app在用户进行重要操作的时候跳出各种无用的弹框打断他们。

提升移动端产品易用性的6条建议

当然不是所有的弹框都是没用的，比如这种评分和提意见的弹框还是很重要的。因为这是我们获取用户反馈的重要渠道，对于此类不得不用的弹框我们要注意推送时机。比如在用户刚使用不久的情况下，他们对这款产品还不太熟悉，就突然收到这样一个评分请求，会给用户带来很不好的第一印象。即使用户愿意评价，我们得到的反馈也是没有什么价值的。

提升移动端产品易用性的6条建议