Web后台产品的列表页规范思维导图
Web后台产品的列表页规范有搜索规范、列表项规范、对齐规范、分页规范有四项规范
树图思维导图提供 Web后台产品的列表页规范 在线思维导图免费制作，点击“编辑”按钮，可对 Web后台产品的列表页规范 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：034bffae498a243e219903c8b8d1a005
思维导图大纲
Web后台产品的列表页规范思维导图模板大纲
列表项规范
列表项数量
建议列表项的数量不要太多，这样一屏很难展示所有的列表项或者看不全每个列表项的值
PM需要学会思考少即是多，而不是粗暴的展示所有数据给到用户
列表项宽度
列表项宽度建议使用%表示，从而保证一屏幕可以看到所有列表项
如果列表项宽度使用px表示，无法100%保证不会超过一屏幕，即需要左右滚动。原因是列表项1宽度+列表项2宽度+…往往大于屏幕宽度，即使减少宽度也无法同时满足不同用户的屏幕分辨率
设置所有列表项的宽度一样
如果列表项很少并且字段值的字符数也不多，可以这样设置
如果列表项很多或者字段值的字符数不太固定，需要根据不同列表项的性质进行适当调整，才能保证不错的视觉效果
如果列表项对应的字段值会出现很多的字符串，超出宽度的部分则会自动换行。如果不想换行，则可以约束最多显示前N字
搜索规范
搜索后进入详情页，然后返回列表依然保留原先筛选条件的搜索结果列表
对齐规范
列表项对齐
列表项默认靠左对齐，根据需要也可以居中对 齐
如果列表项很少并且字段值的字符数也不多， 可以居中对齐
如果部分列表项的字段值的字符数有多有少， 此时居中对齐会比较丑
标题项对齐
列表项的字段名和字段值，需要保证对齐方式一致
分页规范
每页条数
每页默认显示N条数据，超过则分页显示，默认展示第一页。N通常为10、15、20。列表底部最好显示每页显示N条，方便用户理解
注意
有些列表页由于业务需要，不需要分页展示。 需要提前说明
对于自动加载的页面最好在每页下方提示文字 ”正在加载更多”，然后加载出第二页，以此 类推。列表全部加载完毕后，文字显示”已经 到底啦
显示总条数
显示当前列表的总条数，当搜索列表的时候则显示对应结果的总条数
显示总页码
显示当前列表的总页码，总页码=总条数/每月条数的结果取整+1，如无余数则不+1
跳转到第N页
通常有4种实现方式①点击对应页码去跳转②点击上一页下一页去跳转③点击首页尾页去跳转④输入页码直接跳转
相关思维导图模板
树图思维导图提供 橡皮障规范化流程 在线思维导图免费制作，点击“编辑”按钮，可对 橡皮障规范化流程 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：fb7034babf02abe3c3fdf95980829bd9
树图思维导图提供 年度成都市教育科研课题申报汇总表 在线思维导图免费制作，点击“编辑”按钮，可对 年度成都市教育科研课题申报汇总表 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：b5c0f483314a011ec021b42639180f07
沪公网安备 31011502019485号
上海工商