小白必看！B端产品系统主界面设计思路
上一篇文章讲述了B端产品的需求分析思路（小白必看！B端产品需求处理流程），本文从系统设计出发，带给你不一样的视角。
B端的系统主界面承载着产品的第一印象，通常展示的是整个系统的框架。包含左侧菜单栏/顶部菜单栏/系统LOGO/消息通知/系统设置/使用说明/个人中心等。
1、左侧菜单栏/顶部菜单栏
顶部菜单栏是一级菜单，用于对系统所有功能进行梳理后，作为大类的划分依据（除非功能*多，否则不推荐，有调查显示使用顶部菜单栏的后台效率更低）；
左侧菜单栏是后台的常用设计，前端可以做成可收缩的样式（仅展示图标），左侧菜单栏最好只做到四级菜单（三级菜单为佳），菜单栏的设计要简洁、字段定义要清晰。
2、系统Logo
一般为了凸显系统特点（品牌），主页左上角会放置系统专属Logo，点击可以跳转至主页。
3、消息通知
对于大型的B端产品而言，消息通知是一个单独的板块，承载着系统消息的提醒功能。系统消息可以大致分为：（1）系统通知：系统存在功能/服务变动时，发出的通知；（2）业务模块通知：为每个业务板块提供消息类型，各个子系统按照消息类型接入消息中心；（3）站外消息通知：某些站外信息可以通过系统的消息中心中继下发，提醒系统内的用户。
所以综合上述的功能点，要打造消息通知板块，需要对前端交互（消息数量提示、消息展示、点击消息的交互）、消息展示后台、消息管理后台、消息接入后台进行设计，整体存在一定的工作量。
4、系统设置
系统设置部分一般集成了整个后台系统的权限管理（数据权限和功能权限）、部分子系统的数据接入（功能展示）等，可以将技术向的配置都集成在该部分（非业务向），方便进行管理，做好权限的管控即可。
5、使用说明
系统的说明文档通常集成在右上方问号形式的ICON中，以跳链的形式打开（内部系统可以放在Wiki当中，Saas服务可以新做一个网页），最好所有的产品都有操作指南的支持，做好同步更新的工作即可。
6、个人中心
个人中心这个板块主要依赖产品的特性。例如，依靠用户自主登录的独立系统，需要有账号管理的板块。如果没有特殊需求的话，只需要展示退出登录功能即可，这一部分设计的优先级较低。
7、搜索栏
搜索栏不一定需要，大型系统（子功能栏过多）则会增加搜索栏选项，按照关键词匹配功能菜单即可（模糊搜索）。
结语
关于B端的主界面设计就讲到这里，下一篇文章将着重介绍后台功能界面的设计方法，如果你喜欢本文内容的话，可以多多点赞支持。
免责声明：本站所有内容及图片均采集来源于网络，并无商业使用，如若侵权请联系删除。
