|古腾堡原则在产品设计中的应用( 二 )
本文插图
03 应用于信息流
1. 图文类信息
老生常谈 , 说到图文类不少人第一反应就是**** 。 为什么****和饿了么都是图+文 , 头条的图就会放在右侧 , 而饿了么图就放在左侧呢?
结合古腾堡的视线强弱分析 , 我们可以得知左侧的首要视觉点一定是强视觉区 , 对于****的新闻来说 , 光看它的配图我们根本猜不出来整体条目所表达的内容 , 所以头条的图片元素传达信息的效率远不如文字 , 所以第一视觉区会留给文字信息;
而饿了么中图片所传达的信息效率更直观 , 会一眼告诉用户我这家是西餐还是中餐 , 是早点还是正餐 , 所以在饿了么的条目中图片会被放在第一视觉区 。
而这两种布局的目的都是让用户可以快速浏览 , 不让用户在接收信息时受阻造成体验打断 。
既然举了头条为例 , 此处可以延伸一下 , 为什么****的视频条目样式做成图一的样子 , 也正是因为用户习惯在****APP中先文字后图片 , 而视频的传达信息效率要远大于配图 , 所以将视频作为终端休息区进行视觉强化 , 一是可以强化信息种类的分类让用户更好辨识 , 二是让视频条目传达信息效率更快且满足整体使用APP时一致性的用户心智 , 让用户能快速上手并且顺畅体验浏览 。
本文插图
04 由古腾堡衍生的艾森豪威尔法则“四象限法则”
1. 概念
四象限法则是时间管理理论的一个重要观念是应有重点地把主要的精力和时间集中地放在处理那些重要但不紧急的工作上 , 这样可以做到未雨绸缪 , 防患于未然 。 而对于用户体验层面上四象限法则也有可借鉴之处 。
本文插图
2. 单条目中的四象限法则
例如贝壳找房中 , 通过对其用户进行调研发现 , 将条目中需要的功能点进行统计归类 , 再结合元素传递信息效率可以得出 , 房间的图片是紧急重要 , 文字信息放在第二视觉区 , 而单看右侧文字区内 , 将字段信息又进行了象限分类 , 在第四象限中放了删除按钮(最弱的信息)价格位于左下即紧急信息来强调 , 而其他次级信息都放在了中间区域部分作为弱化 , 这也是基于用研的结果做出的信息布局 。
有些初学者会将四象限法则与古腾堡进行混淆 , 因为古腾堡的右下侧是视觉重点 , 而在四象限中右下侧是最弱信息 , 其实并不矛盾 , 古腾堡所说的是在整个页面使用浏览过程中 , 它的整体由多个条目进行堆叠 , 而四象限仅用于单个条目的信息布局中 , 用户在使用过程中不可能只能看一个条目 , 所以区别是古腾堡原则是站在一个更大的信息汇聚中阐释原理 。
本文插图
3. 四个条目组合成的四象限法则
单条目内符合原则 , 那么扩大元件范围 , 如果将田字格排布的四个条目组成一个单元 , 那么这个单元也符合四象限法则 。
比如在我们日常逛京东的时候 , 如果将商品的两个维度:生活中物品的不可替代性作为重要 , 价格高低作为选东西时比较参考的紧急 , 那么在京东的首屏信息流的四个条目为一个单元组时我们便可以发现左上的广告是主打即重要又紧急 , 右上放了生活必备品但是价格优惠力度不是很大价格也较高 , 左下放便宜但随时可替代的物件 , 而右下放置转化最低的一些商品 。 这样便可让用户在浏览每个单元时更加对号入座 , 潜意识的感觉到物品品类和价格都意外的更加满意 。
此处思考 , 为什么右下既然不紧急不重要却还要放置商品呢?虽然没有做过电商类业务 , 但我觉得原因有三:
- 红花也需要绿叶衬托 , 如果没有第四号商品的存在也不会显得前三个商品更加诱人;
推荐阅读