当前位置: > 家庭心理 > 家庭关系

用户界面怎么设计(网站设计中如何使用调动用户情绪的好图片)

网站设计中如何使用调动用户情绪的好图片

感谢邀请~喜欢可以关注哦!更多教程等你发现~

2016年,我所做的产品经历了一次定位转变,我们重新定义了品牌风格。在这个过程中,我希望产品从里到外传递的是同一种内核的东西,因此作为品牌落地的一角,我重新绘制了所有空页面的插图。而对怎么调动牵引用户的情绪,怎么和他们产生共鸣,怎么做情感化也积攒了一些个人的看法和经验,虽然我不再负责这个产品后续的设计了,但作为自己主导的一个非常完整的项目,带给了我很多感悟。想做一些有趣、不落俗套耐人寻味的东西出来其实并没有很难,你只需要一些小小的情怀去做一些野心很大的事就ok了。

我们对产品的风格定义是贱萌,所有插图的设计应该紧贴品牌调性。让用户‘共情’?方法大家都知道——单一的情绪表达很难让用户产生共鸣,场景化的讲故事,却很容易代入人的情感。但这里要注意的是,场景之间也是有区别的,比如:

怎样表达孤独?

一盏昏黄的油灯下,年轻人不知所归,这是一种孤独,但是这样的场景不是我们需要的,它透出来的是一种负面消极的情绪。产品所有能传递情绪的地方都应该和品牌情绪是一致的。我们要的是戏谑的表达孤独。如果你觉得灵感枯竭,这里有个小窍门:适度关联,丰富场景。将有关的无关的场景进行拼接,你甚至可以从任何地方汲取有用的“佐料”。

可以换一种和产品气质相符的口吻来讲孤独这件事——‘“没人和我一起玩,好无聊呀(打滚状)”。

画面的气质是不是马上变得容易捕捉了?但光有这些还不够,在你通过发散、联想获得了很多idea后,还要对每一个故事的可塑性进行评估,毕竟,只通过静帧图片来传达复杂的故事并希望用户能快速的攫取到趣味是不太可能的,所以你要考虑的是,在对故事进行精简收缩后,你想表达的东西是否依然能跃然纸上?在这个阶段,设计师包括我自己,最容易陷进去的一个盲区是,沉浸在自己的想法中无法自拔并拼命去享受和揣摩那些极细微的细节,而忽略了去研究快速传达这件事,所以,当自负的我们去埋怨用户的时候也要想想是不是因为我们陷入了自说自话而忽略了去做情感的桥接?

换一种描述,再来表现“孤独”:好无聊(打滚状),找不到人跟我一起玩,去看看那边在干吗(默默地…)。

在这个对场景幻想的句式中,我加入了很多形容词、前后文的联想和因果,神奇的是,画面的张力马上被增强了。

于是我开始构思图形,最开始,我想设计一个人在地上画圈圈数蚂蚁。而这时候我停下来了,就像上面我说的那样,这个场景图形化以后可能效果并不好,为了把故事表达清楚我很有可能会把画面搞的很复杂零散,这不是我要的。我希望的是,空页面的插图既要简洁明快又要直指人心,让用户可以快速的识别并感受到有趣,于是我把蚂蚁这个互动对象改成了大家熟知并且本身就有一定喜感的小黄鸭,主角鬼鬼祟祟的和鸭子妈妈的害羞形成对比,构成张力,更具喜感效果更足。

图形的创意有了往往还不够,文案的作用在于锦上添花。个性化的文案设计,不要一纸捅破也不要离主题十万八千里远,虽然我们说出现在产品中的文字要有高效率,但是在一些可以个性化展现的地方,要好好把玩斟酌住文字的情绪。同时,还有几点:

1.不要用命令式的、指令性很强的语气。

2.避免傻瓜式的叙述。

3.如果,提供一个解决办法。

