首页 > 知识•资讯 > 用户体验设计师创建的网站应该对所有用户都能友好访问 > 正文

用户体验设计师创建的网站应该对所有用户都能友好访问

2017/3/19 0:00:00 · 稿源:传诚信

可用性网站设计并不意味着你需要妥协设计的整体美学。为了用户的友好用户体验,你应该注意以下五点:

1. 同时使用色彩和符号

你不能仅依靠色彩来传达信息。比如某些类型的色盲用户可能很难,甚至不能看到常见的红色错误通知。解决方案之一就是在需要用户注意时同时使用色彩和符号。Facebook的表单填写和相应的错误通知就是一个很好的例子。

有趣的事实:Facebook的标志和不怎么讨喜的蓝色配色是特意挑选的。因为马克·扎克伯格是红绿色盲,他对蓝色的识别是最好的。

2. 使用的颜色尽量少

你应该限制网站设计所使用的颜色。设计中的颜色越少,使用时的困惑越少。 简约网站设计不仅是永恒的审美趋势,也对色彩可用性设计奏效。

3. 使用样式和纹理来显示对比

与其使用多种颜色,不如尝试对需要强调的元素使用不同的纹理。例如:色盲用户可能难以解释左侧的图表。这时,最好使用有对比的纹理。可以的话,尽量加上文字说明。

4. 顾及颜色对比和色调对比

不要仅仅用黑色和白色作为唯一对比色,你应该尝试在设计中使用一系列清晰的颜色对比和色调对比。例如,Word Feud游戏中的色块使用的四种颜色,不管用户是否有色觉缺失,都能轻易识别。

5. 避免糟糕的颜色组合

挑选颜色组合时,你要变得聪明点。因为不同的色盲症对人的影响不一样。很难确定哪些颜色在网页设计中是“安全”的。不管怎样,避免使用以下几个颜色组合,因为他们势必是色盲用户的噩梦:

  • 绿色和红色

  • 绿色和棕色

  • 蓝色和紫色

  • 绿色和蓝色

  • 亮绿色和黄色

  • 蓝色和灰色

  • 绿色和灰色

  • 绿色和黑色

注:你怎么知道你是色盲?

嗯…有些人很多年都不知道自己是色盲。因为除非有别人指出来,色盲症对生活的影响可能轻微得注意不到。下面的图像是一般用来测试色盲症的。试一试吧!(在文章底部你可以找到完整测试的链接。)


如果还不确定…

  • 石原氏色盲测试:一个基于 38 个色板的测试。

  • 色盲检查:一个由 Colorblindor 创建的 Android 应用程序,可以在± 60 秒内测试你是否为色盲。

  • Coblis(色盲模拟器):你可以在这上传一张图片,然后看看在不同类型色盲的眼中会是什么样。

  • 3 个移动应用: 3 个 Android 和 iOS 应用,专门为帮助色盲用户而开发。

结论

一般来说,用户体验设计师建设网站应该对所有用户都能友好访问。可惜的是,没有为色盲用户设计的万全之策。我们可以将一些必要的用户体验设计原则谨记于心,或许有所帮助:

  • 不只依赖色彩来传达信息

  • 将颜色限制在 2 种或 3 种

  • 使用样式和纹理以示区分

  • 顾及颜色对比和色调对比

  • 避免糟糕的颜色组合


  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354