赞助商
立即赞助

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

交互设计3年前 (2021)发布 流光
2.5K 0 0

不知大家有没有和我一样的疑惑:日常产品的信息引导到底该如何设计?

可能有人第一时间会想到浮层、动效、弹窗等等,但这些都只是表层样式而已。背后的引导机制该怎么入手?有没有一个系统性的了解?需要注意些什么?

所以,今天就想聊聊这方面的看法,下面是我对信息引导的理解所提炼、搭建的一个「PST」框架:Performance-表现、Strategy-策略、Target-目标。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

目标层:信息不会平白无故去引导用户,都是为了某个确定的目标而展示的。如在首页弹窗展示是为了进行新手教育,以达到让用户使用新功能,进入新页面等运营指标或增长指标。

策略:目标确,需确息引导各。某息送,户络况怎决?

表现层:不同的场景中有各种表现形式,如下拉菜单、弹窗、浮层、视频等等。

这 3 层环环相扣,互相影响。因为每个产品的目标各不相同,所以这篇就先对信息引导的「策略层」进行分析,下篇再讲下引导的形式和适用场景。

信息引导的类型

可能每个人会有自己的分法和定义,我就按照自己的理解概括一下信息引导的基本类型。

1. 新功能引导

向用户展示产品的新功能/页面,对产品的新功能有一个大致的了解,多用于用户首次进入/使用功能的引导,如:各种新手遮罩引导、产品介绍。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

2. 指标引导

以提高产品的业务目标/增长目标为导向,按照一定的规律引导用户使用某功能,如:产品的信息 push 和广告。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

3. 结引导

户已结束操、结页,引导户使相似功或模,促续消。

比如:淘宝在订单支付成功后,都会进行店铺、红包、优惠券、相关宝贝的推荐,保证消费者还处于「购物链」上。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

4. 异引导

针户犯示、警告,。支付,户「异」转账,轮播息示,避免户转账。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

信息引导从哪方面切入

抛去业务目标和引导样式的局限,信息的引导可以从几个方面切入和思考:产品架构、用户行为、时间、阶段/过程。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

1. 利用「产品架构」做引导

像很多同学做信息引导时,一上来就想着浮层、弹窗、动效等各种表现形式,而忽视了最简单、最底层的引导方式:利用产品的架构布局去引导。

这种方式是通过架构布局,来体现内容间的差别与关系,突显出核心内容模块,强调的是「视觉重量」,如:各模块间的面积大小、色彩强弱。像淘宝首页有各种功能入口,通过架构上的布局来进行功能分类和引导。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

如何利用架构布局进行信息引导呢?

2 个点可以参考:重组和单拎。

重组:将同一层级、相关联的信息组成一个内容模块,从而使信息更聚焦、减少视觉干扰。

腾漫页,版息散、,息引导。版,则「组」把息,页聚焦晰、引导。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

拎:「组」相反引导思,将息各独立模展示,息展示。

很多「入口化」的功能,都适用该思路进行信息引导,如:手机淘宝的个人中心,有些功能原本可以和其他模块一样做成入口化的,但出于产品目标、用户诉求等维度的考虑,将部分内容「单拎」出来进行展示效果更好。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

2. 利用「时间」做引导

按散,则「户」「络」引导。

户

根据户操息引导。奇,户观 30 钟视频,弹积领取示。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

引导需注:。

如爱奇艺的「观看满30分钟」:是观看单个视频时长,还是一天里的总视频时长积累?离线观看视频(有流量联网)时是否也计入时长等等?这些机制都需要在前期,根据产品的平台特性、业务目标、用户习惯等维度去设置好。

网络实时时间

根据当前网络时间进行引导。如百度地图,会在 17 点快接近高峰期时,向用户弹出路况提示。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

这类场景的引导,更注重于:产品的推送机制。

如设置了某个时间点推送内容,若用户没网络或者网络较差时,是晚点再推送,还是推送提前预设置好的「静态」内容?这些都是需要考虑的点。

3. 分「阶段/过程」做引导

根据特定的维度,将信息/功能分解成 N 个独立且关联的阶段。分阶段的维度可以是时间、日期、金钱、物品等等。

很多运营活动就会把奖励分成不同的阶段进行发放,如图:

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

这种引导方式的优势是:可以将全部的信息分解到各个阶段中去,页面的拓展性强,用户理解和操作成本低。劣势在于:周期较长,用户缺乏足够的动力。

因此,很多产品都会把最大奖励、最好的结果放在最后阶段,加上利用消费者的「目标趋近效应」──人们在距离目标越近时,越有动力去完成它,一步步地引导用户消费。

4. 根据「用户行为」做引导

根据用户的当前操作进行引导,如观看视频时,点击屏幕会暂停播放且会弹出广告信息;长按内容列表时,会出现多选、排序、删除等操作。

根据「户」引导,需注 2 :引导返策略落。

返策略

结户,息引导否需返策略,相「逆引导」。返策略仅「」,「视」。

机制:如爱奇艺在观看视频时最小化产品、跳转到新的页面后,返回观看视频时会自动后退几秒进度,以保证用户的观看记忆不会出错。

样式:如淘宝在支付订单后,会有两种返回形式。一是左上角的「返回」icon,返回到购物车页面;二是中间比较明显的「返回首页」按钮,返回至淘宝首页。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

而对于产品来说,「返回首页」的优先级显然更高一点:既可以让用户形成消费闭环,又能浏览、搜索更多的商品,提升产品的 UV、PV、复购率等业务和增长指标。所以,才会把「返回首页」按钮的样式,做得比「返回」icon 重一些。

引导的落地方式

引导的落地方式就是信息引导后,用户跳转到哪里?一种是跳转至新的页面进行落地,页面空间大、可控性强;另一种是停留在当前页面展示,减少用户的操作成本。

如优酷在观看视频时,可以在当前页面进行奖品的引导和获取。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

至于最终采用哪种落地方式,则根据产品目标、用户场景、页面形态等特征去抉择。

总结

以上就是个人对信息引导「策略层」的一些心得和看法。

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

欢迎关注作者的微信公众号:「和出此严」

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

首先本篇文章不讨论任何关于产品运营策略和技术领域的内容,主要以案例为主,分享为用户营造安全感的体验设计思考,希望对你...
产品设计
Echo :作为在即时通讯领域超越昔日霸主 qq,并成为第一大全民 app。微信在产品设计领域一直被奉为经典享受着无数赞美和模仿...
产品设计
我们生活中绝大多数的物品,从椅子到 APP,都是人为设计出来的。理解用户的想法,能够让设计师在设计过程中采用更加贴合用户...
Eugen Eşanu
开篇明义,这四大分析法就是:市场分析、竞品分析、用户分析、需求分析。从这四个角度深入分析,就能最大程度证明你产品方案...
产品分析
很多人说看过很多设计道理却依然做不好设计,还不如直接看设计案例来的简单粗暴。今天为大家找到一篇实战好文,一个人,3天时...
APP 设计
上一篇《用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法》讲了信息引导的策略层:可切入的场景和机制。这篇就总结...
交互设计
@卫夕君 :有一些互联网产品,你用起来非常不爽,感觉明明可以做的更顺畅但非要为难用户,每当遇到这样的产品你一定会吐槽产...
产品设计
国内互联网近几年发展迅速,在很多方面都超过了一些其他国家互联网的发展阶段。随着国内互联网产品竞争日趋激烈,很多企业都...
产品国际化