【项目复盘】如何突出设计重点-系统化方法

当前位置:首页>设计文章>UI>【项目复盘】如何突出设计重点-系统化方法

【项目复盘】如何突出设计重点-系统化方法

上图是一个老带新的转介绍活动,大致玩法就是老用户拉新用户,可以奖励星星币,然后星星币可以兑换实物奖励。

给大家15s思考时间,评价下这个方案。如果有问题,你会如何优化?
.
.
.
.
.
当时看到这个方案,我第一眼感受就是抓不到重点, 类似于这样:
【项目复盘】如何突出设计重点-系统化方法
虽然我们常说,页面信息的层级处理一直是设计师的基本功,但类似上面的问题,很多资深的设计师也会经常出现

今天咱们就以这个页面优化为例,和大家聊聊我的一些心得和体会。

01
理论部分
想突出设计重点,大概可以分两步:

1、判断信息/功能优先级。这里给大家安利一个常用到的分析工具——二象限法;
2、对页面元素进行简化,然后部分按优先级进行强化。

1、二象限法

无论是大到整个产品,还是小到一个功能/页面元素,其优先级一定取决于两个维度,业务和用户。

在业务维度中,最终的考量是业务价值,即功能/页面元素能带来的业务收益

在用户维度中,最终的考量是用户行为动机,即功能/页面元素可带来的用户意愿
我们以业务收益为纵轴,用户意愿为横轴,再根据高低划分,就会得到这样的四个区域。

【项目复盘】如何突出设计重点-系统化方法


其中区域1为高收益&高意愿,优先级P0;
区域2为高收益&低意愿,优先级P1;
区域4为低收益&高意愿,优先级P2;
区域3为低收益&低意愿,优先级最低P3。

【项目复盘】如何突出设计重点-系统化方法


区域2(P1)中有相当一部分,我们是可以通过一些策略提升用户意愿的。

比如《京东改版复盘亮点借鉴》一文提到的红包策略,大多数时候用户是习惯性忽略里胡哨的红包的(低意愿),但只要用户点了就有很大可能完成购买转化(高价值)。这时候红包的封面优先级为P1(低意愿&高价值)。

但是我们发现,可以通过提高红包封面的真实性,来提升用户点击意愿。这里红包封面的优先级,就从P1到了P0。

【项目复盘】如何突出设计重点-系统化方法


这部分往往也是设计的主要发力点。我们暂且把这部分定为P0-1。
同样,在区域4(P2)中也有一小部分,可以通过策略来提升业务价值。举个日常中的例子,比如在超市必经路--收银台边上布置的商品;再比如公众号文章的中插广告。
这部分虽然出彩,但往往要谨慎,区分那些短期效果明显但长期甚至有害的策略。我们暂且把这部分定为P0-2。

这样,整体优先级就分为6部分,P0(0、0-1、0-2),P1,P2和P3。

【项目复盘】如何突出设计重点-系统化方法
值得注意的是,优先级是相对的,并不是绝对的。同一个页面中,也要避免全是P0,全是P0就等于没有优先级了。

明确完优先级,我们就可以区分等级进行针对设计,在此之前,我先给大家简单介绍下一些常用的策略。

2、SI 信息层级设计法

S(simplify)简化+ I(intensify)强化
简化策略

Remove 删除:目的就是聚焦,减少信息负担。常见方式有:通过默认值减少选择决策,减少决策点,减少视觉混乱,删除冗余文字,精简句子,删除时间提升效率等;

Organize 组织:简单理解就是分块(块的数量52)。常见方式有:时间和空间,网格,大小和位置,分层,颜色等。

Hide 隐藏:收起或弱化,前提是需要时候可以找到。

Displace 转移:将用户成本转移给技术成本、页面转移、流程转移等;
*简化策略均来自《简约至上》,毫不夸张的说,这些策略贯穿、指导了我整个设计生涯,直到今天依然受益,感谢作者Giles Colborne。
强化策略

Contrast对比:即增加对比度。常见纬度有大小尺寸、位置、颜色、字体字重、图形图像、动效、利益点。

Conbo连携:这个词来自于游戏里的“连携技”,简单讲,就是发挥各自特长打配合,达到1+1>2的效果。比如上文提到过的,免费内容核心路径(高意愿&低价值)+广告(高价值&低意愿)的方式,就是商家为了利益最大化的一套Conbo。
分级精细化处理

最后,我们只需要按优先级逐个处理功能/元素即可。一个大概的规律供大家参考,并不绝对,比如P0里有重复信息也可以选择删除。

【项目复盘】如何突出设计重点-系统化方法
这块相对比较抽象,我们赶快进入实践部分。
02
实践部分
1、判断优先级
页面元素穷举罗
【项目复盘】如何突出设计重点-系统化方法
②明确业务价值
本次活动的最终目标,是让更多新用户开通永久卡。在达成开通永久卡的过程指标分别为:
分享率 -> 注册率->首字/古诗学习率->永久卡

那对于当前页面,显然最重要的指标是分享率

所以跟分享率越直接相关,业务收益越高。以此为标准,各元素业务收益如下:

【项目复盘】如何突出设计重点-系统化方法

③明确用户意愿

对于分享人,优先关心的是“对我有什么好处”,其心理路径为:

对我有什么好处->怎么得(需要朋友注册、使用、购买)->别人愿不愿意-> 我要不要参加->(分享完以后)我现在能得到多少

以此为标准,用户意愿高低排序如下:

【项目复盘】如何突出设计重点-系统化方法

④ 最终得到二象限的图

【项目复盘】如何突出设计重点-系统化方法

到这里,再回过头看下这个页面,很多信息优先级其实是不对的,比如好友可得3天会员以及个人数据都放在了很重要的位置上,而比较重要的任务反而相对弱一点。

【项目复盘】如何突出设计重点-系统化方法

2、SI信息层级设计

① 结合P0的利益点,提升P0-1的意愿

【项目复盘】如何突出设计重点-系统化方法

② P1和P2的相比P0弱化一些

【项目复盘】如何突出设计重点-系统化方法

③一些重复的信息和不重要的P3直接删除。

3、最终方案
首次分享前突出分享任务
【项目复盘】如何突出设计重点-系统化方法
首次分享后突出永久卡任务
【项目复盘】如何突出设计重点-系统化方法

vs

【项目复盘】如何突出设计重点-系统化方法
03
写在最后
很多读者应该都有这样的困惑,实际工作中,要不要这么循规蹈矩的去划分优先级?我的建议是「前期一定要」。当我们把这种体系化的think flow刻进系统1的自动化程序里,形成体系化的“经验”的时候,以上的优化思路可能就是一瞬间的事。前期更体系化的练习可以有效避免形成"经验"盲区——做完才发现自己漏考虑了。

另外,拓展一个工作方法,算是结尾的一个彩蛋

二象限法用来分级真的很好用,强烈推荐给大家。比如就在昨天,我还在和头条的一个资深设计师朋友聊「如何聚焦工作重点」。

【项目复盘】如何突出设计重点-系统化方法
【项目复盘】如何突出设计重点-系统化方法

-END-

欢迎添加阿吉私人微信
更多干货分享

【项目复盘】如何突出设计重点-系统化方法
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
交互设计干货

【理论篇】「可用性测试」真的赞,但你用过几次?

2023-11-3 10:30:45

AIGC设计干货

AI + Design,设计师真的会被取代吗?

2023-11-4 22:08:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索