近期刚刚完成了一个从0到1的管理后台设计，借此机会给自己立了一些专题研究，其中就包括列表设计。

每一个后台设计都会涉及列表，它虽然好用，但是想设计一个优秀的列表并不是一件简单的事。下面我来介绍一下列表的优化探索。

关于列表

列表是一种组织整理数据的手段，用于展示和操作结构化数据和信息。由于列表是分维度分指标展示内容，对比信息会更加清晰、明确、简单，提高了用户对信息的认知效率和理解程度。

最常见的列表可以划分两个区域：信息区、操作区。对于信息区的设计目标主要是突出重点信息、提升阅读效率，而操作区则是提高功能可用性，降低误操作可能。

信息区

1.将展示内容以重要程度分优先级后，自左向右依次展示；

认知心理学家对人的视线的研究发现，网民以“F”的模式阅读屏幕的顶部、左上角和左侧......只是偶尔朝屏幕右侧看一眼。所以在设计列表的信息区时，可以将展示内容以重要程度分优先级后，自左向右依次展示。

2.适时隐藏；

适时隐藏是《简约至上》书中提出了四个达成简约的终极策略之一。隐藏主流用户不常看但不能缺少信息，可以让列表更高效，更清晰，更易于使用。下图列举了两种列表隐藏样式。

3.文字提炼精简；

在列表已经承载大量信息时，对文字的提炼和精简可以减少用户的认知负荷。

4.文字左对齐，数字右对齐；

这条设计师应该都比较熟悉。文本对齐方式会对列表的可读性有很大影响，一般来说，用户的文字阅读习惯时自左向右，而阅读数字时则是从个位开始自右向左。

5.突出异常信息；

对于一些实时变动的信息要考虑是否有异常的范围。突出显示异常信息，可以帮助用户快速定位，提高检查效率。除了下图中的字体变红外，还有更多的视觉表达方式可以去探索。

操作区

1.操作过多时，可以考虑隐藏危险或使用频率极低的操作；

席克定律提到：在人机交互中界面中选项越多，意味着用户做出决定的时间越长。由此可得，当操作一般大于三个时，可以考虑将使用频率极低或是危险操作隐藏起来，这样不仅可以减少用户的操作时间，也可以为信息区留下更多的展示空间。

2.不可用操作提前告知；

在以前的设计中经常会遇到不可用的操作按钮依然是可用状态，用户点击后出现弹窗提示无法使用。这样的事后的纠错提醒我觉得是不友好的，并且增加了用户的操作成本。提前告知用户哪些操作可用、哪些操作不可用，可以有效的防止误操作。如果担心用户不了解为什么不能操作，可以在鼠标移入时，用tooltips给予提示。

总结

最近关于列表设计的思考就是这些，希望对大家有帮助，如果你还有更多更好的关于列表设计的优化探索，欢迎留言交流。