本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

wzatv:【j2开奖】颜色、字体、图表,这些视觉元素是如何影响用户体验的?(2)

时间:2017-07-21 14:58来源:本港台直播 作者:118KJ 点击:
当它与用户对航空网站的期待不同时,就会显得比较突出。选择一个意料之外的颜色可以有效地让用户体验到高兴,并且让他们记住你的公司。 考虑你的

  当它与用户对航空网站的期待不同时,就会显得比较突出。选择一个意料之外的颜色可以有效地让用户体验到高兴,并且让他们记住你的公司。

考虑你的目标客户有多传统。

他们对背离规范有什么反应?

这会令他们感到开心还是迷惑?

如果你的配色背离了传统预期,你的公司传达出了什么信息?

  

wzatv:【j2开奖】颜色、字体、图表,这些视觉元素是如何影响用户体验的?

  颜色与可及性

  你的网站或应用对有视觉障碍的用户来说是什么样子的?

  大约8%的男性和0.5%的女性患有某种形式的色盲。色盲有多种情况,但红绿色盲是最常见的。红绿色盲患者无法区分红色,绿色和具有相似值的黄色,尤其是当绿色中含有的黄色比蓝色更多时,比如下面的橄榄色背景色。

  

wzatv:【j2开奖】颜色、字体、图表,这些视觉元素是如何影响用户体验的?

  同样的按钮,左边是视力正常者看到的,右边是红绿色盲看到的

  如果你在使用低对比度的颜色,要知道色盲用户可能根本无法辨认文字或者图片。在寒假这个问题尤其严重,大量网站充斥着节日喜庆的红色和绿色。记住,如果有8%的男性访客无法看到按钮上的文字“Buy Now”,那么你可能正在流失掉数量可观的转化。

  如果你不得不使用对色盲患者来说难以区分的颜色组合,你仍然可以通过提高颜色之间的对比度来保证可及性。比如下面这张图使用了非常暗的红色和非常亮的绿色,不管是否色盲都很容易看清楚。

  

wzatv:【j2开奖】颜色、字体、图表,这些视觉元素是如何影响用户体验的?

  同样的按钮,左边是视力正常者看到的,右边是红绿色盲看到的

  还有一些关于可及性的要点:不要忘记那些可能在使用屏幕阅读器访问你的网站的用户。你是否曾经在填写表格的时候收到一个错误信息,比如“标红的字段是必填的”?这对于那些无法看到红色字符的人来说是极其糟糕的体验。最好避免在网站或者应用中提到颜色,并且提供更加具体的错误信息,比如“邮件地址是必填的”。

  可及性测试工具

  有一些很棒的工具可以帮助你测试网站的可及性。

下载ColorOracle的色盲模拟器,有Windows,Mac和Linux版本;

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

甚至可以邀请色盲患者去测试网站,看是否有他们难以看清的东西。

颜色对转化率的影响

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

  有大量的A/B测试显示了CTA按钮(CallToAction)的颜色改变会对转化带来极大的影响。HubSpot在以前仍叫做Performable的时候分享了这个著名的测试:

  

wzatv:【j2开奖】颜色、字体、图表,这些视觉元素是如何影响用户体验的?

  HubSpot的A/B测试

  尽管他们原来预测绿色按钮会表现得更好,但是红色按钮带来的点击量高了21%。但是他们仍然提醒读者,这个测试结果本身不应该使所有人都把按钮变成红色。可能的解释是他们的用户就是喜欢红色,尽管其他的用户可能更喜欢绿色。或者,更可能的情况是,这个红色按钮得到了更多注意是因为它是这个页面上唯一的红色物体。

  坏消息是并不存在一种魔法颜色能在所有网站上都表现最优。好消息是有一些经验法则可以帮助你有效地使用颜色。

  经验法则 对比是关键

  这看起来很明显,但是我们还是要说:如果你希望用户点击某处,你要让它足够突出。如果你的网站或应用使用了很多橘色,用户可能不会马上注意到一个橘色的按钮,不管这个橘色按钮在其他公司的A/B测试中表现多好。

  在我们的研究中,我们让用户指出他们在每个网站上首先会点击的东西。不出意料,用户更可能点击与背景形成强烈对比的CTA按钮。

  明亮令人难忘

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

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容