【可识别性】天猫店铺用户体验设计

作者:onhoo
点击数:

您现在的位置:暗号设计>>设计观点>>天猫店铺体验设计>>
发布时间:2013年06月20日

常见问题一:对比度低导致难以识别:案例一:某店铺的全局导航,深灰色的链接文字,在黑色的背景上很难识别,在最佳对比度下:合理的网页文字大小,应该不低于12像素,且12像素字体抗锯齿设置为“无”。如文字和背景对比度较低,字号应该相应加大,以增强可识别性。

风险指数:★★★★★

一,视觉可识别

常见问题一:对比度低导致难以识别:

案例一:某店铺的全局导航,深灰色的链接文字,在黑色的背景上很难识别,如下图:

案例二:某店铺的促销区块,bar上的文案“罕见特惠,谁抢谁赚”对比度非常低,只是色相上有区别,当把图片转换为灰度模式时,文字消失了!如下图:

 

案例三:活动时间在灰度模式下消失了!如下图:

如何判断对比度是否合适:

推荐使用以下对比度分析工具检测店铺页面的对比度:

工具下载地址:http://www.paciellogroup.com/resources/CCA2-zh.zip

它可以帮你分析页面颜色的对比度是否合适,如下图:

还可以使用灰度模式,检视店铺:

此软件对对比度的要求比较严格,一般对比值达到4:1以上即可

常见问题二:字号太小导致难以识别

依然是对比度分析工具,用“白内障”模式可以识别你的网页是不是处于容易识别的范围

解决方案:

在最佳对比度下:合理的网页文字大小,应该不低于12像素,且12像素字体抗锯齿设置为“无”。如文字和背景对比度较低,字号应该相应加大,以增强可识别性。

二,意义可识别

常见问题一,使用用户不理解的表达方式

各种洋文,让文化程度偏低的我情何以堪

天书?

解决方案:

通过用户可以理解的方式表达信息,除非出于单纯的装饰目的,否则不要使用英文,繁体字等难以理解的方式


新濠天地官方娱乐