列表页设计
通用列表页占后台列表页比80%,个别列表页需特殊的样式设计,以下为通用的列表页设计思路
列表页作用
将信息聚类展示(及具有相同属性的业务内容聚合),并通过搜索定位所需信息的主体,然后进行分流。
数据指标
页面停留时间短:高频简单操作可直接操作;不需操作的可直接分流。
主要组成及需注意的细节
筛选
通用的提高筛选效率的方法:历史/常用筛选保存,筛选项可配置(根据后台操作角色的不同、目的的不同会有不同的筛选组合),通过标签体系,增加对应的标签筛选,以场景命名的综合筛选(某些筛选组合经常被选择)
筛选项的怎么选:列项的子集,只有具有筛选价值的列项才进入筛选区,且应根据使用频率排序
最容易忽略功能:重置筛选。
筛选项过多时,根据数据埋点,简化筛选,切记不要为了数据统计去增加筛选。
表格
如何确定列项
业务方决定,根据线下成熟的excel工作流,明确每一列的作用后进行设计;
了解工作场景,梳理定位当前信息是为了完成什么事情,而如果要完成这些事情,需要哪些信息参考,同时再根据工作场景的频率和重要程度判断,列表页需要展示哪些信息。一定要把控住信息量,与详情页区分。
注意这里需区分一线执行者需求和管理层需求,若有冲突,一线执行者需求优先,管理需求通过报表实现。列表设计,列一定是宜少不宜多,核心目的只是确定信息主体
细节
文案清晰精简(eg学员列表页,学员姓名简化为“姓名”等)
需要时可增加列的释义
缩略内容或者用…省略后面内容,鼠标经过出现更多内容
时间列排序+关键列排序+默认排序(一般有新增功能就按创建时间倒序)
数字右对齐,财务数字标准显示”10,000,000.00”
显示数据ID或序号,方便内部对接
操作
批量操作功能要尽量克制。主要从业务风险角度考虑,而非操作成本
新增操作:主要在于交互选择上。根据业务业务场景,要确定是当前页面添加还是新页签添加
分页控件最基本功能:显示所有数据+显示每页数据量+总页数+翻页