如何在小设计中使用情绪板与设计沟通

已发布平台:

人人都是产品经理尘言运营、简书

问题

「问题背景」工科男,自小无美感;目前从事少儿类视频节目运营,流量主要来源于图片对用户的吸引;工作中经常需要构思用什么样的页面来吸引用户,还得找素材和参考这些给到设计师设计出需要的页面效果;设计师给出的页面我并不知道什么叫好,什么叫不好,只要模模糊糊的第六感。

「问题来了」怎么可以结合具体的业务情况,提高对海报、图片的鉴赏能力?(至少当我感觉某个页面不好的时候还能告诉设计师怎么改会比较好?)

「目前已做努力」

1.有搜合适的书,目前只找到「这个设计好在哪」一本还差不多的书;读完之后结合实际有一丢丢概念;

2.有尝试和设计师交流,创业型公司设计师以刚毕业为主,请教他们的时候有些自己都说不清;管设计的老大还要管产品和运营,自己也只能在每次老大点出一个什么问题的时候默默的记在便签上……


亮哥解答

这个问题其实很难回答。

1、设计这件事儿,好与不好,更多的是感性认识。

2、在实际工作中,好与不好是有客观评价标准的,标准就是设计面对的对象是否为设计买单。

3、海报、图片之类的很难考核转化。

4、实际上,应该看一些关于美学理论的书,但是美这件事儿,还是人文学科的范畴,建议有时间可以多出国去拜访各种美术馆,去找找美的感觉。

国内大多数人对「美」的感觉是缺失的,但是并不妨碍你去研究什么是「美」。

如果说把尺子的话,那可能和文案会异曲同工:

刻度1:海报和图片的观感是否清楚明白的表达了它想要传达的信息?(也就是说,人们看到它们,第一会想到什么,是否是它要传递的信息,譬如:上映时间、影片主题,等等)

刻度2:是否在清楚明白的表达完成的同时,还做到了刺激人群的欲望(也就是说,看到海报,我就想要去看节目)

刻度3:在表达中,是否让人感觉舒适(也就是说,看上去不要产生奇怪的违和感)


我的解答(前言)

阿健的问题亮哥已经基本解答。但是我手不听话敲多了几个字回复,于是就有了这篇文章。

这个问题但实际上问的还有另一个问题,就是是“如何让用户喜欢上你的设计”,这个问题的本质不在于自身的鉴赏能力有多高,而是banner的设计和用户的审美有多少匹配度。

所以我的建议是使用【情绪板】+【数据分析】一块来弄。

情绪板的解释

情绪板(Mood Board)是设计界非常传统的一个启发和探索灵感的方法,然后被用在了现在互联网的用户研究和界面设计上面,主要是为了了解用户在视觉交互上的需求和想法,挖掘用户不能言明之事(抽象的感觉)。简单点来说就是一张拼贴画,把符合情绪的图片、文本、实物样本等等组合而成的拼贴画。直接来几张情绪板直接感受下,可以大致看到,情绪板的内容包括颜色板、字体、文字排版、质感、具体的图片、图标等等

图片来源网络
图片来源网络

情绪板的制作

情绪板的制作也分为脑残式和高端式,个人觉得非设计专业的用脑残式的情绪板就够了(我就是这么用的),其余的交给设计大大。脑残式情绪板不需要制作者有多高的艺术修养、色感、鉴赏能力等等,灰常灰常简单。接下来默认全部为脑残式情绪板的制作方法,不再特意表明。

那么情绪板的制作方法按照以下的框架进行说明:

1.情绪板的前置准备工作

 1.1.产品定位分析

 1.2.用户分析

2.情绪板的正式制作流程

 2.1.提取关键词

 2.2.收集素材

 2.3.素材的拼接

3.情绪板的使用

 3.1.内部使用

 3.2.外部使用

4.情绪板的分析

 4.1.提取关键视觉元素

 4.2.制作终极版情绪板

