欢迎访问

云 南鼎浩信息技术有限公司官方网站,云 南网站建设诚信品牌!

鼎浩网络,云
南鼎浩信息技术有限公司

鼎浩客服热线

DING HAO COLUMN 鼎浩专栏

鼎浩的一些分享
Sharing from Ding Hao

  • 鼎浩服务
  • 1

视 觉设计如何造就优秀的用户体验(UX)?

来源:站长之家     2018年08月17日56:09
字号:T|T


唐纳德·诺曼(Donald Norman)在《情感化设计:我们为什么会喜欢(或讨厌)日常事物》(Emotional Design: Why we Love (or Hate) Everyday Things)一 书中描述了一个他发现的研究“系统美学的好坏,会 影响后续使用对美观和可用性的感受,但 是实际上可用性没有这样的影响”,换言之,视 觉设计对整个体验的影响与可用性一样。

视 觉设计可能比用户体验更重要这个想法,听起来好像不对,但 是它不应该让我们感到诧异,人 类被他们觉得美的事物所吸引。

有研究表明:大 人和小孩都更容易相信他们觉得有吸引力的人(more likely to trust someone)。相 同的理论对应用程序和网站来说似乎同样如此:人 们更容易暂时相信吸引人的应用所说的话。

在这篇文章中,我 们就来看看为什么人们更喜欢有吸引力的界面。它 会说明我们作为人类,以 及用户体验的从业者如何利用这些知识来创造更好的用户体验。

何为吸引?

在讨论UX中的美学之前,我 们需要回答一个问题。什么意味着,这 个事物存在客观的吸引力?

从字面上看,这是划时代的问题,哲 学家们可以追溯到毕达哥拉斯曾经问过什么是美,毕 达哥拉斯的追随者认为“美是表现和谐,像 数学上的黄金分割一样”。从此许多数学家、哲 学家开始试图量化美。

另一方面,伏尔泰认为,美是不可被界定的,这也许会引发“情人眼里出西施”这种说法。经 验主义者遵循这种观念,把美类比于快乐,就 像人看到美好的事物所表现出的样子

有一些科学家认为:能 让我们赏心悦目的是那些最有益于我们健康的事物。因此,疾病使得人们看起来“没有魅力”,像 浆果之类对我们有益的东西,同 样给我们视觉上的愉悦感。这 个理论有很大的漏洞(想 象下美丽的毒性青蛙),但 理论本身也许有一定的优点。

另外,一 些人争论说美来源于社会和文化的倾向。事实上在美国,绝 大多数孩子在很小的时候就看迪士尼电影,他 们加深了女巫和恶人都长相丑陋,然 而英雄和女主角都长相俊美的想法,然而远不止这些。

如今,由 于受我们周围媒体日益的影响,大量的时尚产品,美容美发趋势(facial hair trends),甚 至体型都被认为是有吸引力的;十年后,那 些相同的趋势看起来可能会让人感到尴尬或不屑。随着文化倾向的变更,文 化对美的定义也会跟着变化。

我 们将观点同理到用户体验设计中,或 许因为我们将某些交互或者网站元素与可用性联系了起来,让 我们感觉很有吸引力。同时,有 很多网络趋势和视觉资源现在看起来很吸引人,但 是几个月或几年过后就没那么大影响力了。

例如:曾 经有一段时间漫画字体成为了一种优选字体,还 有就是动画启动页成为了精心设计的网站的一种象征

。在 用户体验设计中的视觉设计

基 于没有一个人的审美观是“完美的”的认知,我 们现在可以深入研究视觉设计在用户体验设计中的所起的作用。毕竟,它 不仅仅是使东西变得好看。

usability.gov上将视觉设计定义(usability.gov defines visual design)为“战略性的实现图片、颜色、字体和其他元素”,目 的是用来增强设计或交互,并吸引用户。

视 觉设计不同于交互设计,交 互设计侧重于完成任务所需的功能性。视 觉设计则是吸引用户,通过大小、颜 色和留白的使用来引导用户注意到正确的功能和排列页面中事物的优先顺序,甚 至是通过使用视觉线索增加品牌信任。


在某些方面,视 觉设计可以看做是平面设计和用户体验设计的结合(graphic design and user experience design)。事 先声明随着这些领域的不断发展,客观来说,平 面设计通常是指静态的图片或视觉效果的设计。

用 户体验设计包含了交互设计和用户界面设计,所以注重交互。视 觉设计正好位于中间,包 含了以改善交互和可用性为目的而设计静态的图片和视觉效果。

视 觉设计实际上可以极大的改变用户看屏幕的方式(一语双关),用 户甚至会期望从外观上吸引人的屏幕里获得:更好的功能性、更实用、更人性化。