这两个文案对比,右侧的‘啊哦,还没有关注任何人’很显然是一句毫无意义的陈白,文字没有和图形很好的配合上,就算你的图形创意再好,在文案的情绪表达上也被扣了分。要让画面更和谐,更易调动观者的心,图形和文字要配合得相得益彰,请多加注重文字的情绪表达。

在上面讲的这个例子里,你是不是已经找到一些方法了?我来总结一下,单一的情绪不好表现,我们为了能快读调动用户的情感,需要找到一个合适的场景代入设计,场景和场景的表达又不一样,我们需要遵循我们的黄金准则,情绪点的设计要统一,选择一种戏谑的手法来增强喜感。你的想法在图形化以后要足够简洁有说服力,而不是设计者自我陶醉旁人却完全感受不到。

让我们再看一个例子——“无关注的人”。不要受限制于 ‘啊哦,你没有关注任何人,快去添加关注吧’ 这种常规表达,跳出圈子,比如我在这里将‘你没有关注任何人’这个概念巧妙的嫁接成了“默默关注一个人好久却不敢表达”。

有趣的事物可以让人产生愉悦的感受,在一定程度上其实也转化了为空状态的尴尬和失落。找到了更有趣的表达后,接下来的任务就是怎么图形化传达这种情绪。

怎样表达喜欢?

我设计的场景是这样的:放学后蹲在墙角等那个偷偷关注好久的人。我们需要的是逗比的小开心,而不是紧张焦急的等待,为了避免画面传递出错误的情绪,需要在图形创意上深加工。

图形创意上的深加工:头带一枝花,而不是手里拿着花,后者看上去太虔诚,不是我要的情绪。煽情同样不是我想要的,我没有让主人公看起来是很紧张的在等待谁,而是坏坏的让他躲在树丛里似乎是想随时跳出来吓谁一跳。总之,我想做的是,避免正面刻板的形象,避免那种一眼就能看到底的设计,尽可能不落俗套让用户看到这个画面之后可以有更多想象的空间。

注意文字的情绪,第一段文字只是在简单的陈述,第二段文案指令性过强,我们需要一种戏谑的娱乐式的语言。第三段文案里,前面的反问,首先做一个开场,把用户的情绪调起来,然后的错愕惊讶是一种夸张,最后用戏谑的口吻婉转的表示你可以去做什么,而不是命令用户去做。

当然,有的时候你也不需要费尽心力去勾画一个场景,接下来看看最后一个例子。

利用反差萌表现趣味

(假装自己是图片)这个例子我就不放设计图了,给大家简单描述一下,下方是主人公,主人上顶着他的小宠物,小宠物萌萌的在表达欢喜,而主人公则是一脸黑线,下方的文案是“♬要我怎么做,你才会爱我♪ 抱歉,粉丝团粒只剩它了。。。”

这个例子我没有用到任何场景,而是通过两个角色之间的强烈对比,增加这种戏剧效果。在这个画面里,你可以理解为上面的形象在萌萌的求关注,也可以理解为下面的形象因为只剩下一只猫头鹰为伴而倍感气氛,一上一下两种截然不同的情绪形成了搞笑的反差,戏外甚至飘来了歌声来戏谑这两个可怜的小生物。

最后,我来整理一下:情感化的设计最重要的是要想办法和用户‘共情’,研究产品目标用户群身上的特质,设计和他们有过共同记忆片段的场景。举个例子,如果你的用户是80后,你又要表现复古情怀的时候,你的设计中出现卡带这种东西是没有问题的。而如果你的用户群是00后,你设计卡带可能就有点设计师自我陶醉的嫌疑了。而如果你想和我一样,来点画风清奇、搞怪有趣的创意表达,又一直苦于打不开脑洞的话,这里有几个tips希望能对你有帮助:

tips1:使用和你产品气质一致的描述词,同时避免空洞的铺陈

我记得曾经为一个叫做‘一起神回复’的模块配场景图,创意的发挥一度很受限制,因为我在脑海里一直搜索的关键词是讨论、热情、知识、激烈,最后我没有得到任何想法。这之后,我又去反复的研究这句文案,我发现我的表述词和文案给出的性格甚至和我们整体的用户群是毫无共性的。而有时候,鬼点子和创意是需要一些方法召唤出来的,于是,我把描述词换成了‘神经质,,一本正经的胡说八道,中二病’后,灵感扑面而来,半小时不到方案成型:

