文章目录

多组织切换的首要任务是持续告诉用户“我现在在哪个空间”。在页面顶部同时显示组织名、项目名和权限状态,打开下拉后标出当前项并提供搜索;切换前若有未保存修改,提供保存并切换、放弃并切换或留在当前组织;额外的暂存选项只在产品支持时提供。通过界面布局与协作设计把这些状态放到同一份文件里,降低跨角色沟通成本。

北区与华南组织切换前后的空间标识和权限边界

当前空间要在三个位置可见

顶部导航显示组织,页面标题附近显示项目或团队,危险操作确认框再次写明目标空间。只在头像菜单里显示组织名不够,用户从深层页面返回时仍应能确认上下文。长组织名使用省略并提供完整查看。

以同一用户加入“北区运营”和“华南运营”为例,两边都有“客户资料”模块。切换入口需要显示组织全名,客户详情页也保留组织上下文;同名客户不能成为自动跳转依据。进入另一组织后,如果原记录不存在,返回该组织的客户列表并提示“已进入华南运营”,不要凭名称猜出一条记录。

组织标识可以用首字、图标或品牌色帮助扫视,但颜色只能辅助区分。两个组织使用相同 Logo、相近名称时仍要能识别,因此列表保留角色和可辨认的辅助名称,例如“管理员”“只读成员”。

切换列表按用户任务组织

组织较少时按最近使用和全部组织分组;数量较多时可搜索。每项显示名称、标识或角色,不要用相同图标让用户凭记忆选择。切换后保留可返回的来源位置,但如果目标空间没有权限,要解释原因和申请入口。

情况切换前提示切换后反馈
无未保存内容显示将进入的组织页面标题和权限标签更新
有未保存内容保存并切换、放弃并切换、留在当前组织确认资料没有被误带入
无访问权限说明目标空间不可访问提供申请或返回原空间

列表中还应区分已加入、邀请待接受、暂时不可访问。邀请待接受的组织先进入确认流程,不能点击后直接落入空白工作台。组织被停用时,告诉用户当前无法进入,继续保留其他可用空间;不要把整个账号踢回登录页。

切换成功后再替换当前组织标识和内容。加载期间可暂时保留原页面并显示目标组织,但必须禁用对旧页面的提交,避免用户以为自己已在新空间操作。失败时恢复原上下文并明确没有切换成功。

未保存内容要给明确选择

用户在项目编辑页切换组织时,弹窗应列出未保存的对象,以及保存并切换、放弃并切换、留在当前组织三种结果。保存操作如果需要网络,显示状态而不是立刻关闭;放弃操作使用明确动词。不要把“取消”写成“稍后处理”,让用户猜弹窗会做什么。

三种选择要由产品真正支持的行为决定。若没有暂存能力,只提供“保存并切换”“放弃并切换”和“留在当前组织”,不要画一个无法实现的“暂存”。保存失败时停在原组织并保留输入;保存成功、切换失败则说明资料已经保存,用户不需要再次保存一遍。

切换后的搜索、最近访问和通知也需要组织范围。搜索框可保留搜索词,但筛选条件若对应原组织的专属部门,应清除并解释。返回浏览器历史时,地址里的组织与页面标识必须一致,不能让头部是 A 组织而正文仍是 B 组织的数据。

键盘与触屏都能完成切换

组织列表支持键盘移动、回车选择和 Esc 关闭;触屏下拉项保留足够点击区域,当前项有文字状态。组织切换后焦点回到页面标题或反馈消息,读屏用户能获知结果。

短列表可以按W3C 菜单按钮模式设计;需要输入搜索词的长列表则参考组合框模式,不把文本输入的光标键和菜单选择混在一起。关闭列表应回到触发按钮,切换成功后再通知新的组织名称。键盘路径和触屏路径都要能查看长名称,而不是只有鼠标悬停可用。

用 Pixso 画出北区与华南两套客户列表,再连起保存成功、切换失败和无权限三条分支。测试者若能在每一步准确说出当前组织,并且没有把旧组织的资料带进新空间,切换设计就有了清楚的判断依据。