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

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

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

一旦你选择了颜色,让真实用户在自然环境中使用任何你能想到的设备试用是绝对需要的。如果任何测试用户在阅读你的文本时遇到了麻烦,那么有理由相信你的客户正在遭遇相同的问题。

我们的研究结果:衬线与非衬线

在传统的印刷排版中有个常识,衬线字体可以通过在水平方向上温和地引领视线而提高可读性和阅读速度。

但是关于这两种字体的实际区别的研究结果非常不确定。我们需要自己做试验,所以我们做了一个研究,让 30 个用户阅读两个除了字体之外完全相同的页面(A使用的是Arial,B使用的是Times New Roman),并测量阅读时间和理解程度。

我们得出的结果同样是难下定论的。

阅读非衬线字体页面的用户平均阅读速度高了9%,但是差异没有达到统计显著水平。并且,用户的理解率也非常接近:阅读衬线字体页面的用户的理解分数高了1%,同样也是不显著的。

唯一值得注意的区别是阅读衬线字体的用户抱怨的次数是另一组的两倍(表示段落很难阅读的用户在衬线字体组和非衬线字体组分别是 6 人和 3 人)。

所以衬线字体有什么问题呢?

首先,衬线改变了每个字母的轮廓,所以它们对有诵读困难症或视力障碍的人来说更难识别。

第二,因为这些水平线非常小,它们在低分辨率的老计算机屏幕上显示效果很差。(智能手机和平板上的Retina屏幕有更高的分辨率,会让衬线字体更容易阅读。)

这意味着我们在电子产品上只应该使用非衬线字体吗?

绝对不是。这只是意味着当你选择使用衬线字体的时候,要确保使用干净而准确的在线字体,并且——你知道的——用真实用户去测试你的选择。

选择对用户来说合适的字体

你选择的字体是用户在你的网站或应用中的整体体验中的主要部分。考虑完整的情境,而不是只是在设计的时候依赖某些规则。

你的用户期待什么?

有什么更复杂的东西吗?乐趣?极简主义?在访问网站或打开你的应用之前,用户对你的品牌已经有哪些了解?你想要创造怎样的第一印象?

客户在使用什么设备?

对于大多数电子设备来说,你的用户会在火车上,在电视前,在阳光明媚的露台上阅读你的文本。确保保持他们的注意力,不要用难以阅读的文字把他们赶跑。

用户试图完成什么?

购物?学习?娱乐?确保你提供的体验与用户的需求(以及你的商业目标)相匹配。

如果你希望客户快速理解你的产品特点以便他们决定下单,那么选择让他们瞄一眼就能够理解的字体。如果你希望用一个长而吸引人的故事保持读者的注意力,那么选择让用户容易保持盯住页面的字体。

图标

不管设计的是网站还是应用,在用户界面上的任何图标都应该为某个目的服务。当然,图标的存在是为了节约屏幕空间。但是更重要的是,图标应该帮助你的用户。如果得到正确的处理,图标可以帮你指导用户快速而直观地完成任务,而不需要过多地依赖文本。但是如果处理得不好,图标也会迷惑用户,把他们带向错误的路径,并摧毁他们使用产品的体验。

因为有很多的应用和网站都在使用令人迷惑的图标,我们想知道一个问题:让一个图标达到用户友好需要做什么呢?

我们做了一个远程可用性研究去探索移动应用上的图标带来的用户体验。我们观察了 35 个用户与一系列安卓应用上的 190 个图标的交互过程。有些图标是很明显的,比如放大镜表示搜索功能。有一些不太明显,比如一个旗帜表示群成员。有一些有文字标签,有一些则没有。

(编辑:核心网)

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

热点阅读