5.交给设计师和数据

 5.1.交给设计师

 5.2.交给数据


1.情绪板的前置准备工作

在制作情绪板之前,我们首先要知道为啥要做这件事情,作为运营人员,我们可以从分析产品的定位以及对用户进行访谈来获取相关的信息。

1.1.产品定位分析

从问题中可以知道,运营的产品是【某少儿类视频节目】,假设是《巧虎》,想要的图片的具体使用是作为导流的入口——banner。产品的定位显而易见,是少儿类视频节目。那么我们可以从产品背后的数据来知道产品的用户是谁,这里我脑补一下,产品的用户有可能是8岁以下的儿童或者是儿童的家长,木有具体的也没关系,有用户定位就好。

1.2.用户分析

用户分析的目的是获取用户对产品的第一感受,重点了解用户的情感和期望,可以通过以往的用户研究结果或者用户访谈来获取。

访谈重点在问出用户的潜在感受或者情绪、认知,比如目标用户是儿童,那么就问他:

小朋友,你觉得这个巧虎好看吗?为什么喜欢巧虎呀?喜欢里面的哪些环节、为什么喜欢这样的环节呀?在这个节目里还想看到些什么,为什么呢?如果让你给你的小伙伴推荐这个节目,你会怎么推荐?你还有看其他类似的节目吗?这些节目是你自己选来看的还是麻麻粑粑选的?你觉得麻麻粑粑选的节目你喜不喜欢?为什么(不)喜欢?……巴拉巴拉……真乖,姐姐给你个小糖糖吃~Over


2.情绪板的正式制作流程

准备工作做完了,我们获得了产品的定位和从用户那儿得来的一堆信息,该着手开始制作初级情绪板。

2.1.提取关键词

前面我们得到了一堆用户的信息,现在我们要从这堆信息中找出体验关键词,然后从体验关键词思考出衍生关键词。

体验关键词大多是抽象的、描述情绪的和感受的,词数量在3-4个为宜,最多不超5个。假设通过了这堆信息,我们提取出来了的体验关键词是:缤纷、亲切、爱、快乐、好奇。

衍生关键词是在各个体验关键词的基础上进行拓展延伸的,是对体验关键词的具象化处理,各衍生3-5个左右为宜。这个时候,叫上其他产品汪、运营喵、设计狮等等一起来头脑风暴。衍生关键词可以是具体的物体、场景、动作、颜色、质感、材料等。比如,在上面我们提出来的“爱”可以产生这些衍生关键词:父母、母子、亲吻、爱心、拥抱、红色、家等等。

Tips:如果想不出来衍生关键词,有一神器可以帮到你——www.baidu.com

2.2.收集素材

接着我们就拿着体验关键词和衍生关键词去找图了。体验关键词为选择的基础,用衍生关键词去搜,建议能翻墙的就用Google,或者使用专业图片网站(这两个搜索起来更加匹配关键词、图片质量更高),再不济我们还有神器百度图片!因为我懒所以不翻墙了,用“爱”的衍生关键词去Pixabay搜了下,结果如下:

衍生关键词“拥抱”
衍生关键词“亲吻”

然后从中挑选出你觉得合适的图片,下载下来。可以的话给每一张图片都进行释义,有助于后面的使用。一张图片上可能包含多种情绪和含义,请不用纠结,这是正常的,看你喜欢把它放哪个情绪里面,因为后面的使用中会解决的。

然后进行模糊化的处理(也可以不做这一步),处理成像下面这样的,原图和模糊化的图片都要保存下来!!

Tips:不会PS不要紧,强大的Office家族可以帮到你,图片的艺术化处理中有“虚化”功能,Word、PPT均有。

模糊化处理

2.3.素材的拼接

