提升移动端产品用户体验的六条建议

2017-05-11 12:04:00

可用性卫生（usability hygiene）这一术语最早由谷歌提出，主要为了减少用户使用过程中的挫败感。在这篇文章中，我们来谈谈在移动端可用性卫生设计的时候我们应该注意的六个领域。

1 离线（断网）用户体验

根据谷歌最新的一项调查，相对于移动网站，34%的用户在网络状况不佳的情况下更偏向于使用app。当用户打开一款app，他们期望看到有用的内容，他们不会在意网络状况这一客观条件。这个就意味着，即使在网络状况不佳的情况下，给用户展示一些重要的内容是极其重要的。否则用户看不到他们想看到的内容，就可能会转而使用竞争对手的产品。

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

2 跨平台设计

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

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

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

3 避免死胡同

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

何地（where）：这是一个什么页面，告知用户当前的位置，解释原因。（网络通信故障还是你根本没有绑定一张银行卡）

怎么做（how）：接下来可以干什么，以及将会出现的情况。（检查网络连接情况或者开始绑定一张银行卡）

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

左边的图片是新用户第一次打开Modspot的时候的页面，用户会很不解。页面到底怎么了？No post是因为我之前根本就没有上传还是网络原因加载不出来？我到底应该怎么办？右边的图片我把提示信息给处理掉了。现在我们来感受一下两张图片的差别。

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

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

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

5 不要打断用户

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

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