童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

有什么方法可以打造“触动人心的设计”?

3月11日 生死族投稿
  用户体验设计的精髓,在于恰到好处的设计出最合适的用户场景体验,而这种体验是不知不觉给予用户同时能让用户在触点的那个瞬间怦然心动,那如何让用户心动呢?阿里同学专门组建了一个团队来研究这方面,现在初步方法有了,来学
  古人云:“动人心者,莫先乎情。”,同样的我们从约翰。奈斯比特的语言中窥见:”无论何处都需要高补偿的情感,社会中高技术的越多,我们就越渴望高情感的环境,用设计软性的一面来平衡技术硬的一面。设计作为人的创造性活动,不是摒除激情或者情感,而是要创造一种中性的、能容纳和激起使用者情感的东西,这种东西是一种境界。”
  因此,我们1688UED在2014年组建了人文情怀课题研究小组专门来探讨如何进行“触动人心的设计”,课题研究的范围从马斯诺需求到各种效应理论以及设计心理学,大家在浩瀚的知识学说中徜徉,并不断碰撞产生了各种的灵感火花,最后得到了一个关于“DesignO2O”的设计思路以及“CORE”的方法模型,同时找到了如何验证我们“触动人心的设计”是否有效方法。
  DesignO2O这个思路是由课题小组不离同学提出的也是我们整个设计方法的理论基石。(见下图)
  人的大脑是个超级存储器,总是通过五感接受信息,被大脑识记,并且保存在记忆当中,五感由于我们是从事互联网设计行业,都是偏电脑页面的一些设计,所以主要能发挥的是视觉和听觉,线下某些实物的工业设计还会有嗅觉,味觉,触觉等等。图中的“识记保存重现”是人类记忆的主要过程,重现包括回忆和再认两个环节,我们这里提到的主要是指回忆,是在一定诱因的作用下,过去经历的事物在头脑中的再现过程。
  拥有记忆的人通过看见了一些事物或者听见了某些信息,和大脑保存的过去进行了重合配对,唤醒了记忆,那些画面会被重现,在这个过程中你的大脑已经不知不觉中招了、被刺激了,重现的画面在你的脑海里久久不能离去,以至于让你做出一些意想不到的事,就是我们说的情绪行为,以我们自身为例,影响的就是购买决策,在我们的平台上就有一群这样的用户,人称“月光族,剁手党”所以我们发现对于一个完全没有记忆的人来说,其实是很难触动情感的。
  通过大量的案例收集和讨论给这样的方式在设计中的运用总结为“DESIGNO2O”。offline2online,就是刚才所说的过程,这个过程转化为设计就是把线下的场景或者人物或者事件等等还原到我们的设计中,公式就是要简单好记,才能被广泛引用,这也是O2O业务模式的设计延伸,也同样印证了一句哲学思想:Everythingisconnected。万事万物都是互相联系的。
  我们的O2O业务模式将线下的商务机会与互联网结合,让互联网成为线下交易的前台,我们的设计也是一样将线下的事件,人物,场景,甚至是过去所铭记的那些虚拟事物,让他们成为我们设计的灵感之源,连接线下和线上的桥梁,不一定是长得一模一样的桥梁,通过不同设计师的设计手法也会有一样的展现结果,但他们都可以是触动人心的。
  那这个designO2O的思路核心到底是什么呢?
  如何通过这个思路去指导我们完成触动人心的设计呢?其实这个思路核心就是一个叫CORE的设计方法模型,他包含4个阶段,分别是采集(collect)、组织(organize)、反应(reaction)、评估(estimate)。
  他们彼此间的相互作用形成了一种做触动人心设计的方法,接下来我将对整个模型进行细分拆解来讲述一下每个阶段我们需要做的一些事情。
  采集
  首先我们来说一下“采集”,我们要做触动人心的设计,必须要充分的了解用户内心的所想所感,了解的越充分越接近用户的痛或者他们的渴望,就越能刺激用户的内心,达到我们的设计目标。在这个环节我们通常可以在项目中使用移情图或用户体验地图通过定性定量的方式深入的了解(基于persona)目标用户,也可以学会自己平时多观察生活,通过照片日记的方式记录生活感受生活中的点滴,车尔尼雪夫斯基说美即是生活,生活中的点滴会给我们更多“触动人心”的灵感,让我们在设计的过程游刃有余。
  组织
  第二个环节“组织”,在采集环节收集到用户的所想所感,将会在这个环节进行对再加工。之前通过designO2O的思路推导发现“没有的记忆的人是难触发情感的”。我们通过对记忆和情感的相关性剖析发现,记忆和情感都是人类认知的核心,记忆通常都伴随着情感而情感又有助与加深记忆。
  所以我们从记忆的角度切入进行了对人们情感节点的探究,继而发现人们的情感节点因人而异,做触动人心的设计最理想的情况是能够组织一些大家共有的情感节点,而不是寻找使用非常小众的个体的予以设计呈现,在整个设计方法中这是一项非常重要的原则。我们通过对记忆的研究并结合一些数据资料,推导出了六个可能可以引起用户普遍共鸣的情感节点。
  时期(比如:学生时代、童年、文革之类的特殊经历时期)、地区(好比故乡、家、大多数人都认为家是一种情愫,从这张2014年的春运流量图就可见一斑)、环境(这也是个非常好的切入点,我们通常说触景生情,月亮的阴晴圆缺、雨天、晴天、不一样的天气环境能触发不一样的情绪,撩拨内心多样的情感记忆)、人(最近看了柴静的“穹顶之下”,在整段视频开始没多久她就提起了她的女儿,当场就触动了很多观众内心最柔软的地方)、事件(浪漫的、喜悦的,悲伤的、比如2003的非典)、文化(通常与节日相关,目前最常见的doodle设计都会优先从这个角度入手,容易普遍的情感共鸣)。
  这个是我们1688ued2014年做的部分doodle设计。
  反应
  接下来讲一下这个模型的第三个环节,“反应”,刚才我们通过对大脑中记忆与情感的初步研究得出的若干个情感节点,将在整个情感反应场中承担至关重要的角色,那什么是情感反应场?
  所谓情感反应场就是通过象限图将组织环节得到的情感节点放在Y轴同时将采集环节收集到的核心信息要素放在X轴,X轴上的核心信息要素可以是一个也是可以多个,将X轴的核心要素与Y轴的情感节点结合反应形成情感载体的一种思维方法。
  评估
  我们通过情感反应场找到情感载体并不都是可用的,方法模型的最后是我们需要对刚才获得的各种情感载体进行评估,在这个环节中首先我们可以通过“三境”验证法来评估和筛选情感载体。
  什么是“三境”呢?
  Everythingisconnected,中国文化博大精深,对于艺术来说也有非常多的共通性,我们说的三境就是指诗词中的“物境”“情景”和“意境”她们与我们designO2O思路中的“抄现实”“唤醒”“向往”三个层次一一对应。
  物境是什么?
  “昨夜西风凋碧树,独上高楼,望尽天涯路”大家看这句诗词,有西风、有碧树、有高楼非常凄美的是一个场景描写,我们在做设计过程中通常会使用“抄”现实的手法将基于目标用户经验和行为的场景予以还原,这就是物境。那更高一级的“情境”是什么呢?“人生若只如初见,何事秋风悲画扇”这句诗出自:清。纳兰容若的木兰花令,描写了一种对于过往的怀念情愫,在设计过程我们也可以通过某些情感节点将用户的过往记忆唤醒,达到触动人心的目的。最高层级的意境又是什么?“长风破浪会有时,直挂云帆济沧海。”是一种正能量的传递,一种向往,一种积极浪漫主义的情调。有位牛人曾今说过“一个优秀作品可以同时兼有三境,而不一定是其一”。
  除了我们刚才提到的“三境“验证法,其次我们还需要对这些情感载体的进行真实性评估,什么是真实性呢?真实性就是指判断情感载体是否真正可以有效的触达用户的内心,那如何评估呢?可以通过感知性度量、卡片分类、案例投票也可以通过专家走查的方式进行真实性评估。
  如果说纯概念有点云里雾里,那就举个“栗子”吧!比如:这个是我们课题研究小组苏林同学设计的一个用户反馈平台项目。
  在这个case里利用我们之前提到DesignO2O设计思路,将声音这个核心要素与我们在组织环节获得的情感节点进行结合,建立情感反应场,形成情感载体,最后通过评估筛选得到最能触动人心的设计方案。
  每个人心中都有一个哈姆雷特,所以这并不是唯一的结果。之前提到“三境”验证法,那这个案例中的三境又是什么呢?
  物境:是海螺图形的拟真呈现;
  情境:海螺可以唤醒用户的情感,激起用户对童年场景的回忆,那些年的喜怒哀乐;
  意境:我们通过这个平台沉淀用户声音,完成从意见反馈收集问题解决定期跟踪的产品闭环,同时期望平台和海螺能有一样坚硬的外壳,保护用户的声音、呵护用户对我们的信任。
  再来讲一个小例子,之前跟某女神聊天,说起“三境”验证法,那天正好是元宵节,她就以汤圆为例描述了她对三境的理解。物境是汤圆,情景是亲人的团聚,意境就是其实圆满就在身边。大家可以按这个思路思考一下,你的设计稿到了三境中的哪一境?。
  “路漫漫其修远兮吾将上下而求索”,触动人心的设计命题很大价值也很大,目前我们只是发现了它的冰山一角,这项课题的研究还将继续被完善和优化,希望这份初步的研究总结可以让大家在设计过程中所有帮助,共同在“触动人心”的道路上发现更多、收获更多。
