湖南正致教育:UI设计中的心理学
即时情绪
即时情绪其实就是用户对于产品直接情绪反应。当你的网页出现可用性、可访问性或者可读性的问题的时候,用户出现负面的情绪反应,举个例子,当网页无法流畅滚动,无法加载信息的时候,你的直接反应可能是无奈、困惑甚至不信任。这是用户对于产品所呈现出的一种即时情绪。
当然,用户的即时情绪可能是负面的,自然也可能是正面的。比如一个设计的页面会在你看到的时刻,令你为之惊叹,留下深刻印象。这种正面的即时情绪也是设计师们所追求的效果。
Acorns
Acorns 是一个在线零钱投资APP,可以帮你将闲置的资金动起来。整个主页设计充分使用了简约的设计来平复访客的情绪,整个简约的环境下,用户可以看到这款APP覆盖了全部的平台,在可用性上无可挑剔!当他们看到$6,363.71 会进而产生“这款应用能赚钱!”的心理暗示,整个这一套下来,让用户对这款应用产生正面的情绪,引导他们下载使用。
CartoDB
CartoDB 可以让地理信息以漂亮的形态呈现出来。虽然地理信息怎么都不像是能漂亮起来的东西,但是CartoDB还真就做到了。当你打开网页的时候,你会看到一幅令人兴奋且足够华丽的地图。CartoDB的首页大图就是有这样吸引人的魅力。虽然他们的数据库并不是拿来销售的,但是仅目前的网页设计就可以吸引相当一部分潜在客户。
Reuters TV
作为一款流媒体APP,Reuter TV 无时无刻不在做自我展示。整个网站导航并不多也不复杂,这也使得时刻不停的视频背景显得特别抓人眼球。但是这种方法却以更加直接的方式为用户展示正在发生的新闻,并且可以让用户产生真实的即时情绪。
预期情绪
预期情绪和即时情绪不同,用户会结合他们看到的过去的经验来产生对于未来的某种预期。这方面常见的例子,就是在网页中展示购买了产品之后的人们幸福的生活照。这样的场景是吸引潜在客户并打消他们的由于的重要的手段之一,而且,当用户开始想象自己使用产品的场景的时候,就会自然而然地同产品产生情感纽带。如果你的产品能在用户中引起积极的情绪,就能为品牌和产品增加信任度,用户的忠诚度也会随之提高。
Grovemade
我们曾经多次过Grovemade 的网站,这是一个销售手工木制品的网站,从显示器支架到手机壳,不一而足。当你打开网站的时候,设计师用轮播图展示一系列产品的使用场景图,精致,细腻,吸引人。你会在这些图片中看到你的电脑用上他们的支架有多漂亮,用上他们的手机壳有多帅气,用户就是在这一张张照片中被吸引、被说服的。
Madeindays
这个网站所展示的照片则更多的是生活方式类的图。整个网站采用的是单页设计,而且整个页面也相当的长,设计师在这个网页中通过九张图展示了一款定制化的钱包,文字很少,图片很赞。这种产品的展现方式谈不上多么突出,但是缺乏干扰的呈现方式让产品图更加吸引人,千言万语不如一张图来的直接。你要的是什么?漂亮的产品么?来就好了。
Narrative
Narrative 可穿戴的相机,它可以每隔几分钟就帮你拍张照片,这种功能使得这款相机有许多不同于其他产品的特性。所以,当你打开网站的时候,映入眼帘的是个一个由不同生活瞬间构成的视频。页面最终确实给你展示了相机的造型和外观,但是这不是重要的——你的最终并不是一个实体相机,更多的是一种生活方式,或者说就是生活本身。你再也不需要掏出手机来刻意记录,这个相机会帮你拍摄,那些难忘的记忆也会清晰地记录在其中,这是一个简单但是意蕴丰富的镜头,帮你记录生活的瞬间。
专注价值
我们都很清楚,专注于呈现产品的价值和优势,而非分析它为何会这样。所以,让用户与产品产生情感联系是重要的。从上面的案例可以看出来,情感联系和情绪感染对产品销售而言是何等的重要。当然,文案是整个设计中的重要组成部分,如果你想设计出真正调动用户情绪,吸引人的着陆页,那么不妨参考一下下面的文案。
Evernote
搜集想法并输入
将正确的人引入到讨论当中。你可以将一段对话发给任何人,即使他们并不使用Evernote。
UberConference
了解谈话对象
始终看着说话的人。你会更轻松掌握他们的社交状况。
Pencil by FiftyThree
运行良好
通常手掌误触、删除和混淆只会在纸张和非支持的应用中出现,不过 Paper Pencil 依然可以在非连接状态下,同任何其他应用中作为触摸设备而使用。
Flow
不再错过任何邮件主题
相比于在诸多邮件中迷失,团队实时聊天、清晰的任务管理和项目计划等功能的集成,将会很好的缓解你的困境。交流信息、分享反馈都可以很好地帮你完成工作。
结语
了解用户的需求和心理并不难,更好地利用产品的特性和用户的情绪才是最终达成目标的设计技巧。我想就是这样的。
来源:湖南正致教育(一家专注ui设计产学研的企业)
厚学推荐学校
网上报名
推荐学校
更多>>新闻资讯
更多>>-
你想自学UI设计,为何又中途放弃了呢?
2018-05-17
-
湖南正致教育谈UI设计的几个实用小技巧!
2018-05-17
-
学习游戏ui中怎样设计界面风格
2018-05-18
-
最能拉开UI设计师差距的高频面试题
2018-05-19
-
湖南正致教育:UI设计中的心理学
2018-05-21