演出项目可分为【有座项目】和【无座项目】两种类型，有座项目又可分为【选座售卖项目】和【非选座售卖项目】。

大部分话剧、音乐剧、舞蹈芭蕾项目都是选座售卖项目。客户来到猫眼客户端中选择想看的项目，选定座位并下单，最后检票入场观演，完成闭环。其中选座体验是客户转化重要的一环，影响客户决策。

为了提升用户体验，提升数据转化，我们对猫眼目前选座体验进行走查，探讨问题原因，找到产品痛点和机会点，为产品优化做准备。

猫眼客户端选座体验问题：

1.自营项目无法直接选座，无论场馆大小必须先选择区域再选择座位

如下图，无法选择图中的座位，点击座位跳转到对应区域的座位图，需要再次点击选择。

2.无法根据场馆座位分布全局选座

如下图，选择A区后仅能查看到A区座位，无法看到其他区域座位和舞台。

3.场馆分区图风格样式不统一

如下图，绘制精细程度不一，风格样式不一。

这些问题产生的原因：

问题1：产品结构规划上将场馆分为区域和座位两个层级，未根据场馆规模分级别展示，例如大型场馆先选区域再选择座位，小型场馆直接选择座位。 

问题2：B端后台性能问题阻碍了客户端全局查看选座。 

问题3：区域图依靠B端后台上传，没有统一的绘制标准约束，故客户端的样式不统一。 

通过以上原因可以看出客户端选座体验很大程度上取决于B端后台的配置，所以要从B端配置入手，从根源上解决体验问题。

本次研究目的

研究对象

我们通过产品研究和用户访谈形式，结合业务需求，对产品功能进行审视走查，希望能挖掘出产品痛点和机会点。

B端场馆图绘制及座位配置的主要用户是运维人员，所以我们对运维人员进行了深度访谈，主要目的：

1.了解用户使用猫眼B端的操作行为和痛点；

2.观察用户使用相似产品【城市售票网B端系统】的行为和痛点。

演出项目座位配置业务流程

商务与场馆洽谈好合作后，会提交添加/修改场馆座位模板的邮件给到运维人员，由运维人员在B端后台中进行创建和修改。商务可在B端后台创建项目关联到对应场馆配置票价等。

在这条业务流程中，涉及到B端选座配置的部分：

1.创建/维护场馆分区模板；

2.创建有座项目、关联对应场馆、配置票价、配置预留。

一、创建/维护场馆分区模板

创建场馆分区模板主要分为两个步骤：

创建场馆分区：包含两个主要页面和一个弹窗，承载创建分区图和设置分区信息功能。创建分区支持上传底图、SVG图，编辑器绘制。

创建分区座位：包含一个主要弹窗，承载画座位、座位编号、移动座位、统计座位等功能。

1. 创建分区体验痛点

1.1 使用SVG编辑器绘制场馆分区图操作不便

嵌入式画图工具仅能绘制较为简单的图形，门槛高且绘制成果不理想，对于复杂场馆无法满足绘制需求，无法与演出业务很好的结合。

1.2 运维使用第三方工具，绘制风格差异大

由于画图工具绘制不理想，运维人员自学AI、Coreldraw等绘制后上传到后台系统。人和工具的不同导致座位图风格差异较大。

1.3 项目变动维护不便

项目调整需通过第三方绘制工具修改或重新绘制导出后上传到后台，修改流程长且重复操作过多。

2. 创建座位体验痛点

2.1 画座方式不支持绘制倾斜、曲度、错位的座位

固定的座位方格坐标对坐标，自由度差，无法自定义座位角度和排布形式。无法精准还原场馆座位分布。

2.2 不支持自定义舞台方向和位置

舞台位置方向固定，无法满足多个舞台、座位包围舞台配置。

2.3 绘制座位交互操作单一

仅支持鼠标在方格内拖动绘制，效率低，增删改操作麻烦。

2.4 交互流程不通顺

编号、移动等功能先切换功能再选择座位的顺序不符合用户行为，符合用户操作的顺序是先选择座位再点击对应操作配置。

座位编号、移动、统计功能不适合tab形式，交互组件使用不当。

2.5 交互界面表达有误

