优秀设计案例分析:用户引导(上)
当一个产品上线新功能或者更新某些信息的时候,往往需要引导用户去使用,或者去提供一些信息给用户,而用户引导在此时就比较重要。本文结合了一些优秀设计案例分析,用户引导该如何设计。
无论是作为交互设计师,还是产品经理,肯定都遇到过新上线的功能需要引起用户的注意,或者是想让用户填写某些信息这些需要。这些需要是从产品的角度出发,希望用户使用某个功能,或者提供某些信息。
企业以营利为目标,从企业的角度看这本无可厚非。但如果从用户的角度,如果收到莫名其妙的提醒,或者被逼迫去填写一些信息,势必会引起反感。
如何巧妙地植入这些提醒信息,不引起用户的反感,甚至是真的能够帮助到用户,就成了一个交互设计师的一个使命。
关于用户引导,我总结了4种手段,它们分别是:气泡、整个页面、默认值、动效。下面通过我找到的优秀的设计案例,为大家介绍如何使用。
一、气泡
这是最常见的一种,最平凡的运用方式,就是当新上线了一个新功能,就冒个气泡出来提示一下用户,比如下面这个页面:
需要注意,气泡的文案一定要提供有价值的信息:这个功能能做什么、这个功能的操作有什么特别之处等等。
另外,这种提示气泡最多只能出现2个,超过2个就会对用户造成比较大的打扰。比这个高级的方式,是在特定的时间或操作之后,为用户提供可能对用户有帮助的提示。
比如百度地图的这个例子:
当我在下午17:08打开应用的时候,在“路况”按钮旁边冒出一个气泡,提示我现在是晚高峰,可以打开“路况”躲避拥堵,这是很贴心的一个设计。
再比如:Facebook的网页版,当我首次播放视频之后,页面会弹出一个气泡,提示我可以进行收藏。
还是Facebook,不过这次是手机端,当应用检测到我在一段时间内拍摄了许多新照片,会冒出一个气泡:
气泡里展示着最近拍的照片,用行动在引导着用户:快选择一张发个动态吧!
这样精巧的设计,不但不会让用户反感,反而会成为用户觉得贴心。如何才能做出这样的好设计呢?
有个办法可以帮到大家:用户体验地图,感兴趣的朋友可以去搜一下。
二、整个页面
这种方式一般用在用户第一次开始使用某个功能时,对于重要的信息,使用一整个页面来提示,防止用户错过。比如:当我首次打开这个相机应用的时候,会出现如下的提示——从右向左滑动录制视频。
还有这个例子,当首次打开这个视频录制应用时,会出现如下图的授权提示:
这样做的好处是让用户充分了解操作的意义,给用户充分的预期,带来掌控感。
以上为大家介绍了“气泡引导”和“整个页面引导”这两种引导的方式。下周继续介绍另两种方式:默认值引导和动效引导。
讨论让人认识更深刻。欢迎大家留言讨论,共同进步。
#专栏作家#
沐风(微信公众号:沐风与体验设计),人人都是产品经理专栏作家,2017年度作家评选最佳人气奖。爱奇艺高级交互设计师。留德海龟,曾任职腾讯微生活、网易、宜信。6年交互设计经验,专注设计领域。
本文原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自Unsplash,基于CC0协议
等更等更等更中…
新人学习了!