一个小需求告诉我一个大道理：方向不对，努力白费！

最近在做一个直播间的抢答功能，过程前后简直完美诠释了“方向不对，努力白费！”

需求背景

先看看这是什么样的一个需求，拿到需求时首先问三大哲学问题：What？Why？How？

WHAT：这是一个直播间抢答功能。在直播上课时，讲师会穿插测试题，学员抢答，其目的是加强学员学习积极性，由被动输入变成主动思考学习。

WHY：为什么需要优化？抢答按钮的设计不符合目标用户，目标用户大部分为中老年用户，目前的这个按钮不够大不够明显不够明确…

HOW：需求方的诉求是要明显一点要大一点，希望可以换个形式换个样式，一看就是能点。产品经理画的原型是给了一个大弹窗。

初稿设计

产品经理建议的卡片弹窗形式，业务方很认可，所以初稿我也采用卡片的形式，但是因为是讲师露脸直播，产品经理设计的大弹窗直接盖在讲师脸上，肯定不合适，所以我采用了和直播间购物卡片类似的卡片样式。

我的出发点是尽量统一直播间的卡片样式，避免直播间出现过多的卡片形式。没想到这一点反而成了业务方吐槽的点，他们认为抢答卡片和购物卡片实在是太像了，当它弹出时，用户很有可能会以为是购物卡片……

确实！很有道理，完全不同的功能，却采用的是差不多的样式，对用户而言需要辨识的反应时间，无疑增加了用户的认知负荷。

反思

很显然，没有得到业务方的认可是因为方向不对。方向不对时，所有的努力都将白费，不管这个卡片设计得多么精美都没有用，所以我决定调整方向，而不是优化卡片。

首先，回过头仔细想想，

业务诉求：要明显一点要大一点，一看就是能点。为什么要大？要明显？要能点？其实是为了提升抢答点击率！

产品目标：怎样能最有效帮助提升抢答点击率？所以产品给出的解决方案简单直接--一个大大的弹窗，明确而强制的行动指令……

用户目标：用户是中老年用户，年轻人的审美和这个群体的审美天壤之别，他们是互联网新民，一切要符合他们的认知，也就是说设计他们熟悉易识别的样式、语言，大小、颜色符合他们眼睛退化的现实情况。

然后，基于以上，再来看看设计方向，

设计目标：设计上通过什么可以帮助产品目标达成呢？让用户精准快速识别和点击，也就是说减少因误会点击/不点的可能，比如设计成类似购物卡片的卡片样式，很多用户会误以为是购物卡片而点或者不点。

最后，重新审视原稿的问题，我从“形色字构质动”分析：

形--按钮不够具象化，缺乏辨识度

色--按钮的颜色不够刺激感官，让人缺乏点击欲望

字--因为按钮颜色导致按钮上的文字看不清

构--按钮和倒计时的关系不够和谐统一

质--按钮的质感也不够逼真

动--静态图片显然没有动图更清晰明了

重新设计

第一次对需求，业务方说希望换个形式换个样式，这种话设计师大可不必太当真，我这次就被带偏了。重点是深究为什么想换，才能知道他们期望的换法是大改还是小改。总之，形式是次要的，目标才是最关键的！

紧接着，可以先找找参考，普遍认识的按钮应该长怎么样？网上搜看看…

按钮的形状肯定是圆形的，想让人点击，那还是红色最合适（参考电商营销），立体的按钮会更逼真更有质感……最后看看效果！

放到页面场景里，和倒计时、关闭按钮组合在一起看看。嗯，倒计时微调一下，让其和按钮成为一个整体，更和谐一些，完成啦！

再给按钮加个非常简单的动效，刺激用户点击。

最后，一起看看前后比较吧~

总结

这次的需求明明白白的说明了设计是“服务用户”的，关键词“服务”、“用户”，首先要知道“用户”是谁？然后摸清哪种设计对该“用户”最适合，这样才能真正做到为TA"服务"。

希望对你也有帮助，喜欢的话记得关注我，下期见啦~

作者：酥酥，微信公众号：酥酥设计 原文