通过前文知道了什么是列表页、列表页的设计目标、列表类型等基本内容后,接下来就要讲讲如何设计列表页,要明白“知道”和“会做”之间还有很大的距离。
本文主要从布局和模板两方面入手,说说怎么做列表页。
从上往下堆叠,数据过滤模块在最上方,过滤数据后,用户再由总体到具体的浏览逻辑理解和分析。
将数据过滤模块放置在侧栏,当过滤条件过多,横向空间充裕时使用。
每个条目都需要露出很多字段,用户在搜寻时有准确的查询范围时使用。
提供每个条目的概览信息,点击列表可导航至条目详情。页面内常提供统计功能,供用户了解总体进展。可作为简易版的工作台使用。
用户无需以特定顺序浏览条目,将每个条目以富有吸引力的方式呈现。
以搜索为主寻找特定条目信息,通过关键词一次性在众多主题下的条目中搜寻结果。可对大量不同种类的内容进行搜索和筛选,满足对模糊目标的查找需求。
以上就是关于如何设计列表页的布局和模板总结,我们可以结合业务实际情况灵活运用。好了今天的分享就到这里了,我们下期再见!
注:以上文中配图均来自于网络或应用截图,仅作学习分享使用。