B端产品常用设计方案-Part3

115 阅读3分钟

B 端产品本质上不需要很多花里胡哨的设计,追本溯源都是一些基础的组件,很少有产品会在页面涉及的交互、UI 上形成自己的护城河,因为 B 端产品的出发点是为了解决用户的业务问题。更简单、快捷的系统操作,可以降低用户的学习成本。当然,也不是说不需要关注 B 端产品的交互和 UI,这就像是,你和一个陌生人聊天,第一眼看着就不是那么“舒服”,用户连使用的兴趣都没有,更不用说使用了。

导航布局

导航的方式归纳起来就三种:

  1. 横排,常见于官网,企业办公门户

  2. 竖排,常见于后台管理系统,内部系统

  3. 横竖混合

这是因为,B 端导航通常是业务抽象化后的模块化功能,通过对导航多级联动划分,用户可以快速访问自己需要的页面。

这里面有两个点需要顺便提一下,导航层级一般不会超过 3 级,如果超过 3 级,用户每次访问路径会增加,菜单隐藏深,间接说明该菜单的价值小,使用频率不高,过于细化了,需要重新进行规划,对功能进行再次抽象、提高菜单的泛化能力,缩短页面访问路径,减少用户操作次数,提高用户体验,系统的使用效率。

另一方面是,现在越来越多的导航框架会自带支持多标签页,这个功能其实就是保留用户的访问页面,不需要每次重新打开,对于不同的用户角色,他可能只关心和自己相关的内容,那这些页面就可以一直通过标签页的形式展示,说到底,该功能的目的也是进一步减少用户对系统的使用成本。

首页

挑战: B 端随着业务发展,操作复杂,对用户来说需要在不同页面跳转,学习成本高

目标: 优化用户体验,提高产品使用效率

解决方式:区分用户角色的工作内容

  1. 管理人员
  • 监测跟踪当天的关键数据指标

  • 及时发现异常问题

  • 宏观统计数据

  • 公告、消息、待办

  1. 执行人员
  • 当天工作的处理日常各种待办,做到“日清日结”

  • 能够在首页中把所有需要处理的工作合理呈现,并进行处理,就不需要再自己跳转各个页面进行操作。

具体实现:

  • 数据简报

  • 快捷入口:新建工单;菜单收藏

  • 半自动:系统自动整理出每天待办、待办分类、优先级,和快速处理的能力

列表页

目标: 数据集的页面呈现

内容: 搜索、数据列表、分页、操作

竞品: Jira

表单

目的: 表单常用于新建表单、表单编辑,用户可以对表单内容,进行录入和编辑。

建议: 借鉴成熟软件、善于使用模版、采用标准控件

竞品 蚂蚁金服 AntDesign、Salesforce 交互设计平台 lightningDesignSystem

下一篇,聊一下 权限、通知、报表、BI、和数据埋点

本文使用 文章同步助手 同步