一、整体设计系统交互/UI风格

二、搭建高可用性的公共模块

（一）菜单

（二）菜单权限

（三）数据权限

以上内容点击查看 https://www.saas-time.club/blog/blogdetail/?blogid=26

（四）首页

首页的定位是快速从这里查看用户工作的整体情况，并迅速开始工作。基于此首页目前一般包括以下几种数据①业务数据类；②预警待办类；③快捷功能入口类（收藏或者最近访问）；④系统更新内容；⑤帮助中心在线客服、新手引导类。

注：业务数据类其实是管理层级使用的，一般而言SAAS系统的多数用户很少用到。因此当首页未作自定义能力时，个人建议不要有业务数据类，尤其还涉及到核心数据保密问题。

下方给出了四个产品的首页示例：

1、产品一的首页

2、产品二的首页

3、产品三的首页

4、产品四的首页

（五）消息

1、要素说明

示例：比如采购订单生成时，如果订单金额大于1万元人民币，就通过系统消息和微信通知告知员工A，消息内容为：XXXX

• 触发事件。一般分为实时事件和定时任务事件。示例中“**采购订单生成时”**就是实时类消息；又比如每天统计创建30天未完结的的采购订单就是定时任务消息；
• 过滤规则。示例中“**如果订单金额大于1万元人民币”**就是过滤规则。
• 消息渠道。一般包括系统内消息、微信通知、钉钉/企业微信/飞书通知、邮件通知、短信通知等。
• 接收人。示例中的“员工A”就是接收人。接收人可以是具体某个人，也可以是某个角色，甚至是对应单据关联的某个人，比如采购单的创建人、采购员。
• 消息内容。一般包括内容模板（标题和内容主体），变量。

2、流程与结构说明

（六）传输中心

SAAS产品基本100%要提供文件的导入和导出功能。常见的模式是客户端提交导入/导入申请并等待服务器的执行结果，但如果数据量过大客户端会断掉链接导致无法完成任务。

为了提升系统体验的一致性，并且满足大批量数据异步执行的问题，一个传输中心必不可少。执行导入/导出任务时，客户端向服务端发出请求后立马断掉链接，等到服务端完成任务后会在传入中心生成一条记录并提示用户任务已完成，如果是导出任务用户可下载文件。

（七）打印

SAAS系统中一般有大量的单据有打印的需求，比如采购单、加工单、出入库单、盘点单等。为了保证体验的一致性并且降低研发成本一个公共的打印中心十分有必要。这个比较复杂，涉及的细节很多，先给个示例图片看看，后续再补充。

（八）审批流

请阅读：https://www.saas-time.club/blog/blogdetail/?blogid=14

三、建立前端组件库，统一视觉效果

最后但绝对很重要的就是组件库。没有特殊要求的可以直接使用开源的前端组件库，如果有特殊需求，在UI/交互出设计稿后，可以基于前端组件库去做定制化开发。

开源前端组件库：字节跳动的ArcoDesign、蚂蚁金服的AntDesign

注：产品经理设计原型是可以参考这里的布局、组件、交互，很有用