座位编号分为排编号和列编号两种方式，选择一种并填写配置参数。系统界面中两种方式都有*（必填）容易引起误导。

2.6 删除编号语义不明确

选择座位后点击删除编号按钮后座位和编号都被删除，按钮语义与实际意思不符。并且误删除座位还会增加重新绘制工作量。

3. 产品结构体验痛点

3.1 分区形状与座位分布关联度低

分区的大致形状应由分区座位的排布所决定，而产品中分区形状与分区座位形状并无直接的关联，导致用户在选座时产生较大的割裂感。

3.2 不支持直接选座

为了让客户更直观的掌握场馆座位分布，运维人员绘制时会尽可能还原，但客户选择时还要进入分区后才能选择座位，且仅能查看到一个分区的座位，不能全局选座。

4. 框架和容器动线体验痛点

4.1 分区配置位置分散，操作效率低

分区绘制与信息配置分散在两个页面和1个弹窗中，页面布局分散，动线复杂多变。

4.2 座位配置比重弱

座位配置权重高且操作复杂，不适合使用弹窗承载，位置层级太深。

5. 产品与业务关联体验痛点

5.1 座位配置功能单一，缺少辅助操作

绘制座位图是一项庞大的工程，系统内大型场馆的座位达到4-9万个，例如鸟巢、梅赛德斯奔驰文化中心。绘制大型场馆需要花费3-4天时间，座位分布复杂的场馆需要花费更长时间。目前系统仅有单一拖动方格的绘制方式，缺少提升绘制效率的辅助工具，例如撤回、复制座位、多种对齐/翻转方式等。

6. 体验优点

6.1 绘制场馆分区图时支持导入SVG

方便绘制大型复杂的场馆。

6.2 系统稳定

复杂的场馆绘制时间长且操作复杂，系统未产生过崩溃或其他终止情况。

二、配置票价和预留

配置票价和预留主要分为三个步骤：

选定场馆分区：确认场馆并选择场馆内分区

配置票价：选择座位配置票价。

配置预留：选择座位配置预留。

1. 框架和容器动线体验痛点

1.1 页面结构相似，内容重复

票价和预留页面重复度高，都包含分区预览、选座情况、分区座位图模块。

2. 交互细节体验痛点

2.1 同样功能不同页面交互和视觉不一致

两个页面都包含分区预览模块，但交互视觉差别较大，交互视觉操作不统一。

2.2 内容表达不清晰

设置预留操作中，“对象”文案语义表述不清晰、“猫眼”和“释放”不属于同一层级且语义表达不清楚；新增预留标记按钮位置有误，应该放置在自定义预留下方，而不是与“对象“平级。

2.3 设置预留后无法查看座位编号

设置预留后，座位编号被预留标签替换，从而看不到座位编号，影响识别。

3. 产品功能体验痛点

3.1 不支持导出票务方案图

在项目洽谈后、正式开票前，报批时需要提供给主办和公安票务方案图，供主办审核，目前需要运维自行制作不支持导出。

一、维护场馆分区模板

1. 产品结构

与猫眼B端后台相同，城市售票网在绘制场馆分区图时也是分为两个步骤，先配置区域再配置座位。

区域配置：支持上传底图并通过绘制工具画出区域形状，绘制完成后可直接配置区域信息。

座位配置：通过绘座工具画出区域座位，选座工具和配置工具进行辅助绘制。

2. 产品布局

2.1 区域与座位配置结构清晰，页面布局规整；

2.2 区域和座位配置两步衔接紧密，操作动线流畅。

3. 区域配置功能分析

优点：

1）支持上传底图及调整比例； 

2）绘制工具易用性较高；

3）绘制风格统一；

4）分区配置动线流畅。

痛点：

1）不支持上传SVG图；

2）绘制POH(区域)的工具少，仅钢笔工具；

根据产品定义，绘制座位分区使用区域工具，绘制舞台、楼梯、出入口等场馆辅助设施使用形状工具。根据业务实际情况，区域绘制为主，形状绘制为辅。然而区域绘制工具仅有一个钢笔工具，Shape(形状)绘制工具有三个，主次颠倒。

3）区域和形状绘制工具容易混淆。

左侧工具栏中两类绘制工具未明确分开，非熟练人员操作时会误用两种工具。

4. 座位配置功能分析

