用户至上:移动UI设计实战指南
上QQ阅读APP看书,第一时间看更新

1.1.1 用户目标——合乎情理的设计让产品更受欢迎

什么样的设计才算是合乎情理的呢?其实,用户和产品之间是一个持续输入和输出的关系。用户每一次接触产品的目的都是寻找他们所遇到的问题的解决方案。而产品要解决的问题就是如何把解决方案告知用户。所以UI设计是一个始终伴随着“问题”的过程,不是拿出一个自认为好看的页面让用户自己去思考怎么用。其他领域笔者不敢妄自定论,但大多数互联网公司经常会用一句话来掩饰自己设计方案时的懒惰——“用户又不笨,他们比你聪明多了”。其实,设计师应该更多地关注用户进入产品时,页面会提供什么样的“导航方式”和“交互方式”,让用户在打开页面时,能立刻明白产品提供的服务和交互方式。

片刻App(文艺青年聚集社区,里面有音乐、电台和文章)是一个很文艺的社区,其页面顶部导航条的左上角有一个用于切换夜间模式的操作按钮。如果App当前的模式是夜间模式,用户点击切换模式按钮后会出现上图(左侧)所示的效果:太阳从山的那边升起,其透明度逐渐降低,同时整个天空变白,黑色的山慢慢变成了绿色的。整个变化过程很快,但用户能很明显地感知到页面由夜间模式转换为了白天模式。同样,将页面从白天模式切换为夜间模式时,太阳落下,天空变黑,伴随着流星划过,月光把黑暗的山谷照亮了,如下图(右侧)所示。退出该页面时,将回到用户发起切换模式时所停留的页面。

片刻App 5.2.2版本夜间模式切换页面

UI设计解决的最终问题是如何让应用页面信息与用户认知相匹配。用户接触到产品后,大脑的第一反应是将所接触的东西和自己积累的信息进行匹配。在这个过程中,设计师需要关注用户能否将所看见的东西和认知里的东西快速地对应起来。如用户对白天和黑夜的认知是太阳的升降和月亮的有无,片刻App正是将这种认知应用到了设计中,设计师可以借鉴这种方法进行设计。假如要做一个简单的开关效果,在设计夜间模式时,App的整个页面不是瞬间变黑,而是模拟白天到夜晚慢慢变黑。这样,用户可以很好地接受页面模式的转变。

其实,以上讲到的逐渐改变状态的处理方法在其他非UI设计中的应用也比较多。例如,用户在退出音乐播放器时,正在播放的音乐是慢慢消失的,不会突然就停止。日常生活中,有些质量比较好的灯在开启和关闭时也会有一个慢慢变亮和慢慢变暗的过程。好的水龙头也是一样,在打开开关时,使用者会感受到水流量是逐渐变大的。通过这些非UI设计的例子我们可以得出一个结论,即人的头脑中运行着两套系统:一套是潜意识系统,这套系统会对触碰和操作进行简单分辨;另一套是对第一套系统得到的结果进行分析、加工,然后深化到情感里面,在下一次接触到类似的事物时,对相同的行为进行修正的系统。

所以,合乎情理的设计是指产品或设计不能给用户带来伤害,不能给用户带来认知上的困惑和生理上的痛苦的一种设计。

常常听身边的人说现在找对象真难,可是现在的通信技术已经很发达了,不管距离多远,用户打开App发消息或者看朋友圈的动态就能知道别人最近在干什么。这也表明如果真的喜欢某个人,想了解对方的喜好或日常生活会比以往方便很多。因此,从理论上讲,人与人之间的沟通效率更高了,找对象应该更容易,但事实却并非如此。抛开社会压力和价值观念的变化,在设计App的时候能否尝试去解决这个问题呢?

Tinder是一款交友类的App,由系统匹配推荐的社交对象,用户是看不见其他用户的资料信息的。用户向左滑动卡片表示对当前卡片上的用户不感兴趣,向右滑表示喜欢,如果双方都表示出对对方感兴趣则可以建立联系。这样的设计方案可能会导致大家将虚假照片或过度美化的照片放在社交App上面。单从用户做决策的基本诉求来看,用户想跟他人建立联系时,最基本的诉求是双方能有共同的喜好或审美等,如果最基本的诉求都满足不了,双方可能不会建立起联系。

所以,合乎情理的设计应该能够有效地帮助用户建立人与人之间的关系,降低社交关系的张力且促进平等交流。

Tinder App 8.3.1版本页面

在音乐类App的社区里,我们总会看到有些歌曲下面的评论说这首歌会让人想起自己的大学时光,或者想起和某人在校园的小路上走路的场景。有心理学研究指出,人的长期记忆大部分是不可靠的,人们总会把记忆加工成自己想要的样子。碰见某些东西,想起某些经历,而这些记忆会影响人们现在做的一些决策。诺曼博士(唐纳德·A·诺曼,Donald Arthur Norman)在他的作品《设计心理学3》中明确指出,人的认知和情感可分为3个层次。下面介绍这3个层次对应的设计是什么样的,以及设计在这3个层次里是怎么起作用的。

本能层次的设计:关注外观;

行为层次的设计:关注使用的愉悦感和效用;

反思层次的设计:关注自我形象、个人的满足和记忆等。

前两个层次的设计比较好理解。本能层次的设计是指我们在拿到一个东西时先看其外观是什么样的,行为层次的设计是指在实际使用这个东西的过程中所有的操作是否顺利。那反思层次的设计是什么呢?下面为大家分析一个例子。

哔哩哔哩(bilibili)是一个以视频弹幕为特色的网站,也有App。仔细观察其用户登录页面:当输入焦点在输入手机号的地方时,两个卡通人物的眼睛是睁开的;当输入焦点切换到密码输入框时,两个卡通人物的眼睛蒙上了。用户在操作的时候,除了会感觉这个设计方案很可爱以外,潜意识里会产生另一种感受——没有人会观察输入密码的过程,可以放心地输入。一般来说,用户不会经常用到登录和注册的功能,但哔哩哔哩(bilibili)App这样的设计方案会在反思层次给用户留下很深的印象。用户以后不论使用哪个App的登录页面输入密码,都会想起哔哩哔哩(bilibili)App的登录页面。这种设计方案就在用户的反思层次起到了作用。

所以,合乎情理的设计可以增进页面与用户的沟通。

哔哩哔哩(bilibili) App 5.9.1版本登录页面