1.2 字体

　　1.2.1 字体样式过多

　　问题

　　页面中的字体样式过多

　　分析

　　显示太多的属性会让用户难以找到感兴趣的对象，增加了用户的记忆负担。

　　案例

　　我们政府的网站，文字样式有十几种。让用户抓不住重点。

　　同为门户，网易首页的文字样式就规划得很清晰，重点突出。

　　1.2.2 相同样式的文字功能不同

　　问题

　　外观相同的文字，功能不同，违背一致性原则，让用户在交互过程中有挫败感。

　　分析

　　外观相同的文字在用户看来会具有类似的功能，如：是不是链接，是不是在新窗口打开链接。如果相同样式的文字在页面中，既有链接文字，也有非链接文字，就会让用户在浏览页面时不断去试探文字的功能。很可能用户试图点击文字的时候却发现文字不是链接，心中默认即将在原窗口打开的链接却在新窗口打开了，这样就会给用户带来挫败感。

　　案例

　　“中华人民共和国中央人民政府”网站。“应急管理”和“主题服务”文字样式相同，却前者是链接而后者不是。

　　CCTV首页，顶部导航：“繁体”链接的目标是原窗口，而后面文字样式相同的英文版、西班牙文版、法文版链接的目标是新窗口。

　　某学校网站的导航栏。前面的链接都是打开一个页面，最后一个“联系我们”却是发送邮件的链接。用户以为点击它会和前面一样打开一个页面，但点击后却启动了Outlook。

　　1.2.3 字号太小

　　问题

　　页面文字字号太小，而且使用了固定大小的字号样式，使视力不好的用户无法阅读。

　　分析

　　老年、视弱的用户也许很难看清网页上的12像素文字。他们往往会使用类似IE中的“查看->字体大小->最大”菜单来放大文字阅读。但如果使用像素作单位来定义文字大小的样式，对IE来说，这个菜单就失效了。大部分网页应尽量采用百分比为单为来定义文字大小的样式，主要面对视力不好用户的网站更应该这样。

　　案例

　　中国老年网，网站主要用户是中老年人。大部分文字都是12像素，在IE下无法放大观看，让老头老太太们拿着放大镜去瞅吧。

出处：蓝色理想
责任编辑：moby

上一页 页面宽度 下一页 导航栏