tips2:适度关联,丰满场景

灵感这种东西是可遇不可求的,而在平时的设计工作中,由于时间点任务量和审核的压力,设计师总会处在一种压力之下,这是有碍灵感来找你的,那是不是我们就毫无对策出好作品了呢?不然,创意的构思也不光是凭空而来,将有关系的和没有关系的场景、元素拼贴组合,往往能给你很多惊喜,甚至有时会有一点出其不意。在你打了一套天马行空的组合拳后终于撕开了灵感的一道口子,不要止步,就像写一篇文章一样,你现在有了最核心的部分,但是还不够,你需要或前或后再续一点篇幅,把想象空间填满,让故事更丰满,在这其中再找到那个最能勾起情绪的突破口。

tips3:图形化思维,合理放大

不是每一个你认为的想法都会有一个完美的展现,这受限于图形化的形式。如果你是一个四格漫画或者动态图,可能表达的空间会更大,但是静帧图片信息的含有量是固定的,并且同时你还要去思考高效的让用户接受这件事,因此每一处的设计都必须是经过深度思考和权衡的。不必过分在意那些极度细微的地方(这里我的意思并不是说放弃设计细节),而是将你想表达的那个点放大,夸张出来,会更有助益让观者最快的接近你想传递的东西。

tips4:注意文字的魅力

文字和图形一样,也是一种情绪的载体,文案和图形配合的越是天衣无缝,你的画面就越和谐。你可能觉得我夸大了文字的力量,再来看个例子:

问题:这是某个兴趣领域下对签到用户的展示,这个模块穿插在信息流里所以对展示效果有很多限制,不能渲染过重,要柔和,能尽量与其他信息相融,不要让用户的视觉线走到这里的时候感到突兀。

目标:我不可以把整个卡片做重,但还要让用户注意到,并且如果能通过设计,给他一种快去签到的正向鼓励是最好的。怎么达成这个目标?

解决:这个地方我串联了用户头像和前方引导的卡通形象,巧妙的造成一种‘排队做某件事’的假象,大众心理是爱凑热闹,这时候能略微勾起人的好奇心是最好的。除此之外,文案发挥了很重要的作用,他增强了这种‘他们都在做,我也去看看或者我不能落下’的心理暗示,和整个形式的设计配合的相得益彰。

结果:最终上线后有一些反馈的声音,产品发现这个地方非常容易诱发点击,所以在探讨是否将签到功能直接补进去。这种反馈正好从一个侧面验证了设计的正确性。我们不光是能完成基本的功能表达,甚至能从一些角落正向的完善产品意图,这正是说明了设计的价值所在。

由这个例子有感而发,说一些题外话。我总在思考设计价值的体现是什么?我们不管做什么事,要么是喜好牵引,从心而为;要么是有利益驱动有目标的行进。如果你的任务没有明确的策略、机制去鼓励用户,而又希望他们去积极的参与和使用,那就要好好设计一番了,这个设计并不是指的狭隘的视觉展现,而是去研究人的行为动机。好奇是人的天性,容易被简单有趣的事物吸引也是天性之一。设计师很多时候是站在产品的立场隔着屏幕和人对话,你可能没有办法强迫用户去做什么事,但如果能找到一些自然驱动他的办法出来,这也许就是设计价值体现出来的一面。

网站改版,如何让新的网站设计更符合用户体

如何更符合用户体验主要有以下几个方法:

1、从用户角度出发,迎合用户的使用习惯。其中最经典的例子我觉得就是亚马逊电商网站,相比于淘宝网和京东,亚马逊网站其实很不适合消费者的使用习惯,最后的结局也是亚马逊电商退出。

2、UI设计、一个好的UI页面设计能让用户眼前一亮,这个方面的例子举不胜数,就不累赘重复了。

