首页 > 网页教程 > 设计分享 > 运营视觉设计经验分享:什么促使你点击?

运营视觉设计经验分享:什么促使你点击?

时间:2018-07-06    来源:人人都是产品经理

怎样的画面能让用户眼前一亮从而愿意点击?奇葩说、杜蕾斯、头号玩家……这些爆款运营视觉设计是如何产生的?有没有一些底层规律和工具方法?对于许多产品运营和设计师来说,这些都是困扰了大家很久的问题。

鹅厂设计师廖小颉结合自己QQ钱包的设计经验,与大家分享了她的观点:情绪的体验感可以附加到人的生理驱动上,设计师可以借由一些细节或场景的搭建,来激起用户的体验记忆,使其产生情感联想的效果。同时,她还详细介绍了如何撩拨用户情绪,并实际应用于运营设计中。

奇葩说、杜蕾斯、头号玩家...这些爆款运营视觉设计,都做对了什么?

《奇葩说》《杜蕾斯》《头号玩家》 设计海报

什么促使你点击?

信息爆炸的当下,仔细回想那些促使你点击的信息,是不是主要有四类:有情、有趣、有利、有用,今天我们主要说“有情”。除了我们正常理解的情感及常常挂在嘴边的情怀以外,当下社交网络生态下,更为重要的其实是情绪,但凡能撩拨你情绪的,必将赢得点击。

比如说,UC头条集合了 2016 年社交网络让人印象深刻的一些话,采用原音配音,再结合吻合文案的生活化场景,这一形式激发了用户的多种情绪,使其产生共情,声音+动效+文案+生活化场景的搭建,撩动用户情绪的同时增强了用户的记忆。

那么,在意识到“有情”的重要性后该如何实际应用在运营设计里呢?

主要是通过了解用户提取关键词,在得到关键词后结合该次的运营主题,进行视觉推导。在推导过程中要同步设定好想要传达给用户的情绪是什么,或者是针对哪些用户群体更能产生共鸣,并且思考我们需要传播哪些情绪内容。

奇葩说、杜蕾斯、头号玩家...这些爆款运营视觉设计,都做对了什么?

下面将结合我近期的一个主题红包项目来详细解说:

主题红包风格再设计

主题红包是QQ红包玩法的分支,是一个只在重要节日出现一日的特殊封皮红包,从 2016 年 2 月我接手主题红包到现在,已经有两个版本。

奇葩说、杜蕾斯、头号玩家...这些爆款运营视觉设计,都做对了什么?

对于去年的改版,我觉得设计上局限性比较大,于是思考起了在现有结构上的风格再设计。

了解用户

在开始设计前,应当通过下面三个维度先去了解用户,才能有效地将信息传达给他们。

奇葩说、杜蕾斯、头号玩家...这些爆款运营视觉设计,都做对了什么?

针对主题红包这个例子,我需要思考的是,QQ的整体用户群主要集中在 00 后,一个在校群体。 00 后是互联网的原住民,热衷于表现自我,使用手机较早,在童年时期广泛接受来自欧美、日本的动画和电子游戏影响。二次元为该群体的主流文化,以兴趣爱好来划分圈子进行交友。爱追星,愿意为IP产业买单。我在改版前针对年轻用户群体发起了两次CE访谈,访谈的部分结果如下图所示:

奇葩说、杜蕾斯、头号玩家...这些爆款运营视觉设计,都做对了什么?

结合双方面的汇总,不难看出年轻用户群体在个性化(新鲜小众)风格方面有强需求,动态的东西比较能引起他们的关注,色彩形式方面接受范围广。且有明显的情感需求,关注自我感受。

得出关键词

针对主题红包的例子,我在对QQ主题红包用户群体进行研究后,得出了以下关键词:

奇葩说、杜蕾斯、头号玩家...这些爆款运营视觉设计,都做对了什么?

相关推荐
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
视觉设计之材质绘制的色彩理论
网站设计之10个儿童网站分析及设计特点总结
网页配色经验分享:叠柔配色技巧及图解分析
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
分享:网页核心内容对视觉表现的影响
响应式网页设计正成为移动互联网大势所趋
20个超棒的photoshop网页设计教程分享
浅谈界面设计中的结构设计
网站营销活动页面制作过程图文分享
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
仿生设计—让互联网产品更易用
深入分析网页栅格系统的规范制作
分享:360安全桌面主题设计过程及思路总结
网页设计教程分享—能影响观众的网站首页设计10个要点
网页Banner设计的风格、排版以及配色经验分享
国外精彩网页界面设计案例赏析
中文网页设计排版之破格的好例子
30个国外立体动感的视差滚动效果网站欣赏
网页设计教程:关于网页设计的那些事儿
网页设计中使用不对称设计创建不平衡中的平衡
最新Web设计8个趋势:视差滚动 响应式设计等

精彩推荐

热门教程