界面导航属于UX设计的核心问题。这并不奇怪:如果你看不到路,很难到达目的地。每天被越来越多的网站和应用程序所包围,用户可以享受各种各样的优惠,并期望直观的导航成为必备。所以,让我们继续我们关于这个主题的讨论,用一个新的导航词汇表来学习更多关于这个强大的可用性助推器。之前我们向您介绍了第一套用于导航的UX词汇表, 其中包括导航,菜单,按钮,CTA,条形码,选择器,开关等的定义和示例。今天我们将新的列表添加到列表中:检查图标的详细信息,搜索字段和标签。
图标
图标可以定义为具有高符号值并用于通信目的的图像。图标呈现信息丰富的标志,并支持线人和收件人之间的文字交换以及单词和句子:复制文件或字符服务时,图标通过图像与物理世界的对象进行图像交流。在计算和数字设计中,图标是用于网络或移动界面的象形图或表意文字,以支持其可用性并提供成功的人机交互流程。
图标最有价值的好处之一是有效替换文本的能力。此功能可以提高可用性并加强导航,因为大多数用户倾向于比文字更快地感知和解码图像。然而,即使是最轻微的误解或双重意义也可能成为不良用户体验的原因,因此应该仔细测试图标类型的解决方案,以达到特定目标受众的图标和副本的良好平衡。其中一个有效的变体是使用副本和图标,以便不同类别的用户可以感觉良好:这种方法在各种电子商务网站目录中特别受欢迎,其中不同的位置由文字和图片呈现给用户双倍支持快速和清晰的导航。
根据其功能,图标可分为:
– 交互式图标: 直接参与交互过程的图标。它们是可点击的或可点击的,并响应用户请求执行由它们表示的操作。它们告知用户有关按钮,控件和其他交互元素的功能或特性。在许多情况下,它们很明显,不需要复制支持。
– 澄清图标:旨在解释的图标,解释特定功能的视觉标记或标记内容类别。它们可能不是直接互动的布局元素; 此外,它们经常与支持其含义的副本结合使用。
– 娱乐和装饰图标:图标旨在美观而不是功能,通常用于呈现季节性功能和特别优惠。它们提供了吸引用户注意力的有效方式,增强了数字产品的一般风格概念。
– 应用程序图标:交互式品牌标志,在不同平台上呈现应用程序,支持数字产品的原始身份。
– favicons: 表示浏览器的URL行以及书签选项卡中的产品或品牌。它允许用户在浏览时与其进行快速视觉连接。
在此处阅读有关图标类型和功能的更多信息
搜索字段
搜索字段(也称为搜索框或搜索栏)呈现界面元素,使用户能够键入关键字,并以这种方式查找所需的内容。它是具有大量内容的网站或应用程序的核心导航元素之一,特别是博客,电子商务和新闻网站等。设计良好且易于找到的搜索字段使用户无需浏览即可跳转到必要的点通过众多页面和菜单:由于这种方法尊重用户的时间和精力,因此在用户友好的界面中非常需要。
在设计方面,这个元素可以以不同的方式呈现,从框架标签到交互式输入线,甚至是极简主义的可点击图标。在绝大多数情况下,搜索字段标有带放大镜的图标。这个符号可以被各种各样的用户识别,因此它已被证明对设置直观导航很有效。使用此图标的实验可能会严重影响布局的交互和可用性,因此如果应用其他符号图像,则应仔细测试它们。下拉菜单还支持交互流程,提供可能的选项或自动填充功能。
另一个重要问题是在界面中放置搜索图形控件。在网页设计中,搜索字段通常可以在网站的标题中找到,这是一个不错的选择:正如我们在致力于网站标题设计实践的文章中所提到的,对于任何网站而言,它都是最高可见性的区域,因此,在那里放置一个搜索字段可以让用户快速转移到他们真正需要的页面,而无需浏览网站并向下滚动。例如,它对于大型电子商务网站来说是实际的 经常访问具有特定目标的用户,他们正在寻找的特定项目 – 如果他们无法快速方便地找到它,则风险很高,他们会降低资源的盈利能力。此外,还应考虑习惯的力量:由于众多网站都在搜索其标题,因此用户习惯于在需要时在其中寻找。
谈到移动界面中的搜索字段,情况不同,因为设计者在可用空间中受到更多限制。如果应用程序基于大量内容而搜索是交互的核心元素之一,则可以在选项卡栏中找到并轻松访问。如果搜索对于用户目标和应用程序的可用性并不重要,则可以将其隐藏在菜单中或仅显示在可能需要的屏幕上。
标签
标签是一个交互式元素,带有关键字或短语,使用户可以快速移动到标有它的项目。标签实际上是元数据片段,可以快速访问特定类别的内容,因此它们支持使用其他内容分类方式进行导航。此外,标签通常是用户自己创建的元素,与网站修复的类别名称相比,用户无法更改。
标签广泛用于基于用户生成内容的平台上:当您将照片上传到股票,在社交网络上发布或在博客上书写时,您可以使用特定关键字标记您的内容,然后将所有部分联合起来用标记标记的内容。上面的屏幕截图显示了Design4Users Blog 主页的一部分,它主动使用标签云来增强博客内容的导航。在交互方面,单击标记会将用户移动到收集标记有此标记的所有内容的网页。此外,标签是SEO友好的技术,增加了通过搜索引擎找到内容的机会。
另一个例子,这里是由着名的免费股票照片平台Unsplash提供的标签。当用户下载照片时,他们可以输入他们自己的标签,也就是关键字,这些关键字会以帮助其他用户找到它的最佳方式描述这张照片。我们可以看到,添加标签的输入字段还支持用户提示更好的可用性。因此,标签显示用户生成的导航元素,使界面更接近目标受众。