B端产品设计
业务建模
角色与流程设计
界面交互设计
流程
P M绘制线框图
UX交互原型
UI标注，切图
前端开发
经典的交互设计原则
两本设计书：
《尼尔森的十大交互原则》
《给大家看的设计书》
B端产品经典的导航设计
1.横排导航，多标签页
2.横排导航，无标签页
新的标签页会刷新踢掉原来旧的
3.竖排导航，多标签页
4.竖排导航，无标签页
总结：竖排导航已经成为主流
相比较之下空间更多，且可以收缩。
多标签页也有利于用户工作效率。
B端产品经典的首页设计
1.管理员视角（dashboard，统计分析）
2.员工视角（工作台，待跟进任务等）
经典的列表设计
练习题
练习题1
问题1.没有全选，批量操作
问题2.没有时间列，但是有对应的筛选查询条件
问题3.分页直接展示到最大
等
jira的列表设计
日期的查询条件
常见的交互设计组件库
1.有赞
2.蚂蚁金服ant de sign
总结，界面设计建议：
1.借鉴成熟的产品，尽量不要自己设计开发新的
2.不要高估用户的电脑水平
3.绘制原型要善于使用模版
4.易上手，可定制
（Google analysis参考）
5.采用标准控件
6.有>易用>好看
报表设计
报表设计与应用流程
设计与流程
1.构建分析体系
2.定义观察指标
3.设计呈现形式
4.跟踪指标变化
5.分析变动原因
6.跟进处理问题
常见的报表形态（二维表）
有很多的报表引擎可以直接用
常见的报表形态（汇总表）
不同的维度分析，可以用二维表配置汇总计算的
常见的报表形态（dashboard）
截屏2022-05-03 21.22.20.png
常见的报表形态（驾驶舱）
类似于数据大屏，类似于BI的数据可视化
常见的报表形态（套打表）
截屏2022-05-03 21.23.34.png
报表引擎与excel的透视表类似，smart BI可以体验一下。
报表系统的应用架构
截屏2022-05-03 21.25.23.png
OLTP存储
OLAP分析
一般是要一个存储加一个分析系统
报表设计的建议
1.聚焦于业务分析本身，而不是表样和设计
2.不要急于线上化，因为业务体系有变化，要在趋于稳定后在进行
3.上线后不要急于推广，要经过交叉验证确认数据的稳定性后再做推广
4.理解掌握数据仓库原理
权限设计
功能权限与数据权限
功能权限设计说明
遵循RBAC权限设计模型
RBAC权限设计了解一下
常见的数据权限设计方案
截屏2022-05-03 21.36.48.png
1.按照区域管理数据权限
明确分区域管理的模式
2.按照组织机构管理数据权限
最灵活的数据权限管理
组织结构树进行数据权限管理
B端产品的经典结构
