图案清晰互动当站点访问者不知道哪些项目是互动的，或者会发生什么作用，混乱的结果。通过精心设计的互动是清晰易懂制止这种混乱。
功能明确的指标视觉上的变化有助于澄清相互作用期待在网站上。例如，交换的一个扩展折叠图标图标表示事情已经改变，以及如何扭转变化。当图标不更新，人们可能会错过的结果。
网站导航
在比尔和梅林达·盖茨基金会的网站，注意箭头图标以响应扩大和关闭导航交换方向。
使用图标标签使用有时图标可以代替文本链接。包括带图标的标签将减少歧义。例如，而不是使用有争议的汉堡包图标，通过提供“菜单”标签，沿着它解决潜在的可用性问题。这也是与其他常见的图标，如“联系人”或有帮助的“登录”。
网站导航
在特安+松懈网站（现已解散的ux事务所），“菜单”标签旁边的汉堡图标。标签仍显示汉堡包图标互换时的“x”，并规定，“x”图标关闭展开的菜单背景。
区分图标链接区分是从，是纯粹的信息或分类图标链接图标。例如，只使用作为链接，功能图标风格指南的链接颜色，以及非链接相关的颜色的装饰图标。
根据nng研究，“用户大致在网页上的列表中查找项目快37％时，视觉指示器的颜色和图标相比于单独的文本改变两者。”变的图标的颜色，除了图标设计本身将帮助人们更方便快捷地处理该图标用于不同的目的。例如，在twitter上，用户无法与之交互的图标是彩色的方形图标有白色的形状，如“喜欢”图标和“跟随你”图标。用户可以与之交互的图标是灰色的，并且在它们悬停交换颜色并显示标签有帮助解释的相互作用。
网站导航