相 关性谷歌的产品总监卢克?弗罗布莱夫斯基(Luke Wroblewski),曾 经花费数年时间探索视觉设计和用户操作之间的相关性。

在他 2008 年“论视觉层级”(Communicating with Visual Hierarchy)的报告中,卢 克阐释了视觉设计在用户体验中的作用。他认为“视觉层级”2(Visual Hierarchy)(即 如何安置和突显屏幕上的项目)帮助我们:

传达消息;

指示操作;

组织信息。


紧 接着卢克分享了许多技巧和建议,意 图在于激励设计师们去思考他们应该在哪以及怎样显示信息。一 个具备吸引力的视觉层级,同时也是可用的那个。

然而七年至今,视 觉设计在用户体验工作中的重要性仍然很少被提及。

在StackExchange中(Over at StackExchange),讨论还在继续。

某个用户指出:

一方面研究表明,UI的 样式是真的会影响到体验吗?通常,人 们会通过封面判断书籍。另一方面提醒我们,如果视觉设计很重要,那么你如何解释微软(Microsoft)糟糕产品的惊人成功?我已经使用Outlook将近 20 年了,并且在我看来Outlook从 来没有两次相同的界面(不,我不是一个傻子)并 且它一直有很高的市场份额!

这是什么意思?

在 旁观者眼里是漂亮的,有些用户觉得微软(Microsoft)很漂亮,或 者视觉设计毕竟是一件好事,并 不是一个碰运气的事儿,正如Lucke Wroblewski所定义。

一个StackExchange用户似乎要取得平衡

:”…视 觉设计影响整体用户体验的一个或多个方面,在 帮助用户实现目标的过程中,它 可能不一定是最重要的部分,但 是必将与用户的感知有关。”

当然,他补充到

:“做 好的或坏的视觉设计真能影响UX?我 认为你将会同意答案是对的,但它以什么方式?这 是一个很难回答的问题。”

合 理的假设一个视觉上有吸引力的网站,得 到同等的好处就像是一个着装得体的人在一次会面中。收益是不用怀疑的,当 用户来到一个没有吸引力的网站,如 果他们有一个好的体验,他们仍然会高兴。

然而,如 果那是一个卡顿并没有吸引力的网站,用户可能会尽快离开。当 一个网站有吸引力的时候(无 论是以经典的方式还是现在流行的方式),用户本质上更相信它,并 且准备给第二次机会。

这 对用户体验设计师意味着什么

对 于用户体验设计师来说,有两个主要的点。

首先,不 要仅仅依靠视觉设计来挽救一个糟糕的体验。最 有吸引力的视觉效果,并 不会修复对用户来说是错误的或结构不完善的特性或功能。

其次,不要忽视视觉设计。我们都有竞争,视 觉设计可以成为鼓励用户重视一个应用程序,而 不是另一个同样可用的应用程序至关重要的竞争优势。

来自UXPin的杰瑞·曹(Jerry Cao)在Creative Bloq和Fast Company的文章,都 为视觉设计提供了规则列表帮助。

对 于想入门的用户体验设计师来说,这是最好的选择:

保持一致(Stay consistent),不 一致甚至会把最漂亮的设计变成丑陋的烂摊子,这 是一个感觉引导视觉的领域。如 果用户对网站感到困惑,那 么这种感觉将会使网站在他们眼中显得丑陋。

测 试视觉概念和纸张原型(Test visual concepts as well as paper prototypes),正如杰瑞(Jerry)在Creative Bloq上告诉我们的那样:“当人们上网时,他们说他们正在‘看’一个网站,而不是‘与之互动’,尽管后者更准确。”我 们对视觉效果有强烈的反应,良 好的品牌形象会影响我们对交互的信任和反应。

不要被潮流左右(Don’t get distracted by trends),黑 色的小礼服在过去的 100 年 里一直流行是有原因的。它很简单,它很干净,它很经典。同样的,一个简单、干净、经 典的视觉设计会随着时间的推移以趋势无法预料的方式保持下去,例如:扁 平化设计的某些方面很有可能会继续存在。总的来说,在 之后的几年里很有可能会有很多应用程序看起来“那么的2015”。

名词解释:

1、视觉层级(Visual Hierarchy):在 二维平面上利用颜色的变化、符号的大小、线 划的粗细对视觉的不同刺激而产生的远近不同层面的视觉效果。[百度百科]


客服中心
点击进行在线咨询

QQ咨询

咨询热线:0871-63399840

客服热线:0871-63523332

客服中心 客服中心
友情链接:    金泰彩票网址   好的彩票app   金泰彩票网址   速中彩票注册   速中彩票官方网站