加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

发布时间:2017-09-19 17:12:18 所属栏目:建站 来源:人人都是产品经理
导读:副标题#e# 文章主要分析了不同的视觉设计元素是如何影响网站用户体验,希望通过文章的解读能够对你的产品设计带来些启发。 也许是因为我在视觉设计上没有太多经验,我发现平常在与视觉设计师讨论设计方案时,我们常常讨论的是:“我觉得这样布局很奇怪”、

标签与可用性

针对于那些认为一图胜千言的人来说可能会有些失望:

文本标签会极大地提高图标的可用性。

我们很容易期望用户(尤其是手机用户)会到处点,高兴地尝试所有不同的图标直到他们发现了每个图标是干嘛的。

但实际上,用户会被新的用户界面吓到并且不会像我们期望的那样在他们的舒适区之外探索。在一个不熟悉的产品中,用户想要在采取动作之前就清楚地知道这样做会发生什么。

你的图标需要在用户点击之前为用户设定清楚的期望,而这通常意味着使用文本标签。

我们的研究结果:有标签VS没有标签

在我们的研究中,我们发现对有标签的图标来说,在88%的情况下用户能够在点击之前正确地预测将会发生什么。

而对于没有标签的图标来说,这个比率只有60%。

并且如果没有标签的图标在应用中是独一无二的,那么用户在点击之前正确预测将会发生什么的比例只有34%。

比如说,Meetup应用使用一个名牌图标表示小组活动并加上了一些额外的品牌识别。但是,因为一个空的名牌不会让大多数人想起活动或者通知,所以他们增加了标签。100%的测试参与者能够正确地猜测出这个加了标签的图标能干什么。

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

变通方法

有一些设计师发现加标签违背了使用图标的目的,并且使用户界面显得杂乱。为了避免使用标签,他们在教程或者引导页面中加上了关于使用图标的说明,希望训练用户如何与图标交互。

虽然这可能是用来介绍独特的或者不通用的图标的好方式,但是这不应该替代更加直觉化的设计。记住一件事:用户常常跳过教程或者很快地忘记了他们学过的一切。教程应该是一个工具,而不是一个依靠。

对设计决策进行测试和验证

在做一个新的设计的时候,跟随最佳实践比如高对比度按钮和可读性强的字体是一个很好的开始。但是最终,正确的设计决策是能够带来预期结果的那个。去发现你的设计决策是否给用户带来直觉并且以你希望的方式影响他们。

验证你的假设

把你的设计当做是你需要常常去验证、反证或改进的假设。这会给你信心去尝试很多实验并发现什么才能够带来最好的商业结果以及愉悦你的用户。

做定期的用户测试,去听用户如何描述他们在使用你的网站、应用或者产品时的体验。你将会听到他们描述你的品牌与什么情感联系在一起,你会看到很多因为令人疑惑的图标或者难以阅读的文字而让他们感到困惑的地方。

但是你不必等到有了一个开发完成的真实的产品才能去收集用户反馈;你可以在原型设计阶段就开始用户测试。这会帮助你验证你的设计决策并带着信心继续,或者快速发现和修复所有不起作用的设计。

如果你的设计已经实现了,使用A/B测试验证你的设计决策是否影响了用户行为,转化率以及以你期望的方式带来的收益。

简单的用户测试问题

这是当你在验证你的设计时可以询问用户的一些问题:

  • 在使用【你的网站或应用】之前,请告诉我们你对一个从事【你的公司的业务】的公司的期望。你认为它能够做什么?你觉得这个网站或应用应该长什么样子?

  • 你首先会点击的是什么东西?

  • 你会用哪三个词描述这个网站或应用?

  • 使用 1 分(非常不愉快)到 5 分(非常愉快)评价这个网站或应用给你的感觉?

  • 你有多大可能性信任这家公司?

  • 这个网站或应用相比起你的期望如何?

  • 不要点击,告诉我们你认为点击了一个这种形状的图标会发生什么?然后点击它,实际上发生了什么?

如果你的设计决策对用户起作用并且能够指导他们使用你的用户界面,那么用户就能够完成你期望他们完成的事情了。这不只是一个有效的设计——这也是一种巧妙的商业行为。

译者:cyan_zheng

译文地址:

http://downloads.usertesting.com/white_papers/UserTesting_eBook_Designing_a_brilliant_UX.pdf

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读