前言
产品经理,应该具有模型思维,所谓模型,就是解决问题的套路。
把一些成熟的解决方案,抽象、提炼出来,既能提高设计效率,又能实现标准化。
这篇文章,分享B端的交互设计规范,涉及到的组件能覆盖80%的场景。
内容较多,建议先收藏再看。
列表页
1、查询表格页
1.1作用
1)展示大量结构化的数据,通过搜索或设计查询条件定位到要浏览的数据。
2)当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。
1.2布局
整个页面包含两个功能模块:导航模块和内容模块。内容模块包含上下两个区块,筛选区和表格区。
1)筛选区
筛选区的功能主要是设置搜索或筛选条件,给用户提供准确的查询范围。详细的规范见 业务组件》列表页》数据筛选区
2)表格区
呈现数据内容的模块,详细的规范见业务组件》列表页》表格
1.3交互逻辑
1)适配
大屏(宽度 > 992 px)内容区域宽度根据屏幕宽度动态变化;
中屏(宽度 < 992 px)内容区宽度不再缩小,出现横向滚动条。
2)表格区
1、默认展示50条数据。
2、当数据撑满视图窗口时:表格