赞助商
立即赞助

从这4个角度,做出情感化设计的产品

产品经验3年前 (2021)更新 流光
11.4K 0 0

情感是我们生中可割舍的元素,UI设计师开始在设计时添「情感元素」,但是我们忽略掉了一个最基本的问题,为么要做情感化设计?产品能感化设中得到什么?

解决问题之前,我们需要了解一情感设计的概念。

从这4个角度,做出情感化设计的产品

情感设计是基于产的功性和易性后,追求的更层次的目标。我们只有先了解产的逻辑,全面解分析后,才做影响产功的情感设计。

从这4个角度,做出情感化设计的产品

早在2002年,美国认知心Donald Norman就了这一概念,他将产特质划分为功性、有性、易性和愉悦性个层面,由低到,而情感设计则处于顶端位置。

,现在大家已经有一个初步的认,下面我来为大家答刚才的问题。

一. 向用户传递情感心流

从这4个角度,做出情感化设计的产品

心流,就是沉浸式体验。E Sherman在《Flow:the psychology of optimal experience》中到了沉浸式体验,沉浸就是人专注在当前的目标(由设计者营)情境感到愉悦和满足,产生共鸣,忘记真实世界的情境。

从这4个角度,做出情感化设计的产品

设计师会通过画面、氛围、图形、案、效和音乐等方式,营符合当前环境的情景,帮助户快速融入中。

沉浸式验最常见的方式是向用户讲故。故是处理信息的一种方式,将某操、信息通故的方法传递给用户,让用户产生相同的情感共鸣,进而被吸引,对它的印象更加深刻。

从这4个角度,做出情感化设计的产品

我们以Sortie En Mer为例。Sortie En Mer是一个模拟溺水的网站,是为Guy Gotton宣传航服的,游戏宗旨是教育人们出一定要穿救生。在互上与其它同类网站不同,一部分是以一人称的角度来简述故和经验。

从这4个角度,做出情感化设计的产品

故很简单,主人在航的程中从船上落下挣扎到死亡的程,加上音乐的烘托,感到更加绝望。画面由明亮到暗沉,也暗喻来主人力不支。

从这4个角度,做出情感化设计的产品

同类主题的网站,大只单纯的展示服装的特和防水材料相关的技术数据。Sortie En Mer在普通的互逻辑上进行情感化设计,将一个上生意外的故,通诉说传递给用户,让用户有身临其境的参与感,营造融其中的感。

二. 塑造友好的形象

通常我们认为产品是冷冰冰的,但是优的产品,并不是冷冰冰的毫无情感,它仿佛就是一个活生生的生命,具有个,人们更愿意与有情感有温度的生命朋。

从这4个角度,做出情感化设计的产品

怎样才能做有温度的朋呢?我们以通下面两个案例来分析。

1. 融360

现在很产品有自己的吉祥物,通吉祥物去提升产品温度。么吉祥物是基什么设计出来的呢?我们以融360的吉祥物设计为例。

从这4个角度,做出情感化设计的产品

首先,我们先分析一下其产品的构成:融360是一款移动金融智选平台(核心定位),用户大为有贷款、办理信用卡需求的中年群(使用人群),互和视偏向简单,具有普适。

在进行产品的情化计,应该从产品质和用户本身出发,在研究的过程中,这者间有什关系,是需要深入探讨的问题。这种情化计是产品征的一个展现,需要其「性格、气质、腔调」相符。

从这4个角度,做出情感化设计的产品

A. 吉祥物以人形的出现,将产品拟人化,消除了人机间的冰冷交互,帮助用户和产品间建立友好的系;

B. 它为什么会是?为融是与相伴,华尔街融街靠守护,用户也会get到这。

从这4个角度,做出情感化设计的产品

C. 大宝可靠、聪明,分应着品安全感和智能性,与品性格相符。

那具体App中怎样应用的呢?

从这4个角度,做出情感化设计的产品

绪感意识的体验,它目标性,通常也原因,比如当用户输入信息时,会产烦躁理,了降低这种反感,我们用一绪感的icon缓解。或者当用户退出时,用一卖萌的表去挽留用户。

