7×24小时咨询服务热线:15810381861

客户至上

帮助企业实现智慧化转型

了解详情

怎么提高网站设计UI的可用性

给用户提供较大的目标区域

 

每个人面对光标和交互目标时,或多或少都高估或低估自己的交互操作效率。如果给用户设置的目标区域或交互元素太小,也没有提示出发的悬停效果,虽然绝大多数健全用户会在操作过程快速通过微调和校正来尽快达到交互目标,但对有行动或认知障碍的用户而言,会造成非常大的麻烦,甚至是巨大的挑战。

 

使用高对比色彩

 

视力障碍用户在阅读低色彩对比度内容时,会明显感觉到困难,提高UI对比度不仅对这类用户友好,而且对于降低视觉疲劳也有显著效果。另外,根据W3C规定,高于4.5:1的色彩对比度,能给界面带来更清晰的轮廓,也更利于用户分辨不同元素和控件边界。

 

不单纯使用色彩表达

 

同样对于视力有障碍的用户而言,单纯使用色彩向他们传递禁止、完成等含义,在大多情况下会显得不够清晰,甚至他们可能无法直接识别。再者,颜色本身的含义是后天被赋予,部分是被约定俗成,但并不是每个人对此都有足够清晰的认知,甚至同一种色彩在不同文化和场景会表达出截然相反的含义,例如:白色在西方国家代表纯洁,但对于东亚国家而言是死亡、葬礼之意。

 

为连结和按钮添加指引性文本标签

 

按钮和连结上对应的文本不应该是简单的是否、确定、取消,在很多语境中,这些词汇会有多种理解方式,容易给用户带来误解。为连结和按钮添加指引性更强的文本标签,能帮助用户了解按钮实际的功能和指向性,也便于有视力障碍用户无需过多猜测。