编辑导语：前端设计对于客服系统来说十分重要，而活用用户体验要素进行前端设计才能更好地完善整个客服系统。在本篇文章里，作者分析总结了有关前端设计的内容，一起来看一下吧。
用户体验5要素我们都不陌生，在人人上面一搜一大把，从0-1或者对整体架构进行框架改革的时候都会用到这个知识，这里简单回忆下用户体验要素：战略、范围、结构、框架、表现层。
战略层：通常指做个产品或功能的目标。战略层有一套很详细的分析方法，由于和本次主题相关性不大，我这里YY一个吧。客户在购买和使用公司的产品有咨询诉求，公司根据产品技术栈创建专业的客服团队，通过在线客服系统解决客户的问题。范围层：通常是指功能范围，确定产品的边界，例如：确定客户和客服的功能需求范围。结构层：简单说就是确定用户的整体路径，确定用户路径之后，我们才可以进一步做页面设计。框架层：网上说的稍稍复杂了一点，讲真每次看完网上讲的我也有点懵逼，我把它转换成自己的概念，即展示哪些信息给用户看，我们要提供哪些按钮给到用户操作。表现层：网上说了很多专业的词，对产品来说它就是原型。表现层主要是给设计发挥的地方，在大厂可能会由设计团队来把控，会由交互、视觉和重构三个不同岗位的设计完成。在做前端设计的时候也会遵循这5要素进行搭建，下面我会详细跟大家讲下我在做前端搭建时的方法论。
一、范围层：确定产品和功能的边界
使用产品的用户可以划分为4类：咨询问题的客户、服务人员客服、质检人员、管理者，当然不同的企业和产品会有更多的角色，本篇仅围绕客户和客服两个角色。
以下模拟场景纯属虚构，如有重合纯属偶然。
1.客户
客户寻求帮助的入口很多：群、