交互设计案例:面向色盲人士的友好设计(4)

http://www.itjxue.com  2015-08-07 20:47  来源:未知  点击次数: 

四.写在最后

在实际设计过程中,我们不一定会同时使用到以上所有手段,需要在美观和友好之间进行权衡。我们也可以采用一些交互手段,避免同一界面中元素太多太过杂乱的问题。如highcharts这个趋势图非常优秀,它采用了易辨识的颜色,每个节点处都使用了不同形状的符号,然而仅当鼠标hover到具体节点时,会出现该条线对应的信息(“New York”)。

另外除了鼠标hover的交互方式以外,我们甚至也可以为色盲人士提供单独的色盲模式切换,这样也可以兼顾视觉上的美观,避免了太多信息的干扰。这种形式在游戏和软件中也有先例。例如iChat,一般情况下仅有不同颜色来区别用户的在线状态,但同时,它也提供了“User shapes to indicate status”选项,可以将“空闲”状态换成橙黄色三角形符号,将“忙”状态换成红色方形符号表示。

参考资料:

We are colorblind http://wearecolorblind.com/

Designing For, and As, a Color-Blind Person http://webdesign.tutsplus.com/articles/design-theory/designing-for-and-as-a-color-blind-person/

Color Universal Design (CUD)- How to make figures and presentations that are friendly to Colorblind peoplehttp://jfly.iam.u-tokyo.ac.jp/color/

Designing maps for the colour-vision impaired http://colororacle.org/design.html

设计同理心——关注色盲人群http://lovelyrosa.blogbus.com/logs/54856107.html

Web Accessibility之为色盲设计http://www.2beusable.com/web-accessibility-1-what-is-color-blindness.html

(责任编辑:IT教学网)

更多