sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

App手机网站设计用户体验差的可能原因

Share

Time:

2020-03-13 14:38:54

Author:

Chris Song

手机网站设计、APP产品设计常常听顾客反馈说体验不够好,是否想过可能的原因有重要的消息通知接收不到、产品更新了新功能新版本,但是用户却不知道、用户使用产品时,不知道怎么操作?这些事我们开发CRM客户管理类产品时最常遇到的问题。更加的解决办法是做好用户操作引导。


设计引导的目的

-

设计引导的目的从用户和产品来说目的有所不同。


用户角度:我们需要通过引导快速的让用户清楚我们的产品有哪些功能、能够解决什么问题、如何操作等,从而让用户能够更快速、便捷的了解并使用我们的产品。


产品角度:同样产品的首要目的也是让用户能够快速便捷的了解并使用我们的产品,同时引导用户使用产品期望他操作的功能。


引导的展现形式

-


引导的展现形式主要有:轮播图、视频、对话框引导、操作蒙层引导、通告栏引导、气泡框引导、提示对话框引导、小红点引导、系统通知引导、Toast等形式。


如果按照引导的强弱可以分为:重度引导、中度引导、轻度引导。


重度引导:用户必须选择才能进行其他的操作,其优势是阻断感强、用户易感知,其缺点就是容易引起用户的反感,从而被忽视,不能过多使用,其展现形式主要有:轮播图、视频、对话框引导、操作蒙层引导。


中度引导:不自动消失,用户不需要选择,可以忽略,其优势是用户能感知,不会对用户造成干扰,其展现形式主要有:通告栏引导、气泡框引导。


轻度引导:用户无需操作,可以忽略,同时感兴趣的用户能够发现。其展现形式主要有:SnacKbar、小红点引导、系统通知、Toast。


引导的使用场景

-


引导的使用场景从用户的需求来说主要有产品功能介绍、操作引导、新功能提醒三个方面,而从产品的需求来说,还需要在补充权限开启、消息通知、互动式引导、细节引导这四个方面。下面就针对这7个方面一起来看看。


1、功能介绍


为了用户能够更加快速的了解产品,一般在用户第一次进入APP时,都会设计功能介绍页面,一般展现方式有轮播图引导。


轮播图引导:是当前APP较为常见的方式,在设计时一般是以插画+文字的方式,要求是一屏只介绍一个重要功能,轮播图的张数一般为3到4张较为合适,为了避免引起用户焦虑的等待情绪,一般会设计跳过按钮。


2、操作引导


操作引导在设计时需要考虑引导的强度,如果是重度引导,比如新手指引,一般采用视频和操作蒙层引导;如果是轻度引导,比如新模块引导,一般采用SnacKbar、气泡框引导。


视频引导:多用于工具的产品,这类产品操作往往较为复杂,仅仅通过图片的形式很难给用户说清楚,因此通过视频的方式更直观,但是注意视频相对图片对用户的阻断更强,因此建议提供跳过让用户选择,避免引起反感。


操作蒙层引导:现在越来越多的用户对蒙层会直接忽略,因此建议用户能够直观感知的内容就别引导了,比如第三图,看上去很乱也没必要;一般用在重要功能介绍,同时采用分步的方式,一步只说一个重要内容,提供跳过操作,加入插画、图片,让蒙层更加情感化,可以让用户接受度更高。


SnacKbar引导:这类引导方式较弱,一般用于首页底部的产品模块等引导,如果用户不点击几秒后会自动消失;如果用户点击即可直达引导模块,方便快捷。


气泡框引导:当APP只是一些小版本更新,我们可采用气泡框的引导方式,相比蒙层引导一次性给用户讲解,气泡框引导却是使用到改界面时才有,体验感会更好。


3、功能引导


功能引导在设计时同样需要考虑引导的强度,如果是重度引导,比如实名认证、打卡、开通会员等引导一般采用对话框引导;如果是轻度引导一般采用气泡框引导。


对话框引导:在设计时一般注意采用图片的方式进行设计,避免用户反感,引导用户进行操作。


气泡框引导:一般是产品希望用户操作的功能,对于用户干扰较小,不需要的用户可以直接忽略,需要的用户即可快速操作。


4、权限开启


权限开启这一般是产品想要让用户操作的需求,使用时同样需要考虑引导的强度,一般用户刚进入页面,会提示开启通知、相机、位置、通知等权限,这时候一般用阻断感较强的对话框展示;而在用户使用中也会提示开启消息通知等权限、这时候一般采用中度引导的通知栏。


权限开启对话框引导:一般在刚进入APP时提示,为了最大程度的提高权限开启率,尽量将所有权限都合并到一个弹窗中,避免用户直接忽略操作。


通知栏引导:一般是在用户使用中的界面出现,比如消息通知上方,提示开启消息通知,让需要使用的用户能够马上找到。


5、消息通知


消息通知一般分为产品内和产品外的通知引导,站内的通知一般以小红点进行提示;站外的提醒方式主要有手机系统通知、微信服务号通知、应用图标小红点提示等。


站内通知:主要以小红点为主,小红点根据强弱有文字提醒、数字提醒、红点提醒等。在设计时需要注意,不要大面积密集的显示,如果数量较多,比如消息列表,建议提供一键清扫的功能。


站外通知:为了引导用户使用产品,提高留存,因此除了站内通知,我们还需要考虑站外通知的方式,比如系统通知、微信服务号通知、应用图标小红点提示等。


6、互动式引导


互动式引导主要是为了促进用户使用体验,产品往往会根据当前操作需要提供一些贴心的小引导,比如微信语音时的Toast提示;


当长按录音时,微信会提示上滑即可取消,这样就算说错了也不用担心,上滑取消就对了。


7、细节引导


细节引导往往是为了提高用户使用活跃度,在用户操作中提供温馨的提示,帮助用户尽快完成操作等,比如饿了么的评论引导气泡、美团表单的座机填写提示、菜鸟的包裹查询对话框。


评论引导气泡:其作用是可以给用户心理暗示,避免用户折中打三星四星的情况。


填写提示:通过提示避免用户在使用中产生困扰,这类气泡框引导由于其较为轻量,在产品中经常使用。


自动提醒:当你复制了运单号,打开菜鸟裹裹将自动提示是否查询该订单,方便查询。


小结

-


通过以上的梳理,下面根据弹窗的形式整理下引导的应用场景和使用要点:


重度引导:在使用重度引导时,由于其对用户的阻断感较强,干扰较大,因此在使用时需要慎重;另外最好给用户提供取消或跳过的操作,避免用户反感。


中度引导:对用户操作影响不大,多用在用户使用时,可能会遇到疑问的地方,或者产品想引导用户操作的地方。


轻度引导:对用户基本没有影响,但是如果频繁使用,仍然会给用户造成困扰,比如针对有小红点强迫的人群,尽量提供一键清扫功能。