如何利用方程思维,从设计目标推导设计方案? 收藏

UI交互2022-06-23

今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。

拓展阅读

大厂出品!手把手教你制定设计目标和设计策略 缘起 为了避免设计师们接到需求就画方案,在 VMIC UED,我们会通过设计模板的方式(见图 1)。

阅读文章 >

最近看了几天的东方甄选,让我了解到了什么是直播带货行业的“卷王”。董老师可谓以一己之力拉高了整个带货直播行业的门槛,现在一听到“家人们,321”的口号就习惯性的关闭直播间了。反而当董老师说,同学们,大米还没介绍已经没有了,让我有点破防。

所以!今天就想给大家做做数学题,让大家再次感受一下被数学支配的“恐惧”(回忆)。其实是想教大家一些设计方面的解题思路,请大家正襟危坐我们要开始了。

利用解方程思路做设计 大家都听说过一元二次方程对吧。看到这样的方程,大家的第一反应是怎样的?你觉得这个 x 的未知数该如何求解?想必这时候熟练的同学已经在纸上开始写下了“解”,然后呢然后呢?

在上学的时候老师总是跟大家说,先不要下手做题,先审题,看看题目到底讲什么。那么这道题很明显,通过对方程式的基本了解,我们可以直接对等号两侧进行开方处理,得到 x=1 或 x=-3 这种叫做开方法。

那么如果题目变成这样之后,还能用开方法吗?看起来好像不能直接开方,那要怎么办呢?

我们就会用配方法,将一个式子的某一部分恒等变形化为完全平方式。因为我们知道一元二次方程的标准式子是:

好,这样的解题方法就需要大家掌握两个前提:

熟悉题目本身的背景、条件、状态、限制 掌握不同可以解题的方法。 那么做设计也是一样,通过这两个前提,我们就可以一步一步推导出一个需求的“解题”方案。

接下来我们举个例子。假设我们需要设计一个“限时免费读书,新人专享免费读 5 本书”的需求,那么在解这道题前,我们先来审题。我们需要先把这几个问题弄清楚:

① 为什么要做限时免费读书?

答:提高新用户的首读体验和阅读意愿,降低用户阅读的门槛。

② 该需求想要完成什么设计目标

答:想让新用户能在规定的时间里快速选择出想要读的免费书籍,达到一个好的首读体验,最后能够使用户加入 vip 的目标。

③ 限时的时间规则是怎样的

答:30 天有效期,30 天后该模块消失,已选择的书籍会出现在书架上,未选择的书籍则不再进行免费阅读。

接下来,我们针对已知的题目条件,我们需要利用一些解题方法,来将最后的方案设计出来。具体的任务流程和原型布局是怎样的,那么我就要看上面的需求背景和目标。

1. 提高首读体验

我们可以采用一定算法推荐,将历史中首读留存率高的一批书单进行推荐。

2. 提升阅读意愿

在 1 的基础上,再加入书籍类型的筛选权重,排除一些专业类的书籍,将用户最感兴趣的几类书籍加入首读书籍的库中。同时将展示给用户的书籍中加入“推荐值”的字段。

3. 快速选择书籍

方案具体要呈现的逻辑、样式,其实还是取决于 设计目标 (拆分于业务目标)。例如这个模块应该出现在什么位置、出现的规则和逻辑是怎样的,书籍的选择交互是什么形式,这些都要思考。

那么如果需要让用户选择书,该怎么选。那通常我们会做一个书的列表或者平铺,就像这样。

但是这种布局有一些问题就是需要进入一个二级页面,同时降低用户选择的效率,选择项越多,选择成本就越高。如果用户长时间找不到感兴趣的书,他们就容易放弃。基于我们对该模块的初衷,希望用户能更快的选择并阅读完推荐的书籍,那么这样的形式就不太合适了。

那么如果既要让用户在 1 级页面中能够选择,又不让用户一下子从那么多本书里选 5 本,该怎么办呢?我们还可以做一个横向的滚动或者切换,这个方案是否可行?

