突破你的设计认知 | 「双11XXX」是一句废话

自从2009年的11.11开始的天猫购物狂欢节，掀起了一年一度愈演愈烈的双十一全民购物节，至今已经是第十个年头了。

 

对于互联网行业的设计师们来说，每年的双十一前夕可谓是不折不扣的加班日，要使出浑身解数拿出一年来最blingbling的稿子——今年同样不例外，最近经常看到很多设计师在「晒」双十一的设计稿，我自己也在购物时会关注商家的双十一活动海报，于是我发现了一个很神奇的、出现率极高的设计误区——11.11的活动主Slogan占据了整个画面的核心C位，承担了绝对的视觉焦点的重任，反而活动的利益点被挤到犄角旮旯，字体娇小秀气，生怕让人看到了似的。

 

比如：

天猫占了「购物狂欢节」，京东就来个「全球好物节」，其他各家运营也在绞尽脑汁不甘人后，据我所见印象比较深刻的包括「XX嘉年华」「XX狂欢」「XX击穿底价」等等等等，很多设计师们近期都拿到了类似这样的需求文案，这是女神派今年的双十一活动需求之一。

很多同学现在就开始着手设计了。

但在设计之前，我们首先要把一件最重要的事想清楚——用户希望完成什么任务？

很多设计师甚至运营/产品，往往在没有考虑这一点的情况下就开始设计方案，所以最后输出的需求大多都是以「我」为中心向用户灌输信息，而非站在用户角度思考受众的目标是什么。

 

显然，在双十一这个节日里，用户的期望是完成一年中最值最划算的消费任务，因此你的设计一定让用户第一时间感受到这一点。

 

设计的第一步，是要对信息进行元素的拆解和优先级的定位↓

在这里，我把「11.11惊喜大放送」这个双十一主活动Slogan定义为「废话」。

为什么它是一句废话？因为它什么也没有说。

再重复一次，用户的期望是完成一年中最值最划算的消费任务，因此不要让与此无关的信息抢走了用户的注意力。

 

特别是在各家都在疯狂的PO双十一的时候，双十一的概念就显得愈发的……雷声大雨点小。

在双十一从光棍节变成购物节的第十年，消费者已经非常熟悉关于双十一的各种「套路」，不管商家喊得有多凶，大家还是想看到实实在在的「诚意」——活动利益点，打几折，送什么，卖什么价格？可惜这些信息往往被压在双11巨大的Slogan旁边，显得弱小而无助——请想一想，在地铁站、天梯里、街道上、屏幕中，那些一闪而过的促销信息，作为一个用户，面对浩如烟海的嘈杂的信息流，你能有多少关注度留给那些要用放大镜才能找到的利益点呢？

 

所以，我把「11.11惊喜大放送」定义为「废话」。用户只要能够识别出「11.11」就好了，这就说明这是商家一年中拿出的最大的诚意，错过这次，后悔一年，用户只要能get到这个信息点就足够。

 

类似于什么「幸运大转盘」、「开心老虎机」之类的文案也是废话，因为主活动画面中一定会出现大转盘老虎机之类的东东，再在文案里提示一遍，显得非常多余。

 

「100%中奖」自然是重要的，但是是依附于「万元美容卡、全新奢品包包等你拿」的关键利益点之上的，否则如果礼品都是些3块5块的优惠券，100%中奖也没有什么意义，所以一定要能体现出这种依附关系。

 

基于以上的梳理，我们完成了设计的第二步的工作——确定内容的表现方式↓

这里需要重点说明，为什么我们要想方设法减少文字的展示？

因为文字是信息，用户需要接收的信息越多，则越不容易抓住信息的重点，所以对于不重要的信息，我们可以隐藏，也可图形化（做成看不大清楚是文字的样子），以此帮助用户更快关注到重点。

 

而对于重要的信息，我们在展示的时候一定要注意文字清晰、便于阅读，甚至需要为此牺牲一下视觉的美观性——避免使用好看但是不便于阅读的字体。

同时，当不同类型的信息重点同时出现时，我们需要用设计的方式，将其进行视觉上的区分，即，看起来好像不一样，但都很重要的样子。

 

接下来我们来对信息进行布局设计吧↓

「11.11惊喜大放送」，突出「11.11」证明是全年最给力活动即可，「惊喜大放送」用图形化的方式处理成「装饰品」。

 

但是我们的关键利益点——礼品，和利益保障「100%」中奖，仍然显得太多——一旦一段文字超过5个字，用户「扫描」起来就会容易产生理解上的障碍，所以需要进一步拆解。

 

关键利益点分为两部分，「礼品」（万元美容卡、全新奢品包包）和「召唤」（等你拿）。

同时，我们把业务关键词「全新」二字提炼出来。为什么要这么做？

在别的电商平台里，用户可能默认礼品是全新的，但是在女神派，因为我们有二手包袋供用户租赁，价值和全新包袋是有比较大的落差的，所以为了避免用户产生误解，基于对业务的了解，我们把「全新」二字拆解出来，进行特别强调。

 

对于这些不同的关键信息，展现时一定要各自具有不同的特色，才能比较容易吸引到用户的关注度——设计师在视觉上的十八般武艺不是用来炫技的，而是能够在传递信息的时候，满足不同的、多样的视觉需求。

 

在经过上图的布局设计，最后我们对设计的细节部分进行填色和优化↓