网易uedc:情绪板携手视觉设计

网易UEDC
2 评论 8470 浏览 24 收藏 7 分钟
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

一.视觉设计的现实困境

互联网产品的视觉设计存在着很多不确定性,譬如:

你按照“典雅”去设计的,他却觉得是“清新”?——评判的主观性&看到图画才明白

有时不喜欢某些设计作品,却无法立即说出原因——潜意识

开始要求一种风格,很快变卦要求改成另一种风格——不了解用户

如果“以用户为中心的设计”不是一个噱头的话,我们可以试试让“用户”来给视觉设计一个方向。

 

2312164F1-1

虽然传统用户研究方法对于“了解用户”有些帮助,但似乎对“直接指导视觉设计”无能为力。

有没有一种用户研究方法可以同时解决视觉设计中的“评判主观性”、“看到实际作品才明白”、“说不出潜意识感受”的问题,进而“直接指导视觉设计”?

二.情绪板方法的理论基础

情绪板是一种借助于图像,启发和探索用户的体验,然后再作用于视觉设计的研究方法。 可以调查并形成具有指导意义的“风格感受”和“设计元素”。

情绪板的核心原理是依靠“图像”,沟通产品与用户、用户的潜意识与意识、用户的感性(情绪)与理性,其神经心理学基础为:

  • 大部分沟通为非语言的
  • 思考是通过影像产生的
  • 感官影像为重要隐喻,而这些影像大多是视觉的
  • 思考中的深层结构是可触及的
  • 体验是理性与感性(情绪)的混合

三.情绪板方法的操作过程

完整过程总览:

2312163Z9-2

获得关键词:

2312163531-3

图片素材的收集:

23121A610-4

邀请用户来参与创建情绪板:

23121A411-5

四.情绪板用于视觉设计的实践

前文第三部分已经详细描述了从准备到参与创建情绪板的过程,此部分不再赘述这个过程;重点阐述如何分析、利用情绪板的结果,并与视觉设计很好地结合起来(就目前实际工作中的体会而言,此部分可能比前期情绪板的制作过程更有强调的必要)。

在APP Store 随意选择一款手机应用《老偏方》,用作实践。

23121641P-6

对《老偏方》采用情绪板的用户研究方法(具体过程略去)。情绪板结果如下:

23121C491-7

情绪板结果分析、及提取视觉元素:

23121A4R-8

23121A914-9

2312163141-10

设计过程:

背景

2312162Y8-11

2312164392-12

导航

23121Aa4-13

2312162220-14

点击导航

23121AM5-15

最终成果(对比)

2312164064-16

23121A5X-17

总结:

工作中有两种认知加工模式:

  • 自上而下的加工,是指人在认知活动时运用个体已有的知识和概念去加工当前的信息的过程。
  • 自下而上的加工,也叫数据驱动材料刺激驱动加工,它强调了刺激物本身在模式识别中的重要性。

2312162137-18

平时我们视觉设计工作中可能采用得更多的是偏自下而上的加工方式,而若能很充分仔细地分析情绪板的结果、并发挥主观能动性充分利用,则能帮助我们锻炼自上而下的加工方式(并且这种主观能动性的发挥还有正确大方向的保障)。两种认知加工方式的反复轮替训练和结合使用则有助于我们提升设计的思维水平。

感谢赵设计师,后半部分《老偏方》的视觉设计的示范由她完成。

来源:网易UEDC

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 收藏下来,学习学习 😛

    来自上海 回复
  2. 厉害哦

    来自湖北 回复
专题
11897人已学习12篇文章
金融产品的流程与常见策略规则类型是从事相关行业人员需要了解的重要内容。本专题的文章分享了消费金融APP流程详解。
专题
13029人已学习12篇文章
产品定位是一个产品面向市场前先要考虑清楚的问题,也是产品人和运营人的必备技能。什么产品为谁解决什么问题,产品的主要卖点或独特性是什么?本专题的文章分享了如何做产品定位。
专题
13516人已学习13篇文章
随着数字化的发展,企业都在进行数字化转型发展。那么,对于传统第三产业企业来讲,数字化升级是什么?如何做数字化?本专题的文章分享了作者的见解。
专题
13699人已学习12篇文章
本专题的文章分享了B端产品经理的通用工作流程。
专题
14183人已学习12篇文章
本专题的文章主要以跨境电商为例,对其OMS系统进行分析。