“我的产品,是如何提高内容点击率的”
原标题:“我的产品,是如何提高内容点击率的”
导读:
五粮液公司近日在官方网站上发布了一则重要声明针对近期多名消费者关于在拼多多平台低价购买的五粮液产品真伪问题进行了澄清经过公司的认真核实发现该平台上有多世纪年代特格拉姆首次提出信...
五粮液公司近日在官方网站上发布了一则重要声明,针对近期多名消费者关于在“拼多多”平台低价购买的五粮液产品真伪问题进行了澄清。经过公司的认真核实,发现该平台上有多
20世纪70年代,特格拉姆首次提出“信息设计”,不同于“精美的艺术表现”图形设计的是,信息设计更强调“进行有性能的信息传递”。这篇文章,作者总结了5条信息设计的原则,帮助大家更好进行信息的传递。
信息设计是除了图形以外的文字、数据等内容设计,通过信息设计可以提高人们应用信息的性能,在众多信息中能够迅速找到自己所需要的,并且使得信息能被有效地理解。
所以,想让用户点进你的内容,关键需要让“信息”获得有效的展示,而不是强调如何艺术性的表达。
因此,以下总结了5条信息设计的原则,同时结合了我过去几年在不同Web App产品中的实际应用。
一、靠近与动态
“靠近”指的是信息需要靠近行为目标,显示在用户的中央凹区域内;“动态”可理解为“变化”的,但不仅是内容的变化,还需要有位置样式的变化。
因为人们的视觉系统分为两个区域,一个是中央凹区域,而剩余的是边缘视觉区域(相当于视觉盲区)。
人们可以轻易的感知到中央凹区域里的事物,而对于落在边缘视觉区域的事物,他们的存在都很难被发现——除非这个事物是动态的。
在界面中,这将会影响信息的可见性。
在实际操作过程中,右边的提示设计比左边的更容易让用户看到
比如在我们之前的后台,有个关于当前“网络状态”的信息设计:在正常情况下,界面顶部会显示“网络良好”的横幅,当用户没联网的时候,顶部的横幅内容会变为“网络异常”…
但当时我们被用户投诉了。
因为用户在后台中进行的都是主流程操作,根本没注意到页面顶部的信息变化,进而导致了后面操作的失败。
所以后来我们将这里的提示信息进行调整,只有异常情况才会动态显示toast提示,以引起用户的注意。
让提示信息显示在用户的目标行为附近,或通过动态的展示以引起用户的注意。
二、适应与侧重
“适应”指信息设计需要考虑产品属性与应用场景,“侧重”是根据不同场景需求,适当调整信息呈现的侧重点。
不同的产品属性与应用场景,对应不用的用户人群,这些人群的需求也相差迥异。
相比左边的设计仅是把信息“添加”进页面中,右边的设计同时适当调整了信息层级,让信息效用于当下的场景
比如商品列表:
C端商品列表会包含商品图、商品标题与价格,而商品价格通常被重点突出用来吸引消费者;但在B端产品中,用户群体是我们的商家,他们最关注的其实是这个商品“我卖了多少份”、“我赚了多少钱”,商品价格反而不是最重要的点。
所以在做B端商品列表时,重新设计了信息层级以适应当前的商家场景,侧重展示用户最关注的信息。
根据不同的场景适当调整设计,有侧重性地呈现信息以提高使用效率。
三、前置、直达
严谨的框架界定、完整的信息展示有时候并不是最佳解决方案。
“前置”“直达”意为将二级页面(或独立功能)信息前置于主页面中展示,为用户提供更快捷的直达入口。
其实对于大部分用户来说,用的只是一个产品中的某个核心功能而不是全部功能;如果从使用效率上讲,将这个核心功能入口前置展示在主页面,要比用户先进入二级页面、再在全部功能中寻找这个核心功能的使用效率更高。
特别是对于后台这种专业型工具来说,对产品精准、便捷的诉求会更加明显。
在实际运用场景下,右边的设计不仅能快速进行操作,而且这个开关与列表、更多设置选项之间的承接关系也表达地更加清晰
比如当时我们后台中有一个邀请功能,主页是历史邀请列表,二级页设置邀请条件。在这个二级页中,包含了“是否接受邀请”的开关、对邀请级别与粉丝量的限制;如果关闭这个开关,则此时二级页面中剩余的功能设置将失效。
所以我们将这个开关前置到主页中,通过将关键功能前置,打破页面层级间的分隔,帮助用户直达关键功能。
四、没必要的简化
保持简洁似乎是设计师恒定不变的主题——在许多常规页面中,如果一个内容包含ABCD不同分类,这些分类信息基本上会被“合并简化”,折叠成左右滑动的菜单栏样式。
不过,这种简化折叠需慎用。
当用户进入一个页面后,会快速浏览页面中的主要内容(或占比大的模块),且浏览习惯以上下滑动为主;所以此时占比较小的左右滑动的菜单栏,特别是位于菜单栏第2项后的内容,会被大部分用户自动忽略。
比如在我们之前的后台产品设计中,其中的活动类型切换采用的左右滑动菜单栏形式,这也间接导致了当时位于第2、3项菜单中的活动选中率特别低。
对于一些重要功能的切换,右边的设计比左边更能引起用户注意,让用户进入选择的状态
后来我们将这里进行优化,把原本顶部滑动菜单栏进行下移,变成3个展开的选项;绕开用户的自动忽略后发现,原本第2、3项活动的点击率获得了回升。
折叠为左右滑动的菜单栏,由于用户浏览习惯的影响,通常第1项后的内容会被用户自动忽略。
五、默认与引导
“默认”指界面中一些默认选项,这些默认的设计可帮助我们引导用户的操作,同时对于用户而言,他们并不会轻易改变这些默认信息。
因为用户对于有可能导致自己失去一些权利、或其他什么的时候会表现的无比敏感——当用户面对不同选项时,如果此时有个默认选项(不选择)将比选择一个可能导致自己失去什么的选项更能获得安慰。
所以被动的选择默认状态,会让用户感到更安全、更简单,和更小的风险。
基于这种默认项心理,也可以引导用户按我们推荐的路径操作,尽量减少异常情况的发生。
比如我们后台设计中有个数据分析模块,用户可筛选不同时间段查看数据情况;但如果用户频繁切换时间段,将会增加我们系统的计算负荷进而导致数据异常。
面对不同筛选项时,左边的设计给用户的第一反应是“这里还有2个选项,我切换试试有什么反应”;右边的默认项设计可有效削弱用户对“可选择”的敏感度
所以我们将时间筛选中的某一项作为默认项,并将其他时间选项收起,用户来回切换的频率减少,相应也降低了系统的计算负荷。
运用默认项设计,营造用户在使用过程中的安全感,引导用户的同时尽量减少异常情况的发生。
六、写在最后
以上关于信息设计的原则,帮助我们将产品信息有效传递给用户。
不过除了“信息传递”的使命之外,设计也在不断地探索着对用户行为与决策的推动,尝试着各种提升用户转化的可能。
下周,我将更详细、深入地为大家分享,过去几年我在不同Web App产品中如何应用认知行为学,助推用户行为、提升产品转化。
本文由 @洪草莓 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自 Unsplash,基于 CC0 协议
- 版权所属:王牌阁
- 本文地址:http://want.uexe.cn/10375.html
- 版权声明:原创文章,转载时必须以链接形式注明原始出处及本声明。