1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

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

时间:2020-06-25   分类:设计管理    作者:网络   来源:网络整理   点击:182

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

内容采集来自9fen.net

copyright 9fen.net

不知大家有没有和我一样的疑惑:日常产品的信息引导到底该如何设计本文来自九分网络

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

本文来自九分网络

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

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

www.9fen.net

www.9fen.net

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

本文来自九分网络

策略层:目标确定了,需要确定可做信息引导的各种场景和机制。如设置某时间进行信息推送,用户网络不行的情况下怎么解决?

本文来自九分网络

表现层:不同的场景中有各种表现形式,如下拉菜单、弹窗、浮层、视频等等。 本文来自九分网络

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

www.9fen.net

信息引导的类型

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

1. 新功能引导 copyright 9fen.net

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

copyright 9fen.net

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

本文来自九分网络

2. 指标引导 www.9fen.net

以提高产品的业务目标/增长目标为导向,按照一定的规律引导用户使用某功能,如:产品的信息 push 和广告。 内容采集来自9fen.net

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法 内容采集来自9fen.net

内容采集来自9fen.net

3. 结果引导 copyright 9fen.net

在用户已结束的操作行为、结果页面上,引导商户使用相似功能或内容模块,促进产品的连续消费。 www.9fen.net

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

copyright 9fen.net

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法 本文来自九分网络

www.9fen.net

4. 异常引导

本文来自九分网络

针对用户可能会犯错的行为进行提示、警告,是一种前置的容错机制。如支付宝,用户在向「异常好友」转账时,以轮播的方式进行信息提示,避免用户转错账。 copyright 9fen.net

用我搭建的 PST 框架,帮你系统掌握产品的信息引导设计方法 内容采集来自9fen.net

本文来自九分网络

信息引导从哪方面切入

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

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

内容采集来自9fen.net

www.9fen.net

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

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

本文来自九分网络

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

九分网络

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

www.9fen.net

如何利用架构布局进行信息引导呢? www.9fen.net

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

本文来自九分网络

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

本文来自九分网络

如腾讯动漫的个人中心页面,在老版本中头部信息较为分散、无关联,信息的引导性很差。而在新版本中,则通过「重组」把信息关联在一起,页面更聚焦清晰、引导性更强。

www.9fen.net

标签: 产品设计 引导设计 引导页设计 优设 引导页 信息引导

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----