可视化链接的准则

日期:2011年09月09日

下面是当前显示文本链接的可用性指南:

  • 为了最大限度地提高感知的 affordance clickability 颜色下划线的链接文字 。用户不应该有猜测或擦洗,以找出他们可以按一下。
  • 假设该链接的文本是彩色的,它并不总是绝对有必要强调它。
    • 主要有两种情况下,可以在其中安全地消除强调:导航菜单和其他链接列表。然而,这是真实的,只有当页面设计清楚地 表明该地区的功能 。(记住:你的设计可能没有明显的外部用户,因为它是你自己的团队成员。)用户通常理解的彩色背景上的链接列表的一个左侧导航铁路,假设在大多数类似于导航领域其他网站。
    • 例外:如果您使用链接的颜色,如红葡萄酒或果岭,造成色盲常见形式的用户问题,强调是必不可少的。
    • 例外:下划线的链接,为低视力的用户重要辅助,所以保留强调,如果无障碍环境是一个优先为您的网站,或者您有许多用户与低 视力。
  • 不要强调任何文本不是一个链接,您的链接,即使是不带下划线。储备链接的下划线 。提供了有力的感知clickability affordance由于强调,用户将被混淆和失望,如果下划线的文本不匹配这种看法有一个实际的 affordance。
  • 访问过的和未访问的链接使用不同 的颜色。
    • 未访问链接的颜色应更加生动,明亮,饱和比访问过的链接的颜色,这看起来应该“拿来主义”(沉闷,并冲毁了)。
    • 这两种颜色应该是变种或相同颜色的色调,所以,他们很明显相关。使用显着不同的颜色(例如,橙色和绿色),使得用户很难理解的两种类型的链接之间的关系,并确定它的颜色是其他版本的“拿来主义”。
    • 蓝色阴影提供的链接最强的信号,但其他颜色的工作差不多,也是。
    • 一如往常,当使用彩色信号的信息,你应该为色盲用户提供多余的线索。未访问过的链接比访问过的链接更明亮,发光,通常会实现这一目标。
  • 从不显示在您所选择的链接颜色的文本,除非它是一个链接。
    • 通常你应该避免的文本颜色,除非它是一个链接 。但是,假设它从不同的链接的颜色,有时你可以使用彩色文本,没有造成重大的可用性问题 。例如,在一个清单摘要,您可以显示绿色的“好”和“错误”红色的字 。(事实上,这个词的含义显然是不同的色盲用户提供所需的冗余提示 。)
    • 不要使用非链接文字的蓝色,即使你不使用蓝色作为您的链接的颜色。蓝色仍然是最强的感知clickability affordance的颜色。
  • 有没有必要使用特殊颜色或其他可视化当光标悬停在链接。这样做不仅使页面显得更加混乱,当用户移动鼠标在屏幕上。
    • 例外:如果你选择了目前比最高的感知clickability affordance链接,就可以恢复信号clickability一些失去可用性时用户将鼠标悬停在链接。例如,如果您的链接不强调,您可以使一个徘徊同时强调出现。
    • 在任何情况下,不使用大胆面对一个悬停效果,因为字体更广泛,可能会导致重新调整文本。
    • 一个有用的徘徊效果是使用链接标题,以帮助用户预测其中一个链接,会导致他们点击它之前。(如果您使用的是主流浏览器,你可以看到这种效果悬停在此列中的链接。)
  • 不要使用微小的文本链接。不要放在并拢,减少了运动技能的用户将有困难的选择他们的链接。这些准则尤为重要,以确保老用户的可用性 。
    • 异常:没关系,使用小字体的链接,很少有用户会需要(如版权信息),只要你放在次要位置的链接(页脚)读取它们有义务使用户感觉不到。
    • 如果你的目标老年人或以其他方式有许多老用户,请确保您的链接出现在一个大的字体(12分或更高)和链接,包括足够的文本,以使它们很容易点击。

这些准则都涉及到文本链接外观 。更重要的是你精心选择的链接内容(实际的话),但这是另一个话题 。(征求意见,请参阅首页可用性的六个环节,12个写作的指导方针,指导方针和7导航指引。)图形连结尚未另一个故事,但它通常情况下,最好使用反正 大部分链接的文本。

继在您的网站链接的外观的可用性指南,将使其更易于为用户立即确定他们可以做什么在每一页上,并会减少的概率,他们会忽视的重要环节。

Tags:网站建设
上一篇文章:网站建设中十大链接建​​设的误区
下一篇文章:AccessColor - 色彩对比的在线工具