基于用户意图的视觉策略:让设计不再“玄学”

每年暑期,随着各高校学子纷纷毕业,租房需求也会达到高峰。今年盛夏,贝壳设计团队围绕“毕业季”打造了全新的租房品牌活动,为业务获得了更多流量和线上成交量。活动分为预热期、高潮期和返场期,本文以活动预热期和高潮期为例,回顾从项目发起到设计完成的思考。

基于用户意图的视觉策略:让设计不再“玄学”

好活动源自,清晰的价值传递

当接到“毕业季”活动原型图的时候,我将自己从设计师的身份中抽离出来,站在用户角度思考:如果这个房子是由我出租,怎么才能让更多的人注意到房源?我的竞争优势在哪里?更形象地说,我首先变身为“二房东”来看问题。

文案和活动内容框架就像是房子的钢筋水泥,要经得起推敲,稳定扎实。与商业相关的设计,不是要向用户展示高超的技法或独特的艺术品味,而是要传达关键的信息价值吸引用户,让用户产生动机,从而触发行动达到目的。

吸引:传达的信息有主次、强弱之分,可以将信息梳理为三类:用户一定要看到的关键信息、需要用户阅读理解的信息以及次要辅助信息。优化文案标题,突出活动重点 ——“钱”,用利益来吸引用户注意。设计层面上加强视觉冲击力,通过运用高饱和度颜色和强化标题的方法,从感官上吸引用户注意。

动机:让用户产生动机首先要满足目标用户的期待,比如增加房源优惠实际案例,通过原价与优惠价的直观对比,刺激用户关注活动,直观展示参加活动后每个月、每年,用户可以省下多少钱。通过每一期的时间轴,展示每次活动的优惠力度。

触发:通过时间和活动力度来营造紧迫感,让用户直接线上操作,即可享受优惠,从而简化了流程步骤。活动落地页层级划分更清晰:通过强化活动时间轴与优惠力度,弱化助力得优惠券,让用户更关注活动重点。当满足吸引、动机、触发三点后,整个页面的信息层级也完成了合理的梳理。

基于用户意图的视觉策略:让设计不再“玄学”

图1 吸引、动机、触发点梳理

基于用户意图的视觉策略:让设计不再“玄学”

图2 产品原型图优化前后对比

了解目标用户,让设计有理可依

视觉设计不能天马行空,要做到有理有据。在设计前,我们针对贝壳租房用户进行了一次视觉感知和接受度的调研。为探索和验证贝壳租房用户的设计风格偏好,落地设计需求,我们从以下两个方面进行了探索:

品牌形象感知

在贝壳租房形象方面,了解贝壳租房希望能给用户带来什么感觉,通过测试了解贝壳租房所代表的关键词:信任感。

感知关键词具象化

用户对在最能体现信任感的­词选项中,“有亲和力的”,“专业的”,“令人愉悦的”,“精致的”四个词选择人数最多,因此可基于这四个关键词调研用户的视觉偏好。

例如:以下哪张图是你认为最能表现“有亲和力的”?哪张最不能表达?

基于用户意图的视觉策略:让设计不再“玄学”

图3 视觉调研样本

图片围绕三个要素:冷暖色调、构图形式、表现方法层面做了区分。通过调研结果统计,可以判断出在不同年龄阶段,对每个视觉风格的感受和喜好,避免设计效果不能达到预期。对比显示90后用户更倾向于图2,表现方式为抽象的线性插图,颜色饱和度高,同时暖色可以给人亲和的感受。

基于用户意图的视觉策略:让设计不再“玄学”

图4 调研数据对比

反映在毕业季预热期的设计中结果如下:

  1. 目标用户:大部分为90后。
  2. 活动关键词:有亲和力的40%,“愉悦的”40%,“专业的”和“精致的”在活动中占比较少,约为20%。
  3. 根据关键词占比可以得出毕业季活动的整体设计风格:饱和度高的暖色、插画的表现方式、饱满或夸张的构图形式。

总结探索经验,在之后的租房视觉需求中也可以优先提取关键词,以及每个词的占比,确定最符合目标用户的设计方案。

专业力驱动下的,毕业季主视觉搭建

视觉设计其实做的是情感关怀,我们在设计开始之前,针对目标用户梳理了故事线,希望用户从故事的代入感中找到共鸣。

7月即将毕业的“小A”,带着着对校园的不舍和即将踏入的社会的向往,陪伴在身边的不再是他的同学,要靠自己的能力在职场上立足,而摆在面前的还有如何租到一个满意的房子。针对这个场景,我脑海里会浮现出一个画面,一个毕业生奔向新的世界,抛开学生时期的牵绊,仰视着大都市,寻找一个属于自己的安身之地。

基于用户意图的视觉策略:让设计不再“玄学”

图5 人物板分析