3、突出重点,维护好一些常用功能的使用流程,尽量精简式操作。

用户体验设计中用户画像应该怎么做

接触过“用户体验”这个名词的小伙伴们对“用户画像”或者“Persona”这些词汇一定都不陌生。Persona是我们在做体验创新和设计的过程中非常重要的工具,它可以帮助我们形象的了解目标用户的行为特征,帮助我们判断用户需求。就像《欢乐颂》中塑造的五美,生动的形象让我们很容易理解每个人在人生观、价值观以及处理事务的态度、行为等方面的特征。建立Persona也往往是我们在项目过程中第一个重要的任务。

但在Persona这个工具被一度热捧的同时,很多体验研究员或者设计师却开始淡淡的觉得有时候仿佛是为了做而做,面对做完的Persona也不知道在之后的项目过程中如何使用,甚至有时因为选择的persona不够典型,而对项目产生误导。

什么是Persona?

Persona是建立在对真实用户深刻理解,及高精准相关数据的概括之上,虚构的包含典型用户/客户特征的人物形象。

因此,Persona虽然是虚构的形象,但每个Persona所体现出来的细节特征描述应该是真实的,是建立在用户访谈、焦点小组、文化探寻、包括问卷调查等定性、定量研究手段收集的真实用户数据之上的。而有些研究员或设计师们认为既然是虚构的形象,做做头脑风暴、开个会讨论一下,就能高效的做出一个persona,这种做法反而是浪费了原本应该去真实用户那里收集信息的时间。

其次,一个成功的Persona所包含的信息应该尽可能的包含体现用户核心特征的细节描述。价值观、核心需求等信息固然重要,但有时也难免过于抽象,而生动的细节描述则可以让人物形象更具画面感,更容易形成同理心。例如,当我们看到这样的描述:“Flora的粉色iPhone 6 Plus外包裹着一个Bling Bling镶满钻的时尚手机壳”,或者“Adam的“大白”后座摆放着一排布绒公仔和一个儿童安全座椅”,我们的大脑会立刻开始还原这些用户的真实形象,并尝试融入角色,站在这个用户的角度思考问题。此时的Persona才是具有power的,具有价值的。

Persona有什么价值?

Persona的本质是一个用以沟通的工具,它帮助项目过程中的不同角色摆脱自己的思维模式,沉浸到目标用户角色中,站在用户的角度思考问题。当产品经理们、研究员们、设计师们、运营们、开发工程师们在项目过程中产生分歧时,各类角色能够借助Persona跳出眼前的焦灼,重新融入目标用户,不再讨论这个功能要不要保留,而是讨论李雷需不需要这个功能,韩梅梅会如何使用这个功能等等。

当然一个饱含丰富信息的Persona也可以让这些重要的用户特征信息直观的在项目相关成员间原汁原味的传递,帮助所有相关成员对目标用户形成一致的理解,建立共同创新的基础,节省反复沟通的成本。

那么问题来了,如何建立一个有效的Persona?

Step1: 理解用户

合理的、有效的Persona是建立在对目标用户/客户的充分理解基础之上的。

“他们对这件事的认知和态度是怎样的?”

“抛开我们的产品和服务,用户真正想要的是什么?”

“他们是如何完成这件事情的?”

“他们使用我们产品/服务的场景是怎样的?”

“……”

对用户从态度到行为,再到一些细节特征的立体数据的收集,对于建立一个生动的、具有参考价值的Persona是至关重要的。收集数据的方法有很多,深度访谈、影随、文化探寻等等,就不一一赘述了。方法只是手段,没有所谓的标准方法,达到收集数据、理解用户的目的即可。重要的是数据目标的确立,每个人身上有太多的属性、太多的特征、太多的故事,有些信息收集过来有可能反而会成为噪音。因此,在收集数据前,时应该先明确自己的研究范围,针对性的挖掘真实用户/客户身上的相关信息。

Step2:寻找关键变量

