SAAS是直接面向客户的，因此客户的体验很重要，是新客购买、老客续费的重要参考指标，今天就来聊一聊如何做好公共体验设计这个话题。

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

要想做好公共体验，第一步就是整体设计系统交互/UI风格。如果没有统一的系统交互/UI风格，无论公司有多重视最终都很难达成预定目标，毕竟最终的产品就是脱胎于设计稿的。

由于面向B端的SAAS产品其天生追求的是效率，完全不需要花里胡哨的东西，因此设计风格的理念就是在普适设计基础上追求简洁、易懂。普适设计特指其UI和交互和当下大多数软件保持一致，避免特立独行，比如使用20世纪初的设计风格就是很差的选择；简洁和易懂特指在普适设计的基础上结合行业特征，指定适合自己的、具体的、简洁易懂的设计风格。

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

（一）菜单

菜单是用户了解系统，定位功能模块的工具，是每个用户、每次都要用到的功能，非常重要。这里搜集了一些比较典型的菜单设计以供参考。

1、侧边栏悬浮设计

鼠标悬浮左侧一级菜单，一级菜单右侧会出现其子菜单。个人觉得这种风格是最好交互模式，首先菜单栏占据的空间比较少，另外菜单比较多的时候展示清晰，而且菜单在左侧也更适合国人的习惯。

2、顶部导航设计

和侧边栏导航相似，但个人更倾向侧边栏。首先B端系统的菜单一般都在侧边栏，用户更习惯；其次电脑屏幕的垂直方向已经被浏览器顶部和电脑的任务栏给压缩了空间，有其他选的的情况下还是放过垂直空间。

3、侧边栏展开闭合设计

左侧菜单展开闭合结构，可以通过点击父菜单来展开/闭合子菜单。但这种结构有明显的缺点：①子菜单太多的时候要一致滚动才能找到自己需要的菜单；②侧边占据的空间远大于其他两种设计。

4、其他菜单功能

应用内Tab页签：

应用内tab页签是指同一个浏览器页签下，用户可以同时打开应用的多个页面，每个页面就是一个页签。最终要达到的效果是用户在系统内沉浸式操作，无需关注任何浏览器相关的东西。

菜单搜索

菜单比较多而且杂乱的时候给个搜索很有必要。我见过有些系统菜单比较杂乱，命名也不好，最终不得不通过3A，3B这种模式来代指菜单，用户先找到3的母菜单，然后再去定位A、B，令人窒息。另外搜索可以包括菜单+帮助文档等。

（二）菜单权限

人、角色、菜单三个要素构成系统的菜单权限，被广泛称为RABC模型。首先系统有个用户清单，然后有个角色清单，还要有一个菜单清单。用户和角色建立关联关系，代表用户属于哪个角色，也可以说角色包括哪些用户，多对多的关系（一个用户可以有多个角色，一个角色也可以有多个用户）。角色和菜单建立关联关系，代表角色有哪些菜单的权限。当用户登录系统是，通过先找到用户的角色，然后通过角色获得菜单权限即可。

（三）数据权限

依旧是RABC模型，但菜单往往数量是有限的，但数据的数量是无限的，比如订单量、商品数量、采购单数量。因此数据权限的设置虽然和菜单权限相近，但是有其独特特征的。

1、用户组

为了保持系统灵活性建议系统用用户组/权限组之类的名称和角色做区分。角色控制菜单权限，用户组/权限组控制数据权限。

2、直接授权

直接授权是和菜单权限一样的操作，比如你要给某用户组授予A、B、C店铺的权限，那你直接勾选A、B、C店铺的权限即可。

3、标识授权

假如你要授权采购员可以查看他自己负责的采购订单，可以通过直接授权操作，但这样的话每新增一个采购订单管理员都要去做授权操作，只要采购订单够多，谁也顶不住啊。此时合理的选择就是采购员可以查看单据采购员是他自己的单据，这就是标识授权。常见的标识有店铺、仓库、人员、分类、品牌等等。

现在换一个方法去思考，有没有一种在做搜索功能的感觉？没错就是搜索，本质上来说是数据权限对目标数据做了搜索后返回给业务方，因此可以考虑授权的实现方式是搜索的UI、交互样式。

三、其他

由于内容比较多，其他诸如消息、传输中心、打印等，关注我坐等更新。

后续内容已更新，点击查看 https://www.saas-time.club/blog/blogdetail/?blogid=27