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

1.2.1 为使用场景做设计

设计师是无法将全部用户的使用场景都列举出来的。设计师无法确定目标用户是在晃动的车辆上,还是在匆忙赶路中,又或是在排队吃饭。移动端用户的行为是碎片化的,从App能统计到的数据能大概看出哪个时间段的用户最多,用户会停留多少时间,以及用户在哪个页面上停留的时间最长。既然无法确定用户什么时候使用App和使用App时的场景,那设计师应如何做好设计呢?这时可以从用户做决策、得到结果和对结果满意程度这几个方面去思考,如下图所示。

用户做决策的4个环节

上图显示了用户做决策的4个环节,设计师可以这样理解:在什么样的环境里面,用户在页面上通过什么样的行动来达成什么样的结果。下面从用户、行动和结果这3个方面阐述设计师在设计时需要关注的问题。

◎用户是什么样的

设计师每天会接到大量的设计任务,交稿的时间也很紧,所以整天都在不停地赶稿。尽管设计师对自己公司的业务和自己作品的服务对象都很熟悉,但却很少真正地去理解目标用户是什么样的人群。例如,一些设计师为某个电商类App做UI设计,却没在自己设计的App上买过东西,这样的设计师无法体会用户在自己的设计方案上操作时会发生什么样的状况。设计师需要去了解自己服务的用户是谁,最重要的是要理解用户的使用能力如何。也就是用户在使用某产品时,他们会不会因为自身水平的限制而无法理解该产品。以电商类App为例,卖基金的App的UI设计方案和卖母婴用品的App的UI设计方案是不一样的,虽然二者的用户群体会有交集,但主流用户群体特征不一样,因此二者的UI设计方案也会不一样。

设计师可以通过公司的商务拓展(Business Development,BD)人员去了解自己服务的对象是什么,服务对象在使用移动端产品时个人能力如何,以及他们所在的企业服务移动端产品的能力又如何。另外,设计师也可以通过产品经理建立的用户画像将用户使用产品的能力、喜好和用户的基本物理属性都列出来,方便在设计的时候参考。

◎在页面上做了什么动作

用户在页面上做出的动作是可预知的。UI主要体现的是两大内容,即数据组件和页面功能。例如,在一个商城的支付页面中,其数据组件有收件信息、待支付的商品信息和支付金额,其页面功能有订单管理和发起支付的按钮。所以用户的行为是可预知的,要么退出支付流程回到上一个页面,要么重新编辑或按照默认列表进入支付环节并跳转到下一个页面。设计师需要对用户的行为进行引导,并把控好按钮的大小和颜色、页面的反应速度、信息的可读性或易读性等。

◎得到什么样的反馈结果

用户得到什么样的结果,即用户在页面上做出动作后页面给出的反馈。如果用户按照预先设定好的产品逻辑和正常流程操作就会得到相应的结果。例如,用户在购物App的支付页面上点击“立即支付”按钮时,一定会跳转到支付确认页面或是跳转到支付失败页面;如果不按照正常的流程操作则会退出支付环节,用户也会有另外的子目标要完成,如用户不想买了,或者想重新购买其他东西。

◎环境不同,结果不同

以上的用户、行动和结果对设计师来说都是可预知的,并且设计师可以在每个环节通过为页面赋能以获得期望的效果,但环境是不可预知的。设计师在考虑环境这一影响因素时,需要预估用户在使用产品时的实际感受,通过选用合适的设计方案让用户持续产生好的感受。接下来看滴滴出行App的抢单页面。

滴滴出行App出租车司机端抢单页面

滴滴出行App私家车司机端抢单页面

上页中的上图是出租车司机端的抢单页面,下图是私家车司机端的抢单页面,它们都是同一产品的抢单功能页面,但设计方案却不一样。因此,设计师在设计时还需考虑以下3点。

第1点:使用环境。设计师要考虑使用环境。出租车司机需要不停地移动,注意力需要放在行驶的过程中,出租车司机是在行驶的过程中去获取信息和做决策的。而私家车司机在抢单时,使用的场景更多是固定的环境,有顺路的乘客才会抢单。先不考虑使用功能频率和使用功能背后的动力,单从使用环境就可以提炼出环境对用户的影响。

第2点:利己点。从出租车司机的角度出发,决定是否要抢某一个单时,距离是影响司机做决策的关键因素之一。距离过长,费用不划算,还会存在叫车用户跳单的风险,所以距离的远近是出租车司机考虑的利己点。私家车司机的利己点在于时间能否接受。滴滴出行等叫车软件在路线设计上是合理的,例如司机的目标路线是从A到B,分配的订单不会是从A到C。但时间是个问题,叫车用户用车的时间过早或过晚,就会与车主出发的时间不一致。所以,在私家车司机端抢单的页面上,出发时间是利己点。

第3点:设计方案。设计师应从用户的利己点出发设计页面。如出租车司机关心的是距离,所以在UI设计方案上,显示距离的数字要设计得更突出。而私家车司机的利己点是时间,所以显示时间的数字就需要设计得更突出。可能有人会质疑,出租车司机在抢单时会有语音提醒,就算数字不大,语音提醒对抢单信息也做了补充。针对这一点,设计师还需要考虑语音传达信息是否需要外部环境的支持,例如扬声器的声音是否能盖掉噪声,同时会不会给司机带来嘈杂的困扰。

两个页面上“抢单”按钮都做得很大,考核设计方案是否成功的要素不仅有准确传达信息,还有用户使用该功能时是否提升了效率。设计师将按钮的操作区域设计得大一些,这样即使用户在忙乱的环境中也能方便快速地点击按钮,进而提升抢单的效率。