信息优先级及画面内容:主标题 – 副标题 – 房&毕业季主题元素 – 画面点缀

放射构图:发射构成是指画面中存在一个基本形围绕一个中心,向外发射或向内收缩所呈现的视觉形象。比如烟花、盛开的花朵,画面给人强有力的视觉冲击感。这里以最关键信息-“活动主标题”为放射圆心,向四周扩散,并用仰视的视角,增强画面的感染力。

基于用户意图的视觉策略:让设计不再“玄学”

图6 视觉构图分析

在设计过程中也尝试过直立的楼房,但从对比图可以看出,加强透视感带来了更广阔的视角和更宏大的场景感,同时90后的调研结果也显示,年轻人普遍更喜欢冲击感强和对比强烈的视觉画面。

基于用户意图的视觉策略:让设计不再“玄学”

图7 正常构图与透视构图差异

配色:我们希望把毕业季打造成一个影响力较大的IP,提到毕业季租房可以本能想到贝壳租房,所以需要让用户对贝壳租房产生对应的视觉记忆,所以以租房的黄色为基础,搭配橙色系,并使用少量对比色-蓝色打破画面的单调性。

细节刻画:字体设计层面配合字面意思狂欢,由中间点向两边扩散,副标题强调价格优势。楼房为背景可以体现贝壳租房的主题,以房为基础,加入毕业季元素(毕业生、纸飞机、学士帽、毕业证书等),增强毕业生的共鸣感,拉近距离,贴合“有亲和力的”,“愉悦的”两个关键词,建立贝壳租房的视觉信任感。最后再对整个画面进行调整和延伸,完成主视觉设计。

基于用户意图的视觉策略:让设计不再“玄学”

图8 预热期构图元素分析

合理的设计方案如同一个毛坯房加入装修,接下来是如何将你的房子更好地推销出去,并带来更多的流量。

第一印象法则,助推毕业季活动

在预热期活动上线后,根据数据和用户反馈完善高潮期的设计,为了增强对三个周期的理解,我们采用了一个故事线去进行展示:

预热期:作为一个“二房东”,我的房子质量过关,信息真实,还能为你省钱。如果你现在不交定金,这房子就可能抢不到。这一步就是预热期的目的,让用户对活动产生浓厚兴趣,持续关注,准备抢房。还可以让用户身边的亲朋好友,帮忙助力,达到拉新的效果。

高潮期:“交定金的房子,可以租下来啦!”这时候我的房子达到了折扣最高峰,在预热期关注到我房子的用户以及匆匆赶来的新用户,都可以享受到活动力度。这时候用户对我的房子充满热情,并建立起信任感。

返场期:“之前没租到房?不要紧!我这还有!”看着身边的人租到了这么好的房子,有些人开始产生浓厚的兴趣,不用怕来不及,再给他一周时间,再不抢就真没了!这时候租房用户对平台的活动流程会更满意,同时可以有良好的口碑。

基于用户意图的视觉策略:让设计不再“玄学”

图9 活动预期效果

在预热期认真思考的基础上,活动高潮期的设计过程会轻松很多。结合上面提到的主人公特征,毕业生小A在已经毕业后,身份发生了变化,正式脱离校园进入职场,周围的一切都更加鲜活。这个阶段的设计方法与预热期基本一致,采用线性插画的表达手法,放射构图,高饱和度。不同的是,主人公形象特征发生变化,颜色用感官刺激更强的红色作为底色,活动氛围更饱满,画面视觉冲击感更强,将活动推向高潮。

基于用户意图的视觉策略:让设计不再“玄学”

图10 高潮期构图元素分析

基于用户意图的视觉策略:让设计不再“玄学”

图11 两期活动视觉效果

更多的全局思考,让设计成为加分项

以上总结了关于一个视觉设计需求从提出到完成设计的方法,视觉设计师可以通过画面表达让用户找到情感共鸣。我们通常没有办法去判定哪个是好的设计,但可以知道什么是合适的设计。在每一个项目中,去找到自己的价值和定位,把自己想成一个项目合伙人或者发起者。假如一个项目或者活动的收益是10分,能不能通过自己的优化让收益达到12分,这2分就是自己额外收获的价值,也是对自己能力的肯定。好看的外观可以为项目加分,但更多的全局思考,才能带来实际收益,设计师不该成为一个被动的角色。

所以,在租房的每个运营活动中,我都去问自己“设计目标是什么”。把自己当成一个房东,把用户当成我的客户,每个视觉方案都是围绕目标和用户去设计,让用户可以读懂每一个设计,而不是只顾创意忽视设计目的。最后问一句:“你看,这是我要出租的很棒的一间房子,你喜欢吗?”

业界动态

低频产品+萌宠经济,IP营销还能这么玩?

2020-12-4 15:10:35

业界动态

幼教行业的互联网企业到底还有多少市场?

2020-12-4 15:19:43

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