这是《后台产品设计指南》系列文章的第3篇内容，更多精彩可以点击下方链接查看。
本文会和大家讲解一下后台产品涉及到的一些常见概念，让大家对后台产品有一个整理的认知。
前台、中台和后台的区别
前台只直接和用户直接交互的界面，比如web页面、移动端app、小程序等等。
中台的概念比较复杂，可以分为技术中台，产品中台，组织中台等内容。通俗来说中台就是表转化，系统化的服务，用来帮助使用者能快速实现某种能力的工具。比如阿里的电商中台可以给淘宝、天猫、咸鱼等平台使用。
后台主要面向管理人员，实现流程审核、人员管理等支撑工作，比如CRM、OA、财务等系统。
用一句话来对比这几个概念的核心，那就是前台应用、中台赋能、后台支撑。
来自网络
无论是前台、中台和后台都会涉及到前端技术和后端技术。前端技术是指界面开发，比如html、css、js技术；后端技术是指接口、服务开发，比如Java、PHP等等。
后台页面的类型
单页版
单页面应用方案，所有操作无需跳转
单标签版每个页面都是独立的html页面
体验相对更友好，减轻浏览器负载
iframe版
基于 iframe 实现，简单实用，多标签页面
左侧、头部和底部是通用的部分，中间部分通过iframe嵌入子页面
实现比较简单，上手快
后台布局
后台页面的布局一般包括以下三种，主要包括品牌标识区域、导航区域、用户信息区域和主体功能区域。
品牌标识区域：一般用来展示品牌信息。
导航区域：一般包括侧导航和顶部导航两部分，这两部分可能同时存在，也可能只有一部分。建议导航不要超过两级，不然会比较难操作。
来自网络
用户信息区域：展示用户个人信息，比如头像和用户名，一般会包含用户设置、退出登录功能。全局搜索、主题设置、消息中心等入口也可以放在这里。
主题功能区域：当前页面的核心功能区域，主要包括数据列表、数据查询、数据操作和数据添加都能内容。
核心组件&常见页面
表格
列表页是后台最为常见的页面形式之一，用于展现数据。由于页面的宽度有限，所以需要优先展示主要内容。比如说用户发布的文章这个场景，可以概况为是谁在哪里什么时间发布了什么文章，展示的字段包括用户ID、用户昵称、文章名称、发布时间、发布平台等。
搜索查询
如果是比较负责的后台产品，搜索条件会比较多，往往包含了输入框、下拉列表、时间筛选等组件，如何将这些组件合理有序的排列是非常重要的。此外搜索条件重置按钮、搜索条件自定义保存这些功能也非常使用。
表单
表单包括很多类型，简单的有输入框、文本框、单选框、复选框、下拉列表；复杂的有穿梭框、树、时间选择等等。
数据操作
常见的操作类型有添加、编辑、查看详情、禁用启用、设置排序、删除等等。在很多后台产品中添加和编辑其实是一个功能，只不过编辑的时候部分字段做了限制；设置排序可以通过设置排序值或者拖拽的方式来进行实现；删除是一个比较危险的操作，一般需要弹窗二次确认，而且是伪删除并不是真的删除。
分页
分页可以分批请求数据，既减轻了服务端的压力，也缩短了用户的等待时间。
登录
作为使用系统的第一步，登录页面也需要认真对待。比如一个适合平台主题的插画背景、定期更换的风景背景可以很好的调节用户的心情。
工作台首页
工作台是一般登录后的第一个页面，这里需要显示平台的关键性数据、待办事项、常见操作入口，帮助用户快速的进行日常操作。
后台中常见的页面后面的系列会单独进行讲解，这里就不过多地展开了。
如何了解后台
后台产品尽管业务可能不同，但设计理念设计方法其实是大同小异的。我们你可以通过以下方法来进行学习：
1.自己注册一些典型的账号，比如公众号、小鹅通、有赞这些比较成熟的平台。
2.查找一些开源的后台框架、产品，比如禅道、Element等等。
3.研究公司自己的产品，每个公司都有自己的信息化系统，常见的有OA、运营平台等等。
4.获取竞品公司的账号，通过获取行业top公司的演示平台，研究其功能和产品设计也是一个不错的方法。
在写作过程中，如果有意见或者想法，欢迎有兴趣的读者添加我的微信一起交流探索，共同进步。
网友评论