思缘教程网欢迎你! 思缘旧版思缘图库思缘论坛软件下载网站登陆加入思缘

注册送白菜网

文章来源于 站酷,感谢作者 爱设计的狐狸 给我们带来经精彩的文章!
思缘教程/设计注册送白菜网/设计注册送白菜网2018-09-14
人是有感觉、思想和情感。优秀网站和app的体验都是为情感而设计。情感化设计不单单只展示一个任务,一路上也在引导用户反馈,激起用户的共鸣。

声明:如需转载,请申请本人授权并保留文章全部信息,严禁私自用于任何商业用途,请尊重作者权益。

人是有感觉、思想和情感。这些年我看到的一些优秀网站和app的体验都是为情感而设计——不单单只展示一个任务,一路上也在引导反馈。这种反应可以是一句简单的“好酷”,可以是“哇哦”。

当电影导演创造场景想要他们的观众感受到恐惧、悲伤、同情之类的情绪,他们会煞费苦心地选择正确的灯光、声音、地点、顺序和摄像镜头来创造创景。在电影的世界,我们叫这个为“场景设置”,它是电影美感的一个不可缺少的部分。

详解谷歌设计师教你做情感化设计,PS教程,思缘教程网

左图:诺兰的《星际穿越》—— 黑洞场景,见证了Matthew McConaughey掉进黑洞的恐惧,惊讶和好奇。右图:Tony Scott’的《壮志凌云》——摩托车场景,看到了汤姆.克鲁斯和一驾F-14喷气式战斗机赛跑的兴奋感,刻画了他的动机和冒险精神

现在,你可能想知道情感化如何运用到互联网设计中。创造情感化的响应可能不是现代设计师首要考虑的问题,他们经常想要用户做A/B测试。当然,这依赖于我们正在设计的是什么以及设计的背景。然而,用户也是人,他们是我们的观众——不仅仅是一个用在你网站或app的人口数据。我们用UI元素、画像、手势和交互做我们自己的“场景设置”,我们创造氛围,制造出整个用户体验。

数字世界的运用实例

这里有一些很优秀的互联网设计,我觉得提供了很棒的体验给他们的用户。

一次海上旅行

http://sortieenmer.archives.grouek.com/

详解谷歌设计师教你做情感化设计,PS教程,思缘教程网

浸入式的交互体验让你身临其境

与以上不同的是,这一部分是以第一人称的角度来简述故事和经验。前提很简单,人物角色最终从船上落下,你放在了他的鞋子里——用你的滚轮停留在表面。你真实地感觉自己在用力挣扎以保持不沉,和这种简单的交互式力学的结合——累的感觉,声音,令人窒息,无情的大海。少量的UI元素暗示着人物的能量以及你和界面的关系。你感到恐惧,疲惫,绝望和悲伤。

这个网站是做什么的?它是为Guy Gotton宣传航海服的,通过一个宣传海上安全的镜头。他们本来可以做另一个宣传网站,去展示这个服装的特性和防水材料相关的技术数据。取而代之,他们讲了一个故事,一个在海上发生意外的故事,他们给用户一种浸入式的体验,让用户变得有参与感。它吸引了你,让你感受到情绪,变得更令人难忘而有意义。

Citymapper

http://citymapper.com/

安卓版(http://citymapper.com/android?referrer=topnav)

IOS版(http://citymapper.com/ios?referrer=topnav)

详解谷歌设计师教你做情感化设计,PS教程,思缘教程网

一些功能展示,不仅仅把用户带到他们想要的地方,与此同时也融入了自身的个性

这更是一个明智的例子,关于如何让app帮助人们导航他们所在的城市。市面上有大量的地理定位app,Citymapper脱颖而出是被大量用例驱动。Citymapper融入一些情感是通过一些有个性的优秀功能。比如,“带我去那”的功能就能让用户从A到B,当你应该在某一站下车时,会有像振动的小提示。略有变化的设计大大帮助了用户理解导航。

它能让用户很有信心地去探索一座城市,并且使用起来很方便——去处理这种未知的恐惧感。力量和个性匹配——比如当使用带我回家的功能——hoverboard是一个选项,会触发Marty McFly跳上他的悬浮滑板,这能让你在设备上控制使用的倾斜度。之前的版本是包括弹射器模式和火箭模式。当然这个并不是必要的,很多人可能会问为什么他们要花时间去用这些功能,但是这些小功能会让这个app变得有趣,用起来很快乐。与大功能匹配的一些小特性在很大程度上会引发情绪上的反馈。

你可能感兴趣的教程
版权所有思缘教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa