咨询电话:400-999-0300
提高大多数色盲人群用户体验设计的8种技巧

提高大多数色盲人群用户体验设计的8种技巧


“摘要:色盲这一群体的体验容易被忽略,因为用户体验设计师大多数不是色盲,在本文,我们将提供8种设计技巧,来提高色盲人群的用户体验。”

  根据色盲意识4.5%的人口是色盲。如果你的听众大多是男性这增加到8%。设计色盲的人很容易被遗忘,因为大多数设计师不是色盲。在本文中,我提供13技巧提高色盲“用户体验设计”的人——这通常可以对视力正常的人也是有好处的。

  色盲是什么?

  有许多类型的色盲,但显然它归结为没有看到颜色,颜色混合,或无法区分某些颜色。

  这些问题也可以加剧了人们使用环境的网站。这可能包括低质量监控,糟糕的灯光,屏幕眩光,小小的手机屏幕和坐在远离一个巨大的电视屏幕上。

  单纯依赖颜色可读性和给养网站难以使用,最终影响读者和销售。

  虽然下面的建议并不详尽,但覆盖大多数问题色盲的人“用户体验”当使用网站。

提高大多数色盲人群用户体验设计的8种技巧

  1、文本可读性

  确保文本可读性应该传递的易访问性指导方针的基础上,结合文本颜色、背景颜色和文本大小如下:

  2、文本背景图像上叠加

  文本覆盖图像是很棘手的,因为一些或所有的图像可能没有足够的对比度与文本。

  3、颜色过滤器,拾荒者和色板

  下面的屏幕截图显示了滤色镜在亚马逊上所看到的人,没有红色盲(红绿色盲)。没有描述性的文本是不可能区分许多可用的选项。

  4、照片没有有用的描述

  下面的屏幕截图显示了超级的t恤在其网站上出售。它被描述为“叶碧玉花纹”,这是模棱两可的叶子可以有各种各样的颜色(绿色、黄色、棕色。等等)。

  5、链接识别

  链接应该是容易发现不依赖颜色。下面的截图模拟人的视觉全色盲(看不到颜色)观看英国政府数字服务(GDS)的网站。很多链接是很难看到的。例如,你注意到“GDS团队,用户研究”(位于标题下)链接?

  6、颜色组合

  在现实世界中你不可能总是控制颜色出现在一旁边:红苹果可能下降,依偎到一些绿草。然而,用户体验师可以控制我们使用的颜色来设计我们的网站。下面的颜色组合应该避免在可能的情况下:

提高大多数色盲人群用户体验设计的8种技巧

    7、变焦链接

  浏览器有一个可访问性特性,是使人放大他们需要。这提高了readability-which移动设备上尤其有帮助。

  不幸的是,变焦可以禁用使用Viewport Meta标签,这是有问题的。例如,文本大小可能太小阅读与颜色对比,放大有效增加字体大小,使其更容易阅读。所以不要禁用变焦在你的网站上。

  8、相对的字体大小

  类似于前面的时候,浏览器提供的能力增加文本大小(而不是作为一个整体缩放整个页面),以提高可读性。然而,一些浏览器禁用此功能时,字体大小等绝对单位指定像素。使用一个相对字体大小单位,如ems,确保所有的浏览器提供这一功能。

  本文中介绍的技巧并不详尽,也不一定适用于所有的情况。但是,它们涵盖了大多数问题色盲的人体验当使用网站。

  用户体验研究带走原则更重要,这样你就可以将它们集成到您自己的设计过程。最终,网站不只是为了好看,他们对每个人都是易于使用,包括色盲的人。

以上作品由深圳品创设计公司整理发布 版权所有
品创设计专注于用户体验的提升,服务涵盖市场研究、品牌创建、交互体验设计、技术环境开发等范畴,是以用户体验为先的专业服务机构。 八年来积累了大量的行业资源与实践经验,尤其在汽车、金融、医疗、智能等领域表现卓越,拥有极佳口碑。先后服务逾500家客户企业,为其实现产品的飞跃。