情绪板携手视觉设计

一.视觉设计的现实困境

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

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

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

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

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

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

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

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

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

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

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

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

完整过程总览:

获得关键词:

图片素材的收集:

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

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

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

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

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

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

设计过程:

背景

导航

点击导航

最终成果(对比)

总结:

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

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

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

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

来源:http://uedc.163.com/9727.html

时间: 2024-11-05 15:39:06

情绪板携手视觉设计的相关文章

网站视觉设计:情绪板携手视觉设计

一.视觉设计的现实困境 互联网产品的视觉设计存在着很多不确定性,譬如: 你按照"典雅"去设计的,他却觉得是"清新"?--评判的主观性&看到图画才明白 有时不喜欢某些设计作品,却无法立即说出原因--潜意识 开始要求一种风格,很快变卦要求改成另一种风格--不了解用户 如果"以用户为中心的设计"不是一个噱头的话,我们可以试试让"用户"来给视觉设计一个方向. 虽然传统用户研究方法对于"了解用户"有些帮助,但

合意性研究:理解美感和视觉设计方向

介绍 最近我在Jakob Nielsen的Alertbox article上发表了一篇文章,里面提到了一种"测量美感"的方法,很多人让我多谈谈"合意性研究".合意性研究实际上不仅仅是测量,因为我们也可以用它们来告知或者启发你可能正在考虑的不同的视觉设计的方向.我在这篇文章中提到了一个用户研究的方法图,合意性研究在这个图中被界定为一种态度研究,它可以是定性的,也可以是定量的(如下图所示,在图的中部下面,是一种混合的方法). 主观性问题 合意性研究不太出名,虽然视觉设计

视觉设计该如何赋予产品个性?

  最近经常被问到"设计如何赋予产品性格","如何通过分析确定哪种视觉风格更合适"等问题.遇到这些问题我很高兴,因为这说明越来越多的人开始重视更高层次的设计问题,而不是局限于设计技巧.审美等表层问题. 恰巧过去的半年,我也在研究品牌设计相关的方法.一是因为发现行业对品牌设计的研究有了长足的进展,但设计结果却没有太大的改善(行业内有个怪象:会使用方法论的设计师作品质量不见得好;设计质量好的又不见得会正确使用方法论.很多设计师因此排斥方法论);二是因为我们在做的是B端的

合意性研究:测量对不同视觉设计的美感反应

作者: Christian Rohrer 介绍 最近我在Jakob Nielsen的Alertbox article上发表了一篇文章,里面提到了一种"测量美感"的方法,很多人让我多谈谈"合意性研究".合意性研究实际上不仅仅是测量,因为我们也可以用它们来告知或者启发你可能正在考虑的不同的视觉设计的方向.我在这篇文章中提到了一个用户研究的方法图,合意性研究在这个图中被界定为一种态度研究,它可以是定性的,也可以是定量的(如下图 所示,在图的中部下面,是一种混合的方法).

非设计师谈设计(二):当UED遇上无相皇

接着胖胡斐上一期的< 非设计师谈设计>,这一次我们邀请了淘宝媒体业务部的主管--重阳. 重阳在淘宝又被称为"大少爷",众女生心目中淘宝最帅的男人.叫大少爷也是有来历的,据说是当年淘宝和同行比赛投广告的时候,从大少爷手上花出去的钱,养活了大大小小无数网站-- 当然,这都是传闻了,我只知道大少爷在广告创意.活动规划方面那是相当的拿手.淘宝大大小小的市场活动.站内活动,都少不了他的主意.所以这次特意邀请他来写写与我们UED合作的感受,特别是讲讲他当年怎么"折磨"

用户研究的元思考:获取、提炼、转化

文章描述:用户研究三部曲:有关用户研究的战略思考. 用户研究的"元思考" 钻研任何一个领域,都离不开"元思考",或者称为"战略级思考":思考它要解决的基本问题是什么,思考它的核心的方法路径是什么,以及思考它面临的最大挑战是什么.用户研究如是. 用户研究面临的最大挑战是研究与设计之间的鸿沟,也就是说,研究的结果常常难以落地,难以为产品的设计和创新发挥直接可见的作用.因此,一种"用户研究无用论"的观点在业界颇有市场,最被人广泛提及

超好用的高效PS文件夹整理技巧

  不论是在现实世界中,还是在数字领域里,有效可靠的文件管理都是高效操作的重要前提.从文档的结构到命名方式,从Photoshop的每一个图层的顺序到CSS的每一行代码,有效的组织结构是高效的先决条件.这种说法是有道理的.想想当你碰到下面几种情形时候的心情吧: "·由于你无法确定所需安装字体的文件夹,导致你无法编辑PSD中的文本图层. ·你想替换某个已经被你栅格化的图层,但是你找不到最初的图片和素材. ·你无法确定最终版的PSD到底是哪一个,因为你的文件夹里面的PSD名字分别为"这是最终

如何在浏览器中设计?

  这也是常常困扰我自己的问题,如何在浏览器和Photoshop之间做选择,以及如何才能高效地在浏览器中进行设计? 希望大家喜欢,能给大家提供一些帮助~~ 如果你是一名从事科技行业的设计师,你可能曾经听过或看过一个当下设计领域很火的话题: 在浏览器中设计.正如它的字面意义所说,与其花数小时.数日.数周.甚至数月的时间在Photoshop里设计出精确到每一个像素点的作品(自上而下的主流设计过程:由设计师设计视觉稿,再由后台程序员予以实现),在浏览器中直接设计使设计师可以拿着简单粗糙的草图直接进入编

值得学习的设计师高效PHOTOSHOP文件夹整理术

  不论是在现实世界中,还是在数字领域里,有效可靠的文件管理都是高效操作的重要前提.从文档的结构到命名方式,从Photoshop的每一个图层的顺序到CSS的每一行代码,有效的组织结构是高效的先决条件.这种说法是有道理的.想想当你碰到下面几种情形时候的心情吧: ·由于你无法确定所需安装字体的文件夹,导致你无法编辑PSD中的文本图层 ·你想替换某个已经被你栅格化的图层,但是你找不到最初的图片和素材 ·你无法确定最终版的PSD到底是哪一个,因为你的文件夹里面的PSD名字分别为"这是最终版.PSD&qu