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

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

发布时间:2017-09-04 13:32:55 所属栏目:建站 来源:人人都是产品经理
导读:副问题#e# 文章首要说明白差异的视觉计划元素是怎样影响网站用户体验,但愿通过文章的解读可以或许对你的产物计划带来些开导。 大概是由于我在视觉计划上没有太多履历,我发明泛泛在与视觉计划师接头计划方案时,我们经常接头的是:“我认为这样机关很稀疏”、

可及性测试器材

有一些很棒的器材可以辅佐你测试网站的可及性。

  • 下载Color Oracle的色盲模仿器,有Windows,Mac和Linux版本;

  • 将你的静态图片上传到Coblis,可以用九种差异的颜色视角去体验它们;

  • 乃至可以约请色盲患者去测试网站,看是否有他们难以看清的对象。

颜色对转化率的影响

有些优化转化率的专家会声称对按钮来说最好的颜色是斗胆的、吸引眼球的赤色,但也有人说绿色最佳由于绿色暗示“开始”。

有大量的A/B测试表现了CTA按钮(CallToAction)的颜色改变会对转化带来极大的影响。HubSpot在早年仍叫做Performable的时辰分享了这个闻名的测试:

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

HubSpot的A/B测试

尽量他们原本猜测绿色按钮会示意得更好,可是赤色按钮带来的点击量高了21%。可是他们如故提示读者,这个测试功效自己不该该使全部人都把按钮酿成赤色。也许的表明是他们的用户就是喜好赤色,尽量其他的用户也许更喜好绿色。可能,更也许的环境是,这个赤色按钮获得了更多留意是由于它是这个页面上独一的赤色物体。

坏动静是并不存在一种邪术颜色能在全部网站上都示意最优。好动静是有一些履历法例可以辅佐你有用地行使颜色。

履历法例

比拟是要害

这看起来很明明,可是我们照旧要说:假如你但愿用户点击某处,你要让它足够突出。假如你的网站或应用行使了许多橘色,用户也许不会顿时留意到一个橘色的按钮,不管这个橘色按钮在其他公司的A/B测试中示意多好。

在我们的研究中,我们让用户指出他们在每个网站上起首会点击的对象。不出料想,用户更也许点击与配景形成凶猛比拟的CTA按钮。

豁亮令人难忘

在上面提到的谁人 50 人的研究中,我们问的最后一个题目是用户会见的哪个网站最令人印象深刻。

50%的用户选择了豁亮的网站。风趣的是许多选择深色可能白色网站的用户是出于一些与计划无关的缘故起因。好比一个用户以为Dropbox是最印象深刻的由于她已经有了Dropbox账号。

字体

笔墨的首要目标是辅佐用户去做你必要让他们做的工作——不管是试探产物,进修怎样玩一个游戏,照旧赏识一些令人舒畅的故事。

遗憾的是,在网站和应用排版中有许多彼此抵牾的选项,而且没有一个合用于全部环境的严酷法则(不然工作也太简朴了吧)。可是你可以做一些工作,以担保你为网站或应用选择的字体对你和你的用户有所辅佐,而不是跟你唱反调。

字号与行长

笔墨的尺寸和机关会对在线阅读的体验带来庞大影响。年数较大的人可能有视力障碍的人在面临小字的时辰尤其疾苦。纵然是视力正常的人盯着屏幕太久后也会认为疲惫——当他们为了阅读不得不斜视可能放大时会感想激愤。

看看下面这个例子:对付台式机来说,正文较好的处理赏罚方法是每行50- 75 个字符,字号不低于16pt。

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

比拟下面这个页面,每行有 100 个字符,而且字体更小。

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

这个题目在手机上有所延长。对用户来说在一个小的豁亮的屏幕上阅读是一件很头疼的工作。较量好的做法是在手机上每行表现30- 40 个字符。下面是在智妙手机上看到的两个网站,第一个行使了30- 40 个字符,而第二个行使了为台式机计划的网站上的尺寸。

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

由于写死的字号(好比,16px)在差异的装备上表现结果差异,以是试着行使rem单元去界说字号(译注:rem是CSS3 引入的字体巨细单元,是指相对付根元素的字体巨细,便于实现相应式计划)。

(编辑:湖南网)

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

热点阅读