筛选与排序的设计逻辑

正文

请到「今天看啥」查看全文

筛选与排序其实早在 web 时代就已经被大量的使用，结果集上方和左侧的功能区域已经成为标准设计方式（如下图的 eBay）。

下图左是大概 9 年前的 eBay 客户端，筛选、排序部分的设计并没有过多的考虑，只是遵循当年的 iOS 设计指导。对比如今的设计（其余三张图），我们可以发现设计的框架上并没有太大变化，但形式和内容则有非常大的变化。

在两个版本的对比中，有一个很大的变化是承载筛选排序功能的面板由之前的下级页面改为了侧边浮层的形式。

在周刊的第 100 期「页面的信息展示逻辑」中我们也提到过，这是看似变化并不太大的设计其实已经彻底改变了用户的感知。

侧边模态浮动层就像 web 界面中被折叠的一部分，在用户需要的时候“翻”出来，在使用体验上降低用户的复杂度。

筛选排序功能的基本框架

我们找几款产品的列表页来进行一下对比。大家在功能的基本框架实际上都是一致的，只是在“如何做筛选、排序”上大家存在会有一些差异。而这些差异很多是因为业务的特性所产生的，我们会在后面进行展开。

请到「今天看啥」查看全文