列表项的剖析

不久前，我在网上预订了一个周末旅行的酒店。我在几个不同的网站上进行了定位、消化和缩小选择范围的过程。最后，我花了好几天的时间才最终决定我想住在哪里，这真是累死人了。

在网上预订酒店，就像我们在网上做的许多事情一样，包括查看、评估和缩小选择范围。大多数情况下，用户指定一组标准或浏览一组类别，然后结束列表页，其中包含几个候选项或列出条目. 清单页面是分析许多可用选项的基础，它需要支持有效的扫描和决策。

注:列表页有时被称为“类别页”(当它们包含属于特定产品类别的项目时)，“目录页”(当它们列出地点或人员时)，或“画廊页”(当它们包含图形或图像时)。搜索引擎结果页面(SERP)是另一种类型的列表页面。在本文中，我们将所有这些概览页面称为列表页面。

这个列表页面的可用性这取决于单个列表条目的设计方式。每个条目不仅需要具有功能性和易于理解，而且还需要与页面上列出的其他选项很好地协作。要实现可用的列表条目和列表页面，需要满足几个需求。

1.按列表项属性的优先级来创建信息层次结构

当用户浏览选项列表时，他们希望快速确定哪些选项是感兴趣的，哪些可以忽略。过多的信息会让用户不知所措，并产生混乱的外观。另一方面，没有足够细节的列表条目会留下太多未回答的问题，迫使用户波戈棍子（也就是说，导航到每个详细信息页面以获取他们需要的信息）。Pogo卡滞通常表明列表页面上没有足够的有用细节。

就像金发姑娘的故事一样，这个列表条目中的产品详细信息量必须恰到好处：太多将使用户过载，并阻止他们在一个视图中看到足够的选择，太少将使他们坚持。确定满足大多数受众信息需求的属性，并在列表条目中显示这些属性。使用分析和用户研究来指导您决定哪些属性为您的用户传达了最多的信息：

用户数据和分析将帮助您确定列表条目中应包含哪些属性、应强调哪些属性以及应淡化哪些属性。在开始考虑列表条目布局和视觉设计之前，请确定每个属性的优先级顺序。这些优先级将为列表条目内的信息层次结构奠定基础。

我们告诉你，在我们22年的可用性测试中，有一条信息是每个用户都要求的:代价.

单个列表条目的设计应帮助用户快速理解每个选项，并应支持产品比较.

将每个列表条目视为一个小网页，并确保该描述中每个属性的布局和视觉处理与其相对于其他属性的优先级相匹配。

布局和布局-根据经验，顶部的和最左边的列表条目容器的区域最受关注。优先级更高的信息应该放在这些区域(至少在从左到右阅读的文化中)。记住这一点，按优先级组织属性以创建信息层次(或mini-IA)。

视觉优先级-通过视觉设计将目光吸引到最重要的信息：
- 通过增加字体大小和重量或使用独特或深色来强调关键属性。
- 考虑包括图示法引起注意并支持扫描。
- 将重要属性与周围的空白隔离，使其突出以吸引注意。
在应用视觉处理将注意力吸引到关键属性时要小心。做得过火会适得其反，让你很难浏览有这么多竞争项目的清单。

同时，信息的放置和视觉处理创建了一条视觉路径，引导眼睛按重要性顺序通过属性集合，从而使扫描每个列表条目变得高效和容易。许多用户可能只需要对最重要和强调的属性进行浅层扫描即可做出决策。那些更具体的需求可以查看次要属性，以便更深入地了解其选项。