接下来,我们把原图按体验关键词分类拼接起来,记住,是体验关键词,是体验关键词,是体验关键词!!不是衍生关键词!!有能力PS的PS,没有PS找Office粑粑。拼接起来之后就得到了我们的情绪板了,脑残式的。建议把模糊化后的图片也加上去。比如下面体验关键词为“爱”和“缤纷”的情绪板:

“爱”的情绪板
“缤纷”的情绪板

3.情绪板的使用

做好所有的情绪板之后,我们就可以拿着这些情绪板去做调查和访谈了,可以找内部的人员来访谈,也可以找用户来访谈。

3.1.内部使用

在内部的访谈中,最好是由有经验的视觉设计狮来完成,没有就只能自己上了。注意以下几点:

#1  情绪板请准备3个以上,以供评审。

#2  问出选择或不选择这个情绪板的原因,以及选择或不选择情绪板内图片的原因

#3  多次迭代情绪板。

3.2.外部使用

如果招募外部用户来访谈,让用户选择喜欢的图片,注意以下几点:

#1  不断问访谈者,探究选择图片背后的原因

#2  对于同一张图片,不同的用户可能有不同的解释和感受,要注意挖掘差异所在


4.情绪板的分析

4.1.提取关键视觉元素

挑选出选择最多的图片提取出图片中的关键的视觉元素,不限于物体、字体、背景、花纹、颜色等。并且尝试对这些元素进行描述。比如从刚刚的情绪板的使用中,我们提取出了如下的元素,分别是粗体活泼的字体、笑容、卡通化的形象、明亮的红色、明亮的对比强烈的颜色。

提取的元素

4.2.制作终极版情绪板

根据这些元素,我们把它组合成一张终极版的情绪板,尽量包含以下东西:颜色板、字体、质感、某些具体的元素。颜色可以从模糊化后的图片中提取。质感可能是直接来源于原图,也有可能来源于模糊化的图片。像这样的:

最终的情绪板

5.交给设计师和数据

5.1.交给设计师

然后把情绪板交给设计师,和他解说一下,不要忘记了说基本要求(如果有尺寸、格式要求什么的),然后放手吧,让设计狮尽情狂奔一下。多让设计狮准备几个方案出来。有可能最后设计出来的结果是这样的,或者其他样子的:


图片是百度来的
图片是百度来的

5.2.交给数据

设计稿出来后,我们把这几个设计稿给用户看,看用户喜不喜欢,并且探究原因。然后把满意的设计稿完善出最终定稿,放在banner上,看不同banner实际的点击量,优胜劣汰。


总结

情绪板在最前面工作量大,在后面就是逐步迭代运营的了。因为问题中的产品是视频节目,按我的理解应该是由第三方提供的,所以上面情绪板的步骤可以再简化一下,只需要获得节目的定位和用户的定位、想出关键词、找图片就好了,结合节目本身来进行设计。也可以参考电商中是如何设计的。总的来说,最重要的就是要多实验!!下面总结一下本文的知识点。

1.情绪板的前置准备工作

确定品牌或产品的定位、用户的定位,收集用户研究的结果,为提取关键词做准备。

2.情绪板的正式制作流程

从准备工作中获得的信息进行整理提炼,提取出体验关键词,从体验关键词具象化出衍生关键词,然后按照衍生关键词找图片,把图片按体验关键词拼接起来做成体验用的情绪板。

3.情绪板的使用

通过内部的评审或外部用户的访谈,对情绪板进行迭代,挑出选择最多图片进行分析。

4.情绪板的分析

提取出所选图片中的关键视觉元素,制作最终的情绪板。

5.交给设计师和数据

交给设计师设计,结合用户访谈和实际投放后的数据,迭代优化。


最后看下别人家的高端式情绪板。

体验关键词为“美和专业”的情绪板
由体验情绪板提取出来的设计要素,即文中所讲的“最终情绪板”

情绪板的实际应用


个人公众号:尘言运营(ID:Operator-Chen)

未经同意不得转载。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容