“这不是我要的感觉,你再改改。”
美,是一种感觉,但是在做商业视觉设计,特别做界面的时候,商业价值和美需要找到一种平衡。由于视觉特别主观,你也许常常看到如下情况:
设计师小明要做一个有专业感的app。做好了。
产品经理过方案:
产品:“小明啊,这里的颜色为什么是蓝白啊?”
小明:“凭我设计师的直觉,蓝白好看!显得专业!”
产品:“红配绿色更好看啊,红绿灯你看专业吧!”
“傻X没审美啊”小明一边内心吐槽,一边改。度过一个加班夜。
老板过方案:
老板:“小明啊,这里的颜色为什么红配绿啊?”
小明:“我觉得蓝白显得专业,产品非要改红配绿。”
老板:“明明是紫配金更专业啊!金色还尊贵呢。”
“傻X没审美啊”小明一边内心吐槽,一边改,度过一个加班夜。
老板继续过方案:
老板:“这不是我要感觉,你再改改。”
小明:“这不是按你说的改的吗。”
老板:“你怎么没有自己思维呢?你是设计师你定啊。”
“你特么逗我啊”小明内心崩溃,又是一个加班夜。
很多时候,没有人听你的,不信任你的专业度,指挥得你团团转,越改越糟糕,当然,这还是你的锅。这真是一个悲伤的故事。那些重视设计的需求方都是别人家的吗?
无论老板,产品,或其他需求方,几乎都没有受过设计专业训练,一些设计师看来不需要解释的理念,非专业人士并不理解。每个人的审美也不同,因此光用“感觉”这类个人主观的解释是说不通的。特别自信的人还要和设计师一争高低,谁说的美才是真的美。但是这并不是他们错了,一千个人一千个哈姆雷特。
拿颜色来说,有一定经验后,设计师会用色彩代表的含义来解释,比如:
红色:正义、热情、性感、权威;血腥、暴力、压抑
粉红:温柔、甜美浪漫、女性、母婴、无压力;轻浮
橙色:积极、活泼、健康
黄色:明亮、信心、希望;警示
绿色:安全、和平、新鲜、希望、舒适有活力
深蓝:专业、权威、科技;保守
咖色:典雅、沉静、平和、亲切;沉闷、老气
紫色:浪漫、优雅高贵、神秘;高傲、轻佻、妒忌
黑色:权威、高端、低调;也意味着死亡和深沉
灰色:沉稳、考究、高级;暗淡、没有生机
白色:纯洁、圣神、善良、信任与开放;苍白、悲伤
是不是看着有道理了?但是依然很容易被:“这不是我想要的”“我并不这么觉得”驳回。
需求方在提一个需求的时候,并不总是清晰的认识到自己需要什么。或者知道,不能阐述明白。比如需求方要做一个简洁风格的页面,那么是瑞士风格的简洁,还是日式简洁?如果需求没有达成共识,那么设计做的好,也是错的。设计师为此一遍遍试错,是一件很消耗既痛苦又低效的事情。
因此我们需要一些方法来确定需求,并且将主观的感受量化,客观化。使之有说服力,经得起考验。情绪版(Mood Board)就是这样一种可视化的沟通方法。能解决图像风格,色彩,文字排版,图案以及整体外观以及感觉,几乎包括所有视觉主观的因素。核心原理是依靠图像,沟通产品与用户、用户的潜意识与意识、用户的感性与理性。
掌握情绪版的使用,就能避免语言产生的误解,让主观的视觉阐述掷地有声。就能在设计之前,看到设计成果带来的感觉,彻底告别需求方“设计好了我才知道要不要”“这不是我想要的”“我不知道哪不好就是不喜欢”,就能探索用户心中的风格。
看上去这么厉害,还很容易实施。简单来说,情绪板一个由能够唤醒用户同一种情绪体验的图片,颜色,文字排版等视觉元素集合。下面我们来看看具体实施方法:
1.明确原生体验关键词
2.用原生关键词得出衍生关键词。
3.寻找图片,进行归类。
4.邀请用户制作情绪版。
5.提取内容,指导设计。
1.明确原生体验关键词
体验关键词是用户在看到产品后的第一情绪反应。它影响着用户对产品的接受度。
体验关键词可以从内部也可以从外部获得,根据项目的需要自由安排。
涉众访谈(内部人员):
主要根据品牌和市场策略设计问题。例如:如果将我们的APP拟人化,是一个什么样的人?你希望用户第一次见到APP时候有什么反应?你觉得我们APP和竞品有什么区别?等等。
用户访谈(外部用户):
主要根据用户情感和用户期望进行设计问题。例如:你觉得我们APP和XXAPP的区别在哪?我们APP给你感觉最特别的地方是什么?怎样的感觉呢?如果将我们的APP拟人化,是一个什么样的人?你会如何跟朋友形容我们的APP呢?等等。
访谈结束后会获得很多抽象的形容词,比如温暖,精致,可靠,麻烦等,主要是表带感受,这些词是原生体验关键词样本。内部讨论精简出3-5个,最鲜明的感受并不会太多,所以并不是越多越好。
有时候会同时出现相反的形容,比如严谨,有趣。华丽,简洁。等等,可以叫上利益相关者,使用滑块来投票决定侧重点,得出明确的原生体验关键词。用雷达出绘制出来,使大家一目了然。
2.用原生关键词得出衍生关键词
原生关键词是抽象的感觉,而视觉是具象的,因此要用抽象的原生关键词得出具象的衍生关键词。
如果在做敏捷开发,没有时间请用户来完成,可以通过内部探讨得出,每个衍生关键词控制在3-5个。
如何具象化呢?进行物化,视觉映射。
比如原生关键词是:温暖
物化映射:
温暖这个词,会让你想到哪些人?产品?事物?
视觉映射:
温暖如果是一种颜色,是什么色?如果是一种形状,什么形状?如果是一种材质,什么材质?
如此得到了,母婴,壁炉,卧室,橙色,圆形,羽绒,等具体名词。
3.寻找图片,进行归类。
按照具象的衍生关键词,寻找高质量的图片,记住我们是设计师。之后,按照原生关键词进行归类。比如之前得到的母婴,壁炉,卧室,橙色,圆形,羽绒,放在“温暖”文件夹中。
一些常用的图库:
海洛
视觉中国
花瓣
500px
https://www.google.com.hk/imghp?hl=zh-CN&tab=wi
4.邀请用户制作情绪版。
邀请3-5名用户,在用户进行挑选图片之前,先使用物化映射,视觉映射,心境映射唤醒用户情绪。以便更准确筛选图片。
例如:
物化映射:
温暖这个词,会让你想到哪些人?产品?事物?
视觉映射:
温暖如果是一种颜色,是什么色?如果是一种形状,什么形状?如果是一种材质,什么材质?
心境映射:
温暖这个词让你有什么样的感觉?
唤醒情绪之后,请用户在每个文件夹中选出一张代表产品感觉的图片。不断询问用户“这张图片给你什么感觉?“为什么你会选择这张图片而不是其他?”如果一张图片被多位用户选中,询问他们选择这张图片的原因是否一样。选择完成后可以请用户谈一谈产品使用的感受。
5.提取内容,指导设计。
根据用户选择的频率给图片排序,根据对用户的访谈,提取图片中的视觉元素。比如图片里的花纹,形状,颜色,字体等等。关于颜色的探索,那么可以借助 colorhunter 来提取图片的主要颜色。将提取出来的元素归类整合到一个画板上。这将是作品完成后带来的感觉。我们可以根据这个画板,将元素使用与不同的模块上。
在情绪版制作过程中,尽量告知利益相关者进度,或者邀请参加。完成之后,和需求方有理有据的阐述观点。这样在设计的初期,方向就是符合需求方的要求的,不再因为方向错误而影响设计结果了。除了整体产品的大方向,一些细节改版也是可以运用情绪版的,比如给icon换个颜色,这下,开篇段子中的小明也不会出现因为凭感觉用色而改到吐血的惨剧啦。
如果你喜欢我的分享记得给我留言或者点赞哦,
也可以把你的问题写在下面的评论区。
更多相关的文章记得去我的主页查阅哦。
网友评论