网络编程
位置:首页>> 网络编程>> 网页设计>> 交互设计实用指南系列(2) –可及(2)

交互设计实用指南系列(2) –可及(2)

作者:化龙 来源:taobaoUED 发布时间:2010-01-21 12:48:00 

标签:交互设计,指南,用户体验

交互设计的方法:

对于如此多的特殊用户,无论是出于专业精神还是商业利益,Web产品设计师都应该去关注他们,这也是作为一个设计师社会责任所在。那么,所设计的产品如何能够满足对特殊人群的“可及”呢,这就要求设计师在设计一个产品的时候,时刻要提醒自己不能忘记特殊人群,换位思考,站在特殊人群使用的角度上来设计Web产品的整体布局,各个元素的具体形态及操作行为。关于这一部分,交互设计实用指南也给出了一些基本的思路,以下是一些可借鉴的设计方法。

1.使用形状+色彩的信息提示

这一点对于色盲这类人群尤为重要,和普通用户相比,他们的缺陷是在颜色识别方面,也就是说如果设计师在某个地方仅仅使用了色彩作为信息提示,的话,那就有可能带来问题了,下面的例子:

上图是苹果的官方网站曾提供的一个在线工具,帮助用户来查询哪些专卖店明天有货。 苹果的设计师用绿色填充的圆圈表示有货,红色的圆圈表示没货,貌似挺清晰的,对于普通人当然没问题。但是对于绿色色盲用户来说,就不容易了。

其实,我们只需要优化提示ICON就能解决这个问题,修改如下:


这个例子告诉我们,在使用设计元素时,要尽量使用形状+色彩的方式来表现信息,或者使用文字的提示。这样对于正常用户和对颜色识别有障碍的特殊用户,都不影响他们的识别。有一个小技巧可以使用,在完成设计时,可以把自己的设计图做去色处理,然后一项项的去做交互测试,如此可以有效的避免色彩的识别问题。

2.简化操作方式

无论是老人还是文盲对于网络产品的操作都有信心不足的情况,一个简便的操作方式,令他们快速实现目标,对于增长信心非常有帮助。对于肢体残疾人士,他们的困难在于使用交互输入设备,如鼠标和键盘比正常人更不容易,也需要简化操作方式。比如在设计操作时尽可能地采用“选择”的方式而不是“填写”(避免给手指残疾的用户增加负担)。比如下面这个输入日期的设计:

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com