这堂课补的是什么能力缺口

很多做产品设计的同学,画得出漂亮的页面,却扛不住开发问“数据多了怎么办”“时间怎么显示”。这堂课的切入点很实在,只讲两个高频但容易被忽略的交互细节:分页与无限滚动下拉、时间戳的使用。你去看市面上的信息流产品,几乎每一个都绕不开这两件事——列表是翻页还是加载更多?是分页跳转还是滚动到底自动加载?每条内容的时间是显示“五分钟前”还是具体到秒?这些都不是拍脑袋定的,而是跟内容密度、用户耐心、信息时效性直接相关。

课里没有铺一堆空泛的设计理论,而是围绕这两个具体问题讲清楚:什么场景适合分页,什么场景适合无限滚动,两种模式各自的边界条件在哪里;时间戳在列表页、详情页、消息通知里的展示规则怎么定。如果你正处在只会画静态稿、一碰到动态数据就不知道怎么落地的阶段,这堂课就是来补这个短板的。

需要什么基础,先看哪几块

适合已经有基本产品设计能力的人。你不需要会写代码,但最好用过或画过带列表、信息流的原型,知道什么是下拉刷新、什么是加载中状态。如果这些概念还比较模糊,建议先花十分钟把常见App里的信息流页面拆一遍,再来看课,理解会顺很多。

建议按这样的顺序看:先看分页与无限滚动部分,因为这关系到列表页的整体骨架——先想清楚用户是“主动翻”还是“被动刷”,再决定用哪种加载策略;接着再看时间戳,因为时间戳是列表内容里的一个细节标准,要在骨架定了之后才落得准。不建议跳过第一部分直接看时间戳,这两块有依赖关系。

学完能独立做什么,资料怎么配合练

学完之后,你至少能独立完成三件事:一、给任意一个信息流产品判断题要不要分页,明确每页显示多少条、触底后是自动加载还是按钮加载;二、能画一份包含“下拉加载更多”“骨架屏”“空状态”在内的交互方案,并跟开发说清楚状态切换逻辑;三、能制定时间戳的显示规则——比如今天内显示具体时间、七天前显示“x天前”、更早的显示完整日期,并且能解释为什么这么定。

资料包里的内容不多,但密度不低。配合练习时不要只看完就算,建议这样做:看第一块时,打开一个你常用的App,把它的加载方式反过来设计——把原本分页的改成无限滚动,或者反过来,然后写下两种方案各自的优缺点和可能遇到的问题;看第二块时,拿一个跨天的聊天记录或评论区,自己定一套时间戳规则,再和实际产品的做法对比,看差异在哪里。这样练完,这两个知识点才是你自己的。

课程目录

1 分页与无线滚动下拉 (27:02)
2 时间戳的使用 (24:59)