投诉 评论 转载

巧用视错觉UI更有趣巧妙的利用视错觉,有效地控制网页的设觉效果,从而创造出风格更和谐的网页设计,同时也能更有效地将你的信息传达给用户。我们每个人在生活中都曾感受过视错觉(opticalill……不要在移动端菜单设计中犯这些错误移动端屏幕小,却需要显示太多的内容。使用菜单是个很好的选择,但是千万不要犯以下错误:1。分不清菜单和2。太多的留白;当我们想要让移动网站的用户导航更加直观时,会……那些丑丑的应用图标,设计它们的人是怎么想的?【导读】一个应用的图标,就是这个应用的脸。略丑的“支”赭(zh)隐是一名设计师,他供职于一家掌管着2亿中国人移动支付安全的公司支付宝钱包。不巧的是,这份工作并不讨人……戏说愉悦强迫症,真的交互设计满足需求足矣37枚圆章典故源自99年美国一部卖座的喜剧影片《上班一条虫》,餐馆老板希望自己的服务生带上圆章,借此让服务生同客人打开话匣子,试图愉悦客户,从而获得更好的生意。但实际上影片中的……零基础如何自学UI设计?酸梅干超人:下面是我这几年经验的总结和思考,虽然我并不算是最出类拔萃的UI设计师,但也希望对新人有益。第一点:学习准备启蒙学习一项技能,尤其是已经有……帮你在10分钟内了解基于行为的产品设计编者按:我们见过设计优先的产品,见过基于用户体验来设计的应用,以及大把的基于老板的需求来设计的应用这次,让我们来了解一下什么是基于行为的产品设计,应该能让你在迷雾中看到另外一束……手机屏幕尺寸扩展是如何影响用户体验设计的大屏手机已经随处可见了,可是操作的用户体验并不如人意。发布会上的歌颂和叫嚣并没有解决所有问题,面对着优化大屏手机的界面和体验,依然需要继续反思造型千奇百怪的小屏手机叱咤风……字体设计第一战之移花接木!字体设计就像一场未知的战役,需要我们去探求以及耐下心来反复琢磨与调整,只有这样才能够创造出富有个性的文字,从而在这场战役中展露头脚。为什么要做字体设计字体的外形有着……那些过目不忘的H5页面从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》,从2014下半年起,各种H5游戏和专题页纷纷崭露头角。“H5”,这个由HTML……风格大变身的QQ音乐V5之星设定QQ音乐今年的重大更新后,风格完全换了个样,想了解背后的设计思路?今天腾讯的同学将从框架、UI、图文品质和动画几个方面,分享5。0设计过程和思考悄然间,……有什么方法可以打造“触动人心的设计”?用户体验设计的精髓,在于恰到好处的设计出最合适的用户场景体验,而这种体验是不知不觉给予用户同时能让用户在触点的那个瞬间怦然心动,那如何让用户心动呢?阿里同学专门组建了一个团队来……如何巧用大师的作品帮你搞定色彩搭配?色彩基础知识不够扎实?配色灵感枯竭殆尽?今天百度的同学通过思路实训,手把手带你走进绘画大师的配色王国,再乾坤大挪移,将高手的配色都化为己用,配色弱必马!在设计时,对色彩的……
如何优化单个页面有什么要求?SEO关键词优化与排名提升分享经验外链对搜索引擎优化的重要性如果交通不够怎么办?关键词优化内外链在网站优化中的重要作用分析网站内外链接的基本知识和优化技巧新站SEO优化的重要规划步骤只是排名前的时间问题你知道为什么网站排名总是不在主页上吗?好的网站优化能给企业带来什么?【网站排名】网站不在主页上排名的原因网站域名是否影响网站排名?两者之间是什么关系?使用模板建立网站对网站优化有好处吗?过年送酒合适吗过年送酒合不合适触碰不到的往事个人对单位行贿罪的立案标准是怎样的?极品南瓜粥怎么做再也没有进博会吸引更多美国企业扎根中国共享发展机遇保育员个人工作计划杨幂7岁女儿变身爷爷刘丹小粉丝,嘴巴特甜,坚强又独立大型音乐舞蹈剧完双子座男配水瓶坐女生相配吗(天秤座和什么星座最配)遇见公交车上

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界