用户体验随着科技进步正变的越来越重要,并已经逐渐成为用户生活中的一部分。对于产品的用户体验设计而言,需要从我们真实的物理世界中着手,结合美学的互动运动(感知和实际),以及情感上的联系。
有个问题是设计师在做有关用户体验时经常遇到的:“不考虑实际问题。”听起来有点疯狂。也许我们不应该那么机械的讨论这些问题,正如描述交互设计中,只有实践才能达到最佳效果,而人性化设计创建了一种引人入胜的体验,产品可以和用户在身体和情感上建立连接。
这里有几个方法可以做到这一点:
1.牢记:“以人为本”
我们应该大声喊出来:人是放在第一位的,以用户体验为中心。不论是从现在开始还是以后的各种各样的项目,都应该时刻在脑海中出现这句话!而做到这一点,就要使产品变得更加人性化。在活动、互动和设计上是有意识的建立,最重要的一点就是:真实理解我们的用户。
为了确保设计方案的真实有效,可以模拟创建一个用户的角色。例如在研发团队中虚构一个真实的用户身份,这将会有助于提高产品的定位精准度,以及为产品需求进行量身打造。
例如,在角色扮演中我们遵循的交互设计看起来是这样的:
(a)在用户细分的基础之上查看全面参与应用的用户使用数据。例如:哪些人试用的,最终是什么原因导致没有购买,另外又是哪些人购买了,等等,一旦我们仔细研究这类人群,就会在某种行为基础之上建立核心需求。
(b)对于定性的数据,我们采访了来自多个不同阶层的用户,试图了解这些数据背后的“为什么?”
(c)基于定性数据的分析和访谈讨论,我们可以绘制出基本的产品原型,并最终形成用户。
也就是说我们创建的应用是有人需要它,会使用它的,另外仔细阅读应用商店或网站中的留言评论,同时思考应用中的这个设计是否合理,是否直观?而这些就是所谓的“人性化”。
2.设计的舒适度和可预测性
在设计过程中我们还需要遵循一定的设计规则,例如设备类型和屏幕大小等的可适配性。应用能能否在不同的尺寸大小的屏幕上和不同的使用场景中都能满足用户的良好体验。对于设计而言:如果这些都能满足功能需求,那就舒适使用的。
(a)拇指模式:大拇指在移动设备的可控范围,考虑到元素,如按钮或滑动动作时,思考不同手机和手可触及之间大小关系。
(b)思考字体的大小,用户不应该是眯着眼睛来阅读文本的。
(c)在不同的环境中使用时保证提供对比都是可识别性的。例如用户在不同的照明情况下都能清晰阅读。
(d)动效应该源自于真实的现实生活(例如上图中的婴儿车360度旋转)。想想球滚动的物理过程,达到更舒适的用户体验,就越有可能继续与产品进行互动。
3.建立情感上的联系
专注一种情感的传达,不要试图创建多个情感体验。对于情感上的建立应该是双管齐下:产品应该使用户和产品之间建立关系;产品设计应该建立用户之间的关系。
有多种方式来与用户建立某种情感关系:色彩就是建立情感的好方法,例如使用互补色或较有活力的色彩都能建立这种联系,唤起人们不同的心情。例如:
红色:让人想起激情、并得到血液上的兴奋;
橙色:一种能量和奇思妙想的创造力;
绿色:在身体和经济上,促进繁荣;
紫色:传达一种奢华。
色彩作为建立情感之间的纽带这仅仅是一方面,文案和整体的视觉效果都发挥各自的作用,Felt App 的网络营销中使用一种类似方框以及生活所常见照片,作为一种纪念品的情感纽带,背景颜色使用大地色彩,而其中有一封大红色的信封,上面有棕色的蝴蝶飞舞,所有的元素加起来的话,就产生一种手工艺怀旧色彩的感觉。
情感上的联系还有很多,例如:品牌效应,这种方式需要由品牌作为基调并在设计中添加品牌意识。例如人们哭泣的照片往往能更加引起用户的关注,照片中的人物为何哭泣和感到不安,我们能否帮助到?
4.设计中伴随着心理学
当设计中涉及到心理学知识时,就有很多地方需要学习的了。
(1)做一些有偿测试:人们往往更喜欢做有偿的测试,得到一些回报;
(2)从众行为:尤其时无从下手的时候,可以去观察并仔细研究其他同类型用户;
(3)用户希望拥有其他人所没有的:根据稀缺性原理,这样会更加的有效;
(4)当谈到选择时,用户往往会陷入两难之间:所以我们谨慎使用多项选择;
(5)人们通常只关心与自己相关的事或物;
(6)对于脱引而出的元素比较容易留下印象:所以使用好对比度,以营造焦点元素;
(7)用户需要及时的反馈:如果产品的界面反应时间超过1s,用户的控制感就会瓦解,另外反馈信息应该是明确简洁,易于理解的。
Bose就是一个很好的例子,这个网站需要几秒钟来加载,但加载时会有小动画,让等待感觉不那么乏味,当我们将鼠标悬停在每个产品中时,就会比较流畅的触发动画,以此和用户建立某种互动。网站也通过色彩来捕获用户注意力,拉近与用户的距离。
另外看看下面的案例,是我们建立的一个动画原型,可以看到菜单栏的切换中有点儿慢,所以使用较为明亮的色彩来吸引用户注意力在弹出列表区域。
5.设计与简洁
一位智者就说过,设计在于细节,而简洁就是强化细节。如网站:Facebook、twitter、Instagram的蓬勃发展就是将人与人之间的连接起来。他们彼此之间分享各自的生活,设计和界面都很简单。
先从简单的视觉角度着眼:
(a)颜色:坚持使用高对比或两种颜色,充分考虑文化因素的,特别是国际化的发展中。
(b)排版:排版中第一原则就是可读性很强,同时每个内容都能清晰可辨,另外标题和文本内容有足够的对比区分。建仪使用非衬线字体,因为它们可识别性较高,在线与线之间有较大的空间,为视觉上提供足够的舒适度。
(c)留白:更多的留白使得更有设计感和吸引力,局促的文字和混乱的排版以及不和谐的元素,这些都应该在彼此之间找到一种平衡关系。最后就是适当减去多余的元素。
(d)动效设计:在界面中的交互和联系都是不可见的,而通过巧妙的动效来建立彼此之间的联系。例如一个简单的 悬停动画,就可以增加视觉层次感,同时为用户提供良好的反馈信息。
总之,在视觉元素的设计中,还是那句老话说得好:“少即是多”。
作者:Jerry Cao
http://thenextweb.com/dd/2015/09/03/5-psychology-secrets-for-great-interaction-design/