好像也会存在问题,因为横向的轮播交互一般适用于两种情况:1.本身内容很多需要先透出几个来吸引用户 2.只有固定的少量的资源位,例如 banner。这里明显用第一种方式也不合适。

那么最后只剩一种方式,通过“换一换”的形式,让用户自己切换我们推荐的书籍,例如我们会先推荐三本书,用户不喜欢,就可以换另外三本书。这种方式不需要做到二级,在一级界面用户就可以完成,也减少了任务的复杂性。同时,如果用户对该次推荐的书籍类型不感兴趣,则后面换的书籍就会减少该类型书籍的推荐,以便更快的找到用户感兴趣的类型。

4. 免费福利背后的目的

发放福利只是一种手段,最后的目的不是单纯的给用户福利,而是让用户能够加入 vip。所以需求的业务目标是提升 vip 的转化,才会有相应的设计目标,为了提升 vip 的转化,我们才做了一个新人免费阅读 5 本书的福利。这样一个业务的目标才能闭环起来。当用户领取完 5 本书后我们可以给一个加入 vip 的弹窗,告诉其权益让用户自己选择,那么这条需求的路就走完了。我们最后来看一下这个需求的完整方案。

通过业务目标拆解设计目标 案例 1 需求背景描述:小王晚上八点下班回家洗澡,发现洗发水快用完了,于是他打开 app 购买了一瓶。后来他发现自己还有几张快过期的优惠券没用,于是他重新退款后再使用优惠券购买。

业务目标:提高用户对优惠券的使用率

设计目标:如何提高使用率呢?这里可以拆分位两个场景:1.用户当前有新优惠券(不包含快过期的)的使用提醒 2.针对用户快过期的优惠券的使用提醒。

a. 如果用户有新的优惠券,需要提高用户的用券率的解决方法:

用户在确认订单场景中直接给用户把当前订单可用的券默认选中。 当用户在浏览相应品类的模块,查找用户当前有的优惠券进行提示。例如用户之前刚获得服饰类优惠券,那么在用户进入服饰类的界面时进行气泡提示。 用户获得优惠券后提示用户在什么地方使用,以及使用条件和有效期。 b. 如果用户有几张优惠券即将过期,我们的解决方法:

那么我们可以通过对有效时间的读取,例如在过期前 48 小时,只要用户冷启动 app 的时候,则会在底部的个人中心标签上采用气泡的形式提醒用户:您有 x 张优惠券即将过期。同时,将快过期的优惠券列表上加入有效期倒计时,让用户有更直观和紧迫的感知。

案例 2 需求背景:产品通过对积分模块的数据分析,发现用户在积分任务的完成和获取的活跃度很低,于是通过访谈了解到,用户对积分获取和兑换没有什么兴趣,不知道能兑换什么也不知道需要获取多少积分才可以兑换相应的奖品。

业务目标:提升用户对积分获取的兴趣以及对积分兑换的了解,促使用户去完成积分任务。

设计目标:如何达成业务目标?1.让用户感知到积分的作用 2.能够营造一种积分兑换的热闹氛围

设计方案:我们可以在积分界面加入最近一段时间内其他用户兑换记录的滚动气泡,文案可以是 xx 用户 x 分钟前兑换 xx 或者 xx 用户获取 xx 积分,让当前用户感受到积分获取的门槛以及任务的难度并不高,大家都可以完成兑换商品为什么我不可以。

最后 在真实项目中业务目标和背景可能会更加复杂,设计师们需要从中拆分出容易量化的设计目标。设计师总说设计如何为业务赋能,那么如果你有具体的设计目标,那么就可以提现在业务目标的价值上,就可以为业务赋能。这点也特别针对交互设计师,要理清业务的方方面面,只有掌握更全面的业务背景和用户场景,方案也才会更扎实。然后也给 UI 设计师的小伙伴们提个醒,没事多和业务方、用户去唠唠嗑,成为一名全面发展的优秀 设计师 刻不容缓。

欢迎关注作者的微信公众号:「应谋鬼计」


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通