不久前我在网上预订了一个酒店预订时段旅行。我经历了在少数不同的网站上定位,消化和缩小我的选择。最后,在我终于能够决定在我想留下来的地方需要几天,并且它是彻头彻尾的疲惫。
在网络上进行酒店预订,如我们在线所做的那样,涉及观看,评估和缩小选择。大多数时间用户指定一组标准或浏览一组类别,并结束了列表页面,其中包含几个候选物品或列表条目。列表页面是地面零,用于分析许多可用选项,它需要支持高效的扫描和决策。
笔记:列表页面有时称为“类别页面”(当它们包含属于特定产品类别的项目时)、“目录页面”(当它们列出位置或人员时)或“图库页面”(当它们包含图形或图像时)。搜索引擎结果页面(SERP)是另一种列表页面。在本文中,我们将所有这些概述页面称为列表页面。
这上市页面的可用性取决于单个列表项的设计方式。每个条目不仅需要功能强大且易于理解,还需要与页面上列出的其他选项配合使用。要实现可用的列表条目和列表页面,需要满足几个要求。
1.列表条目属性的优先级为创建信息层次结构
当用户浏览选项列表时,他们希望快速确定哪些物品感兴趣,它们可以忽略。太多信息可以压倒用户并创造一个凌乱的外观。另一方面,没有足够细节的列表条目留下了太多问题,不答复,强迫用户弹簧单高跷(即导航到每个细节页面以获取所需信息)。Pogo Sticking经常在上市页面上发出有用的有用细节。
喜欢在金发姑娘的故事中,这列表条目中的产品细节量需要正确:太多会过载用户并阻止他们在一个视图中看到足够的选择,太少会使它们成为pogo棒。确定满足大多数受众的信息需求的属性,并呈现列表条目中的属性。使用分析和用户研究来指导您确定哪些属性为用户提供大多数信息:
- 分析-如果您目前有排序或过滤功能在您的列表页面上,弄清楚哪些过滤器和排序标准最常使用。哪个用于第一轮Winnowing,后者将在稍后使用它进一步调整结果集?
- 用户研究-进行日记研究和可用性研究,以了解哪些元素对决策是重要的,在多大程度上是重要的,以及哪些产品属性通常用于缩小选择范围。
用户数据和分析将帮助您确定在列表条目中包括哪些属性,哪些要强调,哪些要淡化。在开始考虑列表条目布局和视觉设计之前,确定每个属性的优先级顺序。这些优先级将为列表条目中的信息层次结构设置基础。
我们将告诉您,在我们22年的可用性测试中,有一条信息是每个用户都要求的,这将为您节省一些研究:价格。
2.在Mini-IA和每个列表项的视觉设计中反映属性优先级
单个列表条目的设计应该帮助用户快速理解每个选项,并且应该支持产品的比较。
处理每个列表条目,就像它是一个小型网页,并确保在该描述中的每个属性的布局和可视化处理与其优先级相对于其他属性匹配。
- 放置和布局- 作为拇指的规则,最佳和最近名单入口集装箱加纳的地区最关注。高优先级信息应放在这些区域(至少在从左到右读取的培养物中)。考虑到这一点,优先序列组织属性以创建信息层次结构(或迷你IA.)在每个列表中。
- 视觉优先- 通过视觉设计引入最重要的信息:
- 通过增加字体大小和重量或使用唯一或深色来强调关键属性。
- 考虑包括图解提高注意力和支持扫描。
- 将一个重要的属性与周围的空白隔开,使其突出来吸引注意。
在应用视觉处理时要注意注意关键属性时要小心。过度行为它可以反射并使其难以使用这么多竞争物品扫描列表。
总之,信息的放置和视觉处理创建了一个视觉路径,引导人们按照属性的重要性顺序浏览属性集合,从而使浏览每个列表条目变得高效和容易。许多用户可能只需要简单浏览最重要和强调的属性就可以做出决定。那些有更具体需求的人可能会看一下次要属性,以更深入地理解他们的选择。
3.使用跨列表条目的一致样式来支持比较
在我们的眼压研究中,我们发现,当用户必须在列表页面上提供的几个选项中选择时,他们经常从一个列表条目看另一个并再次回来-在不同条目中比较相似的信息。为了帮助这个过程,列表条目应该是可预测的和一致的,对应属性的位置和视觉处理应该是相同的。
尽管每个列表条目中的布局和属性位置应该大致相同,但在某些情况下,可能需要突出重要的区别信息。例如,如果一件产品正在出售或销售一空,显示独特的标注或标志性指标提请注意它。但是,选择性地围绕您选择以这种方式呼叫哪些信息。显示2-3个以上情况的唯一指标可以使上市页面混乱,难以扫描。
结论
确定大多数用户需要哪些信息来缩小他们的选择范围。对这些信息进行优先级排序,并在每个列表条目中创建一致的细节迷你ia,以方便用户理解和缩小选项范围。
我们全天研讨会网页UX设计讨论在列表页面上的视觉优先级和分层内容,以及创建满足用户需求和商业目标的成功网页的提示。
分享此文章: