
导读
内容列表是产品设计中最常遇到的功能,没有之一。点开手机中的任何一个app,都可以看到内容列表,只是内容的信息结构和样式不同而已。那在设计内容列表时,有哪些需求点呢?这篇文章我们以拉勾app的首页为例来详细分析。
功能名称
内容列表
使用场景
在一个页面中,按照一定规则展示的多条内容。
常见案例
几乎所有的app。如网易云音乐、今日头条、微信朋友圈、拉勾APP。
需求点描述
内容列表页面的需求主要包括2部分:列表、内容。列表主要包括对列表加载方式、刷新方式、翻页方式、异常逻辑、交互事件的描述;内容主要包括对单条内容项的详细描述及不同状态的内容特殊样式的描述。
以拉勾首页为例,列表描述如下:


内容描述如下:




注意事项
除了以上功能点外,内容列表一般还包含以下功能:
1.部分app的内容列表中展示了多种样式或结构的内容,如今日头条的内容列表就有图文、图片、纯文本、广告、视频等多种样式;
2.加载更多的触发方式,除了下拉列表,还可以是点击底栏tab,如今日头条;
3.部分app列表页的内容被划分为不同的频道,通过频道可快速切换换筛选内容。如今日头条。

网友评论