如何使用情绪板增强UX设计

Author: 素马

01

 

在开始一个以用户为中心的项目时,很容易想到头脑风暴、UI 设计、线框图和复杂的原型。用户体验设计师经常低估的第一步是在整个创意过程中设定指导和激励团队的基调。这就是情绪板的用武之地。

 

来自所有创意领域的专业人士包括素马设计机构设计师都将情绪板用作可视化想法和概念的强大工具,因为他们具有综合抽象概念(如情感、欲望和想法)的强大能力。

 

什么是情绪板?

情绪板是视觉面板,汇集了不同的感官参考,创造了一个情感环境,作为创造性决策的指导线索。

 

“情绪板能够在指导和调整的同时保持多元化和自主性。因此,它平衡了组织有创造力的人的看似矛盾的挑战。

 

照片、插图、颜色、动画、字体、纹理甚至气味都可以组成一个情绪板,用于说明我们想要在用户中唤起的情感,并调整创意愿景。

 

为什么要使用情绪板?

这些面板用于以抽象的方式连接想法,统一利益相关者、用户和设计团队的愿景。它们作为一个集中的资产存储库工作,团队可以随时访问。情绪板可用于:

 

  • 研究文件。可以以情绪板的形式采取几个研究步骤,例如基准研究、角色定义和用户界面构思。
  • 对设计师的探索和指导。在项目开始时,情绪板是设计师可以自由探索想法的空间,无需评判。董事会结束后,将成为整个项目团队的参考。
  • 统一愿景。根据定义,一个想法是抽象的,概述想法是数字或物理板最重要的角色之一。不同的利益相关者可以贡献他们的愿景并达成共识,让每个人都对项目的方向更有信心。

 

情绪板的类型

情绪板可以是物理的或数字的,两者都有其价值:数字板可以更快地组装、格式化和接受原生数字参考,例如动画和 GIF。物理板需要更大的努力来格式化,并且可以暴露在物理环境中,例如工作空间的墙壁上。

 

在实体版中,除了植物等有机材料外,还可以更完整地探索油漆、织物、纸张、金属和香水等物体。其中一些元素在以数字方式复制时会失去部分意义,例如与触觉或嗅觉相关的部分。

 

另一方面,数字板可以利用其原生环境并聚合大量信息,这些信息可以以更实用的方式访问。这种类型的看板有利于远程团队和媒体目录,例如视频和动画。

 

情绪板包括什么?

它可以包括任何参考,但最重要的是构成情绪板的所有元素之间的相关性和平衡。一些常见的元素是:

 

颜色——注册品牌或竞争对手的颜色,尝试与您想在新概念中探索的情感相关的新调色板。

 

02

 

图像- 有许多图像选项。可以探索翻译所需概念的照片,甚至构建徽标、图标和插图库以供将来参考。

 

03

 

动画——轻松记录在数字情绪板上,动画包含构成完整体验的情感元素,例如简单的曲线参考、进度条、动画加载图标、滚动交互或微交互。

 

04

 

字体– 寻找可以帮助您构成视觉路径、强化或对比板上出现的想法的类型系列。

 

05

 

纹理和图案——这些是唤起情感记忆的好方法,可以间接表明既定的概念。

 

06

 

文本- 组织您的笔记、见解、关键字或引语,以及董事会的其他元素,以强调您的想法。

 

07

 

如何制作情绪板

创建情绪板的技术有很多。了解哪一个最适合您的项目和创意团队非常重要。在网页设计或应用程序设计项目中,建议使用数字板来收集动画、微交互和排版的参考;然而,在办公室里有一个实体板可以不断地提醒每个看到它的人。

 

按照以下关键步骤创建有效且以用户为中心的情绪板:

 

了解你的目的

在开始收集拼图之前,请选择主要路径。创建一个清晰的声明,说明当他们联系您的解决方案时应该在角色中激活哪些情绪:

 

“当伊迪丝安装我们的应用程序时,她必须有动力开始锻炼。”

 

找到你的语气

设定品牌的基调有助于准备一个有效的情绪板。一个简单的练习是选择一些代表团队愿景的关键字。声调词可以注册在板上,以便每个人都可以访问它们。

 

收集有关该主题的数据

在开始寻找视觉参考之前,请对该主题进行更多研究。收集会议期间的笔记、来自用户的调查数据以及与客户的访谈,以尝试为项目提取见解。

 

定义你的价值观

从情绪板开始时,从一开始就设定明确的价值观,例如现代、有趣、幼稚、多彩或运动。为了便于参考选择过程,为您的电路板定义三个或四个形容词。

 

先大后小

首先在主题中定义大组,然后深入每个组,这将组织发现过程。

 

有选择性

不要简单地把东西放在你的情绪板上。只选择对项目方向产生影响的东西。如果对非常相似的作品有疑问,请仅选择一个来代表该想法。

 

直观地组织您的参考文献

使用每个元素的大小来增强其在构图中的重要性。在这种有组织的混乱中,更大的照片和更大的短语自然会成为亮点。

 

你在哪里可以创建你的情绪板?

不乏帮助设计师收集参考的工具选项。这些是国外的一些不错的选择:

  • Niice – 这是创建情绪板的最完整的解决方案之一。它允许多个级别的自定义,包括对视频嵌入和 3D 模型的支持,以及方便的浏览器扩展,便于将任何项目包含在您的板上。
  • Savee - 这直截了当,因此您可以轻松创建和共享情绪板。它还提供与 Dropbox 同步的选项,优化打印和从 Instagram 和 Pinterest 导入图像。
  • Behance – 您可以将在 Behance 上发布的任何项目保存在个人资料中的私人或公共情绪板上。当您需要收集许多参考资料而无需浏览网络时,这非常有用。
  • Adobe XD – 如果您需要在没有预定义模板的情况下创建个性化体验,这是一个不错的选择。如果您想更进一步,除了可以帮助您从任何网站捕获样式的 Mimic 等插件之外,您还可以创建交互式板和自定义流程。
  • Photoshop——如果你想拥有完全的创意控制,这是构建板的最强大和多功能的工具。

 

9个鼓舞人心的情绪板

以下是一些物理和数字情绪板示例,它们可以捕捉您的项目精神、启发和指导世界各地的创意团队:

 

08

09

 

唤起情感并指导您的创作过程

创建情绪板的过程——除了有趣和协作之外——素马设计 认为有助于团结专业人士和利益相关者,将个性放在一边,让位于成功的集体愿景。享受这一刻的放松和团队团结。这是一个以有趣的方式激发每个人的机会,创造一个从开始到最终界面设计一致的最终产品。

相关阅读