大家都知道在收集到充分的用户数据后,我们需要对目标用户/客户进行聚类,那么我们通过什么维度,怎样聚类才合理,才能够对后续的设计具有启发作用呢?这就需要我们在众多数据中抽丝剥茧,寻找关键变量。所谓关键变量是指导致用户对目标产品/服务的相关行为产生差异的核心因素。每个用户身上有很多属性、性别、年龄、家庭状态、文化水平、性格特征、互联网行为偏好、消费观、理财观、个人爱好等等,我们需要从这些众多特征中识别,哪些才是导致用户对我们目标产品/服务的态度及使用行为产生差异的主要原因。

例如,当我们寻找金融产品及服务的目标客群时,导致用户是理财还是消费,去线下办理还是用手机银行等不同类型金融相关行为差异的核心因素可能如下:

收入水平、消费观念、理财观念、互联网使用水平等。这些核心因素直接影响到用户需要什么样的金融服务,用户会在哪些渠道办理这些金融服务。而性格特征、文化水平等属性,虽然会对用户的某些行为产生一定影响,但在用户聚类的阶段可以暂时视为低信息含量的噪音处理。

确定关键变量后,我们将每个变量作为一个核心维度去分析收集到的用户数据,将用户相关的行为数据化作一些“信息值”分布在这个维度上。例如,若“互联网使用程度”、“人生阶段”及“经济条件”是用户对某项产品或服务的需求及态度产生差异的关键变量,我们可以将收集到的用户信息在这三个维度上做均匀排布(如下图所示),选取一些典型的用户特征作为这个维度上的“信息值”。

至此,我们便完成了用户聚类的第一步,即关键变量框架的搭建。

Step3:聚类

关键变量是帮助用户聚类的核心维度,有了关键变量后则可以通过将每个维度上的“信息值”串联,得到Persona的核心特征,所以接下来的工作就是“连连看”。

首先,回顾收集到的用户数据(将每个受访用户的行为标记在各个维度以记录该行为特征出现的概率,用以推算该信息值覆盖的用户数量)。

接下来,尝试连接分布在每个维度上的“信息值”,找出具有代表性的用户形象。根据经验,典型用户的分布规律一般有以下两种情况。

1. 尽量合理覆盖每个变量两端的“极端信息值”。

Persona的制作过程是在众多的目标用户群中寻找有代表性的典型用户,所谓典型用户则是在其拥有的核心特征中,某一个或多个特征是在所有用户群中具有极端需求的,我们覆盖了这部分用户的极端需求,从设计的角度上来说就找到了需求的边缘及设计的边缘,覆盖到了极端的边缘需求,理论上来说不超过边缘范围的需求也可以被覆盖到。这里要注意到的是,很多研究员或者设计师在设计时往往能够注意到“高信息值”边缘,也就是偏向于专家用户的那一段,对于“低信息值”边缘,也就是极端小白用户端,则往往比较容易忽略,我们在制作persona的时候,还是需要全面的考虑到目标用户群的覆盖范围。

另外,这里需要特别提到“合理”二字。有些人可能一味的追求连接所有变量两端的极端值,以希望寻找最典型的目标用户。但当我们将连接起来的变量还原为一个生动的用户形象时,我们可能会觉得这类人在生活中很少见,甚至是奇葩,或者有些畸形。当然,如果你的目标用户就是奇葩用户,则要另当别论了。因此,合理的连接极端值,则非常重要,要保证我们连接出来的用户是真实存在的,最简单的就是回头去看看受访的用户中,是否有真实的人物原型可以匹配上。

2. 尽量合理的连接用户行为集中的信息值。

所谓的典型用户,换个角度说也代表具有一定群众基础的用户,即相对来说基数较大的用户群。因此,我们在连接关键变量中的信息值时,也需要考虑该行为特征所属用户群的数量。这时,我们之前标注的受访用户出现频率则派上了用场。也就是我们只需要将行为分布密集的信息值连接起来,很大程度上就可以顺利的找到目标用户了。当然,这里同样要注意合理二字,以防我们连接出来的只是个架空人物,或理想用户,而现实生活中则不存在这类用户。