情感设计可强户对产气质的定位。就是由于牛大宝与产极相似,更够被大众接受,才一跃成为了「金融红」。

2. same

从这4个角度,做出情感化设计的产品

Same一款针对轻人的、去中化的社交平台,类似于豆瓣、微博,但又不完全相同。因用户人群的轻化,所以整体以轻、简洁主。

从这4个角度,做出情感化设计的产品

我真的超级喜欢Same的小人icon,每一icon都感觉「活了」。加入感化设的同时,也考虑到了核元素每环节的延展性,一加强了用户对产品性格的认知。

当然,same的情感设计并仅体现在icon上,还体现在各种地方。如说话题、banner设计。

从这4个角度,做出情感化设计的产品

从这4个角度,做出情感化设计的产品

从这4个角度,做出情感化设计的产品

缺省页设计。

从这4个角度,做出情感化设计的产品

用户数树立友好形象,不单指icon多么精美、界样多么流、配色多么好看。而是过情感元素所传出来信息和质,与个视觉设计保持致,区于竞品,可以帮助用户品有正认知设计。

所以,首先好行感化设传达什么,产品的立场、强调、气质形象分别什么。简单的,就希望用户怎样去认知的产品。

三. 成为理解用户的朋友

从这4个角度,做出情感化设计的产品

从品细节出发,悉心观察,换位思考,满足各形各色用户需求和偏好。为他们带来愉悦体验,帮他们解决问题,帮他们提高效率,甚至帮了解他们切,成为他们最可靠小伙伴。

从这4个角度,做出情感化设计的产品

隐藏细节设计是造惊喜,和体现产品设计逼格的地方。在产品某些点上进行交互和动画计,可以为用户带来较高的愉悦。

大家有没有厌倦千篇律、了会傻乎乎变色「赞」?而Twitter是怎么做呢?在普赞基础上添加了微交互,用户在赞后会到个动态情感反馈,愉悦感会成倍增加。

从这4个角度,做出情感化设计的产品

情感化细节设计是为了创造出个有趣瞬,并可以把用户注意力吸引到正确位,让用户在不知不觉养成品使用习惯,也可以培养用户粘性。用户在尝试过后,于这交互会有「哎呦,不哦」感觉。

设细节,并不单纯的从UI角度去它好不好看,从分析其否可以的视觉体系下,将感融入其中,辅塑造产品的性格与。

将产的细节融入情感,一是赋予了产本身的调性和趣味;二是充分体现产的定位和特点。它的发生并非户刻意的体会些么,而是希望户可感知到它本来就是产里的一分,从而体现产的值。

总结

现在,产类趋,情感设计在趋于相同。大应该根据具体产性质的同,具体问题具体分析,避免随波逐流。

为让产品功能与用户情感的承接,更的满人们情感的诉求,我们应该在情感化设计上持续探索与挖掘,并为之努力。

欢迎关注公众号:「 融360RUX」

从这4个角度,做出情感化设计的产品

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

9月4日,Google 终于发布了Android 10的正式版本。此前的内测阶段它一直以 Android Q 的名字示人,无论是交互、使用体验的优...
Android 10
让设计细节更高级的9个实用小技巧。 一、大小区分 通过调整文字和数字的大小关系,可以改变用户接收的信息,使得重点信息更加...
可读性
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效对于整个界面的提升是显著的。 动效呈现...
UI动效
此次项目所介绍的是一款儿童拼音启蒙AR产品,核心用户为3至6岁的学龄前儿童。整个设计团队在项目中结合儿童认知、家长诉求、...
AR设计
我们产品的目标用户较为年轻,95后、00后居多,这一部分人群有怎么样的特点,是我们一直在关注的。 看了一些网上的行业报告...
产品设计
@Jenny黄静雯 :​​​相信很多同学会有,看理论的时候觉得很有道理,看完后却不知该怎么实践,久而久之便会产生「看过很多设计...
ICON
编者按:很久没有更新给网页设计师和前端开发者所准备的干货素材了,这是来自 Hongkiat 网站的每月(其实是不定期)新素材合...
干货合集
如何验证我们的对话设计是适宜的?这时候就需要设计走查。为了让走查过程中少出错,我们可以在设计语音体验时,考虑以下几点...
经验分享