B 端产品本质上不需要很多花里胡哨的设计,追本溯源都是一些基础的组件,很少有产品会在页面涉及的交互、UI 上形成自己的护城河,因为 B 端产品的出发点是为了解决用户的业务问题。更简单、快捷的系统操作,可以降低用户的学习成本。当然,也不是说不需要关注 B 端产品的交互和 UI,这就像是,你和一个陌生人聊天,第一眼看着就不是那么“舒服”,用户连使用的兴趣都没有,更不用说使用了。
导航布局
导航的方式归纳起来就三种:
-
横排,常见于官网,企业办公门户
-
竖排,常见于后台管理系统,内部系统
-
横竖混合
这是因为,B 端导航通常是业务抽象化后的模块化功能,通过对导航多级联动划分,用户可以快速访问自己需要的页面。
这里面有两个点需要顺便提一下,导航层级一般不会超过 3 级,如果超过 3 级,用户每次访问路径会增加,菜单隐藏深,间接说明该菜单的价值小,使用频率不高,过于细化了,需要重新进行规划,对功能进行再次抽象、提高菜单的泛化能力,缩短页面访问路径,减少用户操作次数,提高用户体验,系统的使用效率。
另一方面是,现在越来越多的导航框架会自带支持多标签页,这个功能其实就是保留用户的访问页面,不需要每次重新打开,对于不同的用户角色,他可能只关心和自己相关的内容,那这些页面就可以一直通过标签页的形式展示,说到底,该功能的目的也是进一步减少用户对系统的使用成本。
首页
挑战: B 端随着业务发展,操作复杂,对用户来说需要在不同页面跳转,学习成本高
目标: 优化用户体验,提高产品使用效率
解决方式:区分用户角色的工作内容
- 管理人员
-
监测跟踪当天的关键数据指标
-
及时发现异常问题
-
宏观统计数据
-
公告、消息、待办
- 执行人员
-
当天工作的处理日常各种待办,做到“日清日结”
-
能够在首页中把所有需要处理的工作合理呈现,并进行处理,就不需要再自己跳转各个页面进行操作。
具体实现:
-
数据简报
-
快捷入口:新建工单;菜单收藏
-
半自动:系统自动整理出每天待办、待办分类、优先级,和快速处理的能力
列表页
目标: 数据集的页面呈现
内容: 搜索、数据列表、分页、操作
竞品: Jira
表单
目的: 表单常用于新建表单、表单编辑,用户可以对表单内容,进行录入和编辑。
建议: 借鉴成熟软件、善于使用模版、采用标准控件
竞品: 蚂蚁金服 AntDesign、Salesforce 交互设计平台 lightningDesignSystem
下一篇,聊一下 权限、通知、报表、BI、和数据埋点
本文使用 文章同步助手 同步