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

1.3.2 为“懒人”做设计

看到这个标题的时候,可能大家都在想怎样为“懒人”做设计。以豆浆机为例,以前用户想喝一杯自制的豆浆,需要按照比例用开水将豆子泡一段时间,然后将泡好的豆子放在豆浆机里面打磨,再用滤网把残渣过滤掉后得到豆浆才能喝。但现在有了自制豆浆的机器,喝到自制豆浆就很容易了。把豆子和水放进豆浆机里,在操作面板上选择五谷杂粮或纯豆等功能后等待一段时间就能喝到豆浆了。那么从产品功能的角度来看,设计师为“懒人”设计一款产品时,需要思考什么呢?

◎提高产品功能的同时简化操作过程

前一个案例说的是豆浆机,大部分老式豆浆机都只有一个电源开关按钮,只能制作豆浆,而现在的豆浆机用硬件或程序解决了用户过往制作豆浆需要泡制、过滤等一系列复杂操作的问题。用户制作豆浆的过程看起来变简单了,但操作机器的过程并没有变简单。例如,对于智能豆浆机,用户需要了解豆浆机上面每个按钮的功能、对应的水量和时间等。虽然笔者使用智能豆浆机的次数很多,但也经常被机器的提示搞得一头雾水。如果加进豆浆机的水量不足,豆浆机是不会开始工作的,并且会在面板上显示一串字母和数字,然后一直发出恼人的“嘀嘀”的提示声。而这些提示信息用户可能完全看不懂,也没有告诉用户接下来怎么操作,只能找说明书或给客服打电话。

此类的例子在App设计上出现的也不少。设计师为了保证设计方案的视觉美观,往往会在很多细微的环节上忽视用户的操作感受。例如,在注册App账号输入密码时,如果输入的格式和系统规定的不一样,会出现提示信息,但是不一定会将正确的格式示范给用户看。也有设计师认为提示框一直存在会影响视觉效果,因此将提示设置为出现两秒就消失的状态。这种设计有点本末倒置,应该让用户进行简单的操作就能使用复杂的功能,而不是让用户进行复杂的操作来实现简单的功能。

◎降低用户的使用门槛

旅游时常会看见游客脖子上挂着各式各样的相机,随着镜头可以自动伸缩对焦的卡片机的出现,用户学习使用相机的门槛就变低了。如果换成学习使用单反相机,门槛就会变高。同时,用户使用单反相机还涉及照片的后期处理,这是个比较高难度的任务。由此可以看出,想要拍出一张好看的照片是一件多么复杂的事情。而现在只需一部手机,用户就能拍出一张张美照,手机中的相机功能包括高清像素、自动对焦、自带滤镜和美化功能等。通过这个例子可以发现,为“懒人”做设计,其实就是降低用户的使用门槛。

◎支持更多的使用场景和满足更多的需求

为“懒人”设计产品时,需要关注他们的使用场景。例如,前面提到的豆浆机,从功能使用的复杂程度来看,如果是为“懒人”设计的,那功能的操作方式就应该简单一些。从使用场景来看,操作复杂的豆浆机可以用来榨果汁和制作黑米汁等。从使用场景来看,你会发现为“懒人”设计不是要降低功能的复杂程度,而是需要满足足够多的使用场景。但有一点要注意,这些使用场景之间要有一定的相似性。例如,一个听歌类的App上面有唱歌的功能,唱歌和听歌都离不开歌曲。如果一个听歌类的App可以打车,那就不太合理了,所以同一产品支持的使用场景之间要有相似性。

下面下图是用户在使用掌阅App阅读书籍时的页面,在该页面中,除了能调整文字的大小和屏幕的亮度外,还可以改变文字的颜色、文字的距离和字体的样式等。改变字体样式的操作方式是点击操作面板上的字体,然后点击图标进入一个字体下载的页面,选择并下载自己想要的字体后应用到App上即可。在这样的场景下,为“懒人”设计的方案是支持更多的使用场景和满足更多的需求。下面下图是在iOS 11系统中截图时出现的一个图片编辑页面。用户在进行截图时,左下角会出现一个缩略图,停留几秒后缩略图会自动消失,或者用手指按住缩略图向左滑动将其隐藏。如果用户主动点击该缩略图则会弹出一个图片编辑页面,可以对图片进行标记。页面上加号图标隐藏的功能包括在图片上添加文字、添加手写的个性签名、放大局部、添加箭头和气泡对话框等功能。如果用户需要对图片进行编辑,那么就可以使用这些功能。如果用户进入该场景,则这些功能能满足用户的需求;如果用户不进入该场景,则用户就不会看到这些复杂的功能,该设计方案满足了用户的更多需求。所以,为“懒人”设计的产品不是删减功能,而是满足用户更多的使用场景和需求。

掌阅App 7.4.1版阅读书籍时的页面

iOS 11系统截图时出现的图片编辑功能页面

◎让用户更容易达成目标

设计师需要站在用户的角度理解用户的使用感受和设计方案,在考量为“懒人”设计的方案是否合适时,不要只停留在用户刚接触产品时的感受,还需要关注用户使用的过程和再次使用该产品时的感受。

用户在使用滴滴出行App叫车时,为了更清楚地描述自己的位置,可能会通过私信聊天的方式告诉司机自己的具体位置。当用户在聊天页面输入自己的位置时,页面会出现提示,这个提示会引导用户把该条信息作为常用语并添加到自己的快捷回复列表中。用户点击提示后面的“点此添加”按钮后,在当前页面会弹出添加提示的对话框,此时即将被添加为常用语的文字会处于编辑状态,用户可以在自定义内容后点击“确认添加”按钮。下一次再私信司机的时候,就会在快捷回复列表里面出现该条常用语。

滴滴出行App 5.1.33版本司机与乘客聊天和添加常用语的页面

针对滴滴出行App的这个设计方案,用户在后续使用该功能的过程中,与司机沟通的效率会提升。所以,为“懒人”设计的方案不应只停留在接触产品的初始时间或某个时间点,还应该关注用户持续这个动作的整个过程,设计师可以通过设计方案提高用户使用产品的效率。