当然,如果在连接关键变量的信息值时可以两个原则兼顾,则我们制作出一个成功的persona的概率则会大大增加。

到这里,我们的用户聚类工作基本已经完成了,为了帮助大家理解,我们选取唐硕之前的一个项目作为案例说明。该项目是受某公司委托研究美食消费的用户行为,也就是研究吃货。

通过一系列的调研,我们收集到了丰富的吃货行为特征。通过分析,我们选取了“美食消费观”、“美食热衷度”、“美食主见度”及“美食社交倾向”作为影响用户美食消费行为的关键变量,并将关键信息值及用户行为特征数量分布进行了一一标注。

接下来就是见证奇迹的时刻!

通过按照以上两个原则的连接尝试,我们最终聚类出了三种典型的吃货。

第一类人把“吃文化”当成他们了解世界的一个窗口,对食物抱有尊敬的心态,相信“you are what you eat”,把“吃”上升为人生信仰,愿意不惜代价去追寻美食。因此,也认为研究吃、享受吃及回味吃都是比较个人的事情,很少会与别人主动分享,但会自己花很多功夫去研究、探索甚至记录,并在这个过程中体会到深深的幸福感,我们把这类人叫做“美食信徒”。

第二类人对“吃”的动力很多时候是来自分享时的成就感,他们往往是你身边最爱组局的“局长”,说起美食总是头头是道,对于哪里有打折,哪里有新餐厅这类的美食动态信息,找到他们就像打开了消息盒子。有时,他们不满足于身边的人对他们的崇拜,会在社交媒体上,甚至自媒体渠道上发表他们对美食的见解。凭借吃的本领,也可以成为一届网红,美食KOL。我们把这类人叫做“美食大V”。

第三类人有着强烈的社交属性,但与第二类不同的是他们是美食的follower,自己并没有很多主见,不过没关系,他们身边聚集了一帮有主见的朋友。因此,每当他们燃起对美食的,也就是他们呼朋唤友的时刻到了。很多时候,与其说美食对他们有巨大的吸引力,不如说和朋友们一起享受美食的时光更值得留恋,这类人就是我们的“美食社交族”。

这三类吃货各有特色,各有自己的需求偏好,也都分别代表着生活中相当一部分吃货的状态。当我们将这些persona与设计师、与产品经理进行沟通时,也得到了充分的共鸣,很容易有代入感,甚至让某些不能理解吃货们世界的设计师也对吃货们的生活产生了共鸣,激发了很多设计灵感。

Step4:丰富人物形象

接下来是要将聚类后的典型用户类型进行精细刻画,就像我们最开始说的,添加一些细节描述,让看的人更有画面感。拿上面案例中的美食社交族举例,在对美食社交族的日常生活中,我们会描述:“他们的手机日历中添加备注了各类朋友、亲戚们的生日、结婚纪念日等信息,似乎每一天对他们来说都充满了聚会的理由,他们时刻寻找着发起一次美食的契机。”这样的persona是不是生动了很多?

最后,我们需要将这些persona的信息制作成一个形象的人物画像,把这些关键信息紧凑而有序的呈现在一个版面上,以获取最佳的视觉传达的效果。

一般来说,我们会把最终的画像划分为几类信息模块:即分类信息、个人信息描述、互联网使用情况及与产品/服务相关的特征及需求描述。

这样,基本上一个完整的persona就可以惊艳亮相了,当然,在此之前,需要在视觉上稍作美化和调整,毕竟,这是一个看颜值的世界!

相关文章

热门搜索: 瑜伽可促进心理健康助摆脱抑郁消除焦虑(瑜伽调理心情缓解抑郁篇) 心情抑郁,应该看精神科医生or心理咨询师?(心情抑郁,应该看精神科医生or心理咨询师吗) 心情抑郁,应该看精神科医生or心理咨询师?(心情抑郁,应该看精神科医生or心理咨询师嘛)