在网页设计中功能可见性对可用性和功能都很重要。它是网页设计的组成部分,必须巧妙地结合在一起,提供完美的用户体验。用户在与站点的设计进行交互时,会遇到一些功能可见性元素。他们可能会是:
CTA 按钮;图标;在线表单;链接;图像,等等。
优秀的网页设计师应该花时间去理解这些功能可见性背后的概念。它将确保设计师在建立客户网站时,以处理好设计过程中的重要工作:用户体验。
优秀的网页设计规则始终是:一切遵循以用户为中心的用户体验设计。这里有一些可参考的方法来理解这一原则,让你更好地了解什么是功能可见性,以及如何在你的用户体验设计中成功地融入它们。
1. 物理功能可见性
物理功能可见性是基于对象的物理外观。在视觉上,这种类型的功能可见性使用户能够立即清楚地看到在设计界面中对他有什么作用。这些都是最直接的方法,你可能已经遇到过很多次了,只是不知道它们专业术语名称而已。
从物理性质上看,所有用户只要看一下,都应该能猜出他们能做些什么,特别是那些少有时间和经验浏览网站的用户。
这就是为什么物理上的功能可见性设计必须是一目了然的。比如,在网站主页上使用物理功能可见性时,对 CTA 按钮的两个清晰明了的特征性处理可以是圆角和轻微的阴影,让它们看起来是可以点击的。
物理功能可见性
2. 语言功能可见性
语言功能可见性是另一种非常直接的方式。本质上,它直接向用户传递按钮或在线表单提供特定类型的操作。这让用户对预期的行动不需要任何想象空间,同时让没有网站浏览经验的用户也能做到这一点。
语言功能可见性在界面设计中是很理想的,视觉传达不足以有效地体现出用户应该采取什么样的行动。例如,那些没有访问过很多网站的用户可能不熟悉在搜索框的末尾显示“搜索”的放大镜符号。
因此在设计可搜索领域时使用语言功能可见性,尽管有一个难以错过的“搜索图像”,但语言功能可见性使它明确地清楚如何与这个特性交互,而且比简单的“搜索”甚至只是一个图标要清晰得多。
3. 模式功能可见性
在网页设计中,模式功能可见性可能比前面提到的显式的功能可见性更常见。正如它的名称所暗示的,所有类型的设计师都在他们的设计中使用这些功能可见性。
由于它们的共性,用户能够很容易地识别和理解这些类型的功能。下面是一些广泛使用的模式功能可见性的例子:
导航菜单或导航条;放大镜图标;链接;在单词或短语旁边的指示图标,比如小三角箭头。
在大多数网站上都可以看到这种模式功能可见性,比如在网站首页的顶部有一个非常醒目的导航栏。放大镜图标位于搜索栏的最后,它还提供了类似“请输入关键词搜索”的语言功能可见性。然后,在一些导航链接处有一个向下或向右的箭头,它为用户提供了其他不同选项的机会。
模式功能可见性
4. 象征性图标功能可见性
界面的功能可见性可以通过符号或图标与用户进行简单的交互。有时这被当做隐喻性的功能可见性,这些网站依赖现实生活中的实物或拟物作为图标,以快速告诉用户他们的期待是什么。它们在很多不同的例子中都很管用,其中一些你无疑已经熟悉了:
一个功能可见性的发送电子邮件的“信封”图标;一个回到网站主页的“房子”图标;社交媒体按钮,比如 QQ、微信公众号、微博的图标按钮,可以引导你到相对应的社交媒体网站或 APP,等等。
象征性图标功能可见性的好处在于,它们也可以是基于上下文的。例如,文档查看程序中的放大镜可能表明您可以放大或缩小文档。当然,如果放大镜在搜索栏旁边,那么它显然是在寻找一个特定的单词或术语。
这就是为什么用象征性图标功能可见性在用户体验设计中提供优势的原因。
结语:功能可见性是良好的用户体验关键
理解什么是“功能可见性”,以及不同类型功能可见性之间的独特性,可以真正区分出你是“优秀网页设计师”还是“其他网页设计师”。请将功能可见性作为用户体验设计的重要参考点。
没有它们,即使是外观漂亮的网站设计也完全无用,因为用户无法理解它的含义!由于用户体验是设计师的最高优先级,确保你对功能可见性有一个深刻的理解。当你的设计完成时,它应该是能够很容易和有效地帮助用户与你的设计进行交互以及减少不必要的交互摩擦。
留言与评论(共有 0 条评论) |