4.1 创建座位

优点：

1）工具绘制灵活自由；

2）支持旋转座位。

痛点：

1）需要熟悉绘制工具交互操作，有一定的上手门槛；

2）单个座位工具、路径绘制工具在绘制结束需要鼠标双击，在无指导的情况下用户很难发现。交互操作缺少说明文字或图片解释。

4.2 选择座位

优点：

1）多种辅助工具提升绘制效率；

2）支持区域内复制黏贴座位。

痛点：

1）仅能在区域内复制黏贴座位，不具备区域之间座位复制或复制区域的能力。

对称布局是场馆中常见的一种布局形式，绘制好一个区域座位后复制并翻转就可以快速画完另一个区域。

如下图所示，当前在G区域编辑座位，虽然可以复制G区的座位黏贴，但仅在G区能看到，无法复制到C区图层内。

2）不支持设置弧度座位。 

如下图所示场馆无法在系统内完全还原。

4.3 座位编号

优点：

1）编号方式支持字母、数字、字母数字结合形式，符合多种场景需求。

痛点：

1）编号受限于绘制时的分组；

绘制座位需要根据座位编号逻辑绘制分组，不可以一次性全部绘制完后分开编号。

若第一次绘制有遗漏座位，第二次补充后，无法整体编号。

2）无法取消编号。 

编号仅能修改，不能删除

5. 产品视图分析

5.1 编辑座位视角

缺点：

1）仅支持在预览功能时查看创建的全部座位。绘制某一区域座位时无法看到其他区域座位，缺少全局参考。

二、配置票价和预留

1. 产品布局

优点：

1）票档和预留配置与场馆座位配置结构相似，布局和操作统一，易于理解。

2）票价和防涨配置在一个页面内完成，简单清晰。

2. 票价及预留配置功能分析

痛点：

1）设置预留后无法查看到座位编号

如下图中A标记的座位是预留座位，无法查看座位编号

2）预留模式下，选中已设置票档、未设置预留的座位时，无法区分票档

如下图选中状态下1-6号座位无法区分票档A/B

3. 总结

城市售票网B端系统的在绘制场馆图上灵活度自由度高，界面布局规整，动线清晰，产品功能适用于多元复杂场景，不过需要用户具有一定的绘图基础或熟悉成本。

通过以上分析，我们总结出猫眼B端系统后续的优化方向，框架和容器动线上需要提高用户浏览和操作效率，页面进行归类整合，布局样式统一；绘制环境上需要为用户提供灵活自由的区域座位绘制工具，配备高效的选座和辅助工具。

一、整体布局

1）打破现有的分区与座位不平衡布局模式，梳理动线

二、功能

1. 场馆分区设置

1）提供与业务关联度高的、易用的分区绘制工具；

2）支持多种类型分区，例如舞台区、座位区、舞池区等； 

3）提高分区与座位绘制还原度； 

4）确立场馆规模分级，客户端根据级别展示座位层级或直接进入分区层级。

2. 场馆座位设置

1）提供易用度高的座位绘制工具或座位添加方式； 

2）支持灵活选座，灵活编号； 

3）支持调整座位角度、弧度、间距参数； 

4）提供提升绘制效率的辅助工具； 

5）支持跨区复制座位或复制区域功能； 

6）提升座位配置页面权重，完善座位配置界面。

3. 配置票价和预留

1）整合票价和预留页面； 

2）修正界面交互视觉问题； 

3）支持设置预留后查看座位号； 

4）增加导出票务方案图功能。

这次研究我们从业务、产品功能、用户三方面对选座配座模块进行走查，抓住产品痛点，为后续改造指明了方向；对同类型产品的选座配座解决方案进行分析，帮助我们获得新思路。 

随着沉浸式剧场、互动型剧场等新型演出的发展，场馆座位布局不再是单一的座位正对舞台，多个舞台、座位多角度围绕舞台的布局形式不断出现，今后还会有更多新型座位布局出现。设计适用于多种业务场景、页面动线清晰、绘制功能好用的后台工具不仅能提升运维人员的操作效率，也能提升客户端用户选座体验和购票转化，从而提升产品的市场竞争力。随着演出行业的逐步复苏，大量选座项目上线，改造选座模块是我们工作重中之重。