演出項目可分為【有座項目】和【無座項目】兩種類型，有座項目又可分為【選座售賣項目】和【非選座售賣項目】。

大部分話劇、音樂劇、舞蹈芭蕾項目都是選座售賣項目。客戶來到貓眼客戶端中選擇想看的項目，選定座位并下單，最后檢票入場觀演，完成閉環(huán)。其中選座體驗是客戶轉化重要的一環(huán)，影響客戶決策。

為了提升用戶體驗，提升數(shù)據(jù)轉化，我們對貓眼目前選座體驗進行走查，探討問題原因，找到產品痛點和機會點，為產品優(yōu)化做準備。

貓眼客戶端選座體驗問題：

1.自營項目無法直接選座，無論場館大小必須先選擇區(qū)域再選擇座位

如下圖，無法選擇圖中的座位，點擊座位跳轉到對應區(qū)域的座位圖，需要再次點擊選擇。

2.無法根據(jù)場館座位分布全局選座

如下圖，選擇A區(qū)后僅能查看到A區(qū)座位，無法看到其他區(qū)域座位和舞臺。

3.場館分區(qū)圖風格樣式不統(tǒng)一

如下圖，繪制精細程度不一，風格樣式不一。

這些問題產生的原因：

問題1：產品結構規(guī)劃上將場館分為區(qū)域和座位兩個層級，未根據(jù)場館規(guī)模分級別展示，例如大型場館先選區(qū)域再選擇座位，小型場館直接選擇座位。 

問題2：B端后臺性能問題阻礙了客戶端全局查看選座。 

問題3：區(qū)域圖依靠B端后臺上傳，沒有統(tǒng)一的繪制標準約束，故客戶端的樣式不統(tǒng)一。 

通過以上原因可以看出客戶端選座體驗很大程度上取決于B端后臺的配置，所以要從B端配置入手，從根源上解決體驗問題。

本次研究目的

研究對象

我們通過產品研究和用戶訪談形式，結合業(yè)務需求，對產品功能進行審視走查，希望能挖掘出產品痛點和機會點。

B端場館圖繪制及座位配置的主要用戶是運維人員，所以我們對運維人員進行了深度訪談，主要目的：

1.了解用戶使用貓眼B端的操作行為和痛點；

2.觀察用戶使用相似產品【城市售票網B端系統(tǒng)】的行為和痛點。

演出項目座位配置業(yè)務流程

商務與場館洽談好合作后，會提交添加/修改場館座位模板的郵件給到運維人員，由運維人員在B端后臺中進行創(chuàng)建和修改。商務可在B端后臺創(chuàng)建項目關聯(lián)到對應場館配置票價等。

在這條業(yè)務流程中，涉及到B端選座配置的部分：

1.創(chuàng)建/維護場館分區(qū)模板；

2.創(chuàng)建有座項目、關聯(lián)對應場館、配置票價、配置預留。

一、創(chuàng)建/維護場館分區(qū)模板

創(chuàng)建場館分區(qū)模板主要分為兩個步驟：

創(chuàng)建場館分區(qū)：包含兩個主要頁面和一個彈窗，承載創(chuàng)建分區(qū)圖和設置分區(qū)信息功能。創(chuàng)建分區(qū)支持上傳底圖、SVG圖，編輯器繪制。

創(chuàng)建分區(qū)座位：包含一個主要彈窗，承載畫座位、座位編號、移動座位、統(tǒng)計座位等功能。

1. 創(chuàng)建分區(qū)體驗痛點

1.1 使用SVG編輯器繪制場館分區(qū)圖操作不便

嵌入式畫圖工具僅能繪制較為簡單的圖形，門檻高且繪制成果不理想，對于復雜場館無法滿足繪制需求，無法與演出業(yè)務很好的結合。

1.2 運維使用第三方工具，繪制風格差異大

由于畫圖工具繪制不理想，運維人員自學AI、Coreldraw等繪制后上傳到后臺系統(tǒng)。人和工具的不同導致座位圖風格差異較大。

1.3 項目變動維護不便

項目調整需通過第三方繪制工具修改或重新繪制導出后上傳到后臺，修改流程長且重復操作過多。

2. 創(chuàng)建座位體驗痛點

2.1 畫座方式不支持繪制傾斜、曲度、錯位的座位

固定的座位方格坐標對坐標，自由度差，無法自定義座位角度和排布形式。無法精準還原場館座位分布。

2.2 不支持自定義舞臺方向和位置

舞臺位置方向固定，無法滿足多個舞臺、座位包圍舞臺配置。

2.3 繪制座位交互操作單一

僅支持鼠標在方格內拖動繪制，效率低，增刪改操作麻煩。

2.4 交互流程不通順

編號、移動等功能先切換功能再選擇座位的順序不符合用戶行為，符合用戶操作的順序是先選擇座位再點擊對應操作配置。

座位編號、移動、統(tǒng)計功能不適合tab形式，交互組件使用不當。

2.5 交互界面表達有誤

座位編號分為排編號和列編號兩種方式，選擇一種并填寫配置參數(shù)。系統(tǒng)界面中兩種方式都有*（必填）容易引起誤導。

2.6 刪除編號語義不明確

選擇座位后點擊刪除編號按鈕后座位和編號都被刪除，按鈕語義與實際意思不符。并且誤刪除座位還會增加重新繪制工作量。

3. 產品結構體驗痛點

3.1 分區(qū)形狀與座位分布關聯(lián)度低

分區(qū)的大致形狀應由分區(qū)座位的排布所決定，而產品中分區(qū)形狀與分區(qū)座位形狀并無直接的關聯(lián)，導致用戶在選座時產生較大的割裂感。

3.2 不支持直接選座

為了讓客戶更直觀的掌握場館座位分布，運維人員繪制時會盡可能還原，但客戶選擇時還要進入分區(qū)后才能選擇座位，且僅能查看到一個分區(qū)的座位，不能全局選座。

4. 框架和容器動線體驗痛點

4.1 分區(qū)配置位置分散，操作效率低

分區(qū)繪制與信息配置分散在兩個頁面和1個彈窗中，頁面布局分散，動線復雜多變。

4.2 座位配置比重弱

座位配置權重高且操作復雜，不適合使用彈窗承載，位置層級太深。

5. 產品與業(yè)務關聯(lián)體驗痛點

5.1 座位配置功能單一，缺少輔助操作

繪制座位圖是一項龐大的工程，系統(tǒng)內大型場館的座位達到4-9萬個，例如鳥巢、梅賽德斯奔馳文化中心。繪制大型場館需要花費3-4天時間，座位分布復雜的場館需要花費更長時間。目前系統(tǒng)僅有單一拖動方格的繪制方式，缺少提升繪制效率的輔助工具，例如撤回、復制座位、多種對齊/翻轉方式等。

6. 體驗優(yōu)點

6.1 繪制場館分區(qū)圖時支持導入SVG

方便繪制大型復雜的場館。

6.2 系統(tǒng)穩(wěn)定

復雜的場館繪制時間長且操作復雜，系統(tǒng)未產生過崩潰或其他終止情況。

二、配置票價和預留

配置票價和預留主要分為三個步驟：

選定場館分區(qū)：確認場館并選擇場館內分區(qū)

配置票價：選擇座位配置票價。

配置預留：選擇座位配置預留。

1. 框架和容器動線體驗痛點

1.1 頁面結構相似，內容重復

票價和預留頁面重復度高，都包含分區(qū)預覽、選座情況、分區(qū)座位圖模塊。

2. 交互細節(jié)體驗痛點

2.1 同樣功能不同頁面交互和視覺不一致

兩個頁面都包含分區(qū)預覽模塊，但交互視覺差別較大，交互視覺操作不統(tǒng)一。

2.2 內容表達不清晰

設置預留操作中，“對象”文案語義表述不清晰、“貓眼”和“釋放”不屬于同一層級且語義表達不清楚；新增預留標記按鈕位置有誤，應該放置在自定義預留下方，而不是與“對象“平級。

2.3 設置預留后無法查看座位編號

設置預留后，座位編號被預留標簽替換，從而看不到座位編號，影響識別。

3. 產品功能體驗痛點

3.1 不支持導出票務方案圖

在項目洽談后、正式開票前，報批時需要提供給主辦和公安票務方案圖，供主辦審核，目前需要運維自行制作不支持導出。

一、維護場館分區(qū)模板

1. 產品結構

與貓眼B端后臺相同，城市售票網在繪制場館分區(qū)圖時也是分為兩個步驟，先配置區(qū)域再配置座位。

區(qū)域配置：支持上傳底圖并通過繪制工具畫出區(qū)域形狀，繪制完成后可直接配置區(qū)域信息。

座位配置：通過繪座工具畫出區(qū)域座位，選座工具和配置工具進行輔助繪制。

2. 產品布局

2.1 區(qū)域與座位配置結構清晰，頁面布局規(guī)整；

2.2 區(qū)域和座位配置兩步銜接緊密，操作動線流暢。

3. 區(qū)域配置功能分析

優(yōu)點：

1）支持上傳底圖及調整比例； 

2）繪制工具易用性較高；

3）繪制風格統(tǒng)一；

4）分區(qū)配置動線流暢。

痛點：

1）不支持上傳SVG圖；

2）繪制POH(區(qū)域)的工具少，僅鋼筆工具；

根據(jù)產品定義，繪制座位分區(qū)使用區(qū)域工具，繪制舞臺、樓梯、出入口等場館輔助設施使用形狀工具。根據(jù)業(yè)務實際情況，區(qū)域繪制為主，形狀繪制為輔。然而區(qū)域繪制工具僅有一個鋼筆工具，Shape(形狀)繪制工具有三個，主次顛倒。

3）區(qū)域和形狀繪制工具容易混淆。

左側工具欄中兩類繪制工具未明確分開，非熟練人員操作時會誤用兩種工具。

4. 座位配置功能分析

4.1 創(chuàng)建座位

優(yōu)點：

1）工具繪制靈活自由；

2）支持旋轉座位。

痛點：

1）需要熟悉繪制工具交互操作，有一定的上手門檻；

2）單個座位工具、路徑繪制工具在繪制結束需要鼠標雙擊，在無指導的情況下用戶很難發(fā)現(xiàn)。交互操作缺少說明文字或圖片解釋。

4.2 選擇座位

優(yōu)點：

1）多種輔助工具提升繪制效率；

2）支持區(qū)域內復制黏貼座位。

痛點：

1）僅能在區(qū)域內復制黏貼座位，不具備區(qū)域之間座位復制或復制區(qū)域的能力。

對稱布局是場館中常見的一種布局形式，繪制好一個區(qū)域座位后復制并翻轉就可以快速畫完另一個區(qū)域。

如下圖所示，當前在G區(qū)域編輯座位，雖然可以復制G區(qū)的座位黏貼，但僅在G區(qū)能看到，無法復制到C區(qū)圖層內。

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

如下圖所示場館無法在系統(tǒng)內完全還原。

4.3 座位編號

優(yōu)點：

1）編號方式支持字母、數(shù)字、字母數(shù)字結合形式，符合多種場景需求。

痛點：

1）編號受限于繪制時的分組；

繪制座位需要根據(jù)座位編號邏輯繪制分組，不可以一次性全部繪制完后分開編號。

若第一次繪制有遺漏座位，第二次補充后，無法整體編號。

2）無法取消編號。 

編號僅能修改，不能刪除

5. 產品視圖分析

5.1 編輯座位視角

缺點：

1）僅支持在預覽功能時查看創(chuàng)建的全部座位。繪制某一區(qū)域座位時無法看到其他區(qū)域座位，缺少全局參考。

二、配置票價和預留

1. 產品布局

優(yōu)點：

1）票檔和預留配置與場館座位配置結構相似，布局和操作統(tǒng)一，易于理解。

2）票價和防漲配置在一個頁面內完成，簡單清晰。

2. 票價及預留配置功能分析

痛點：

1）設置預留后無法查看到座位編號

如下圖中A標記的座位是預留座位，無法查看座位編號

2）預留模式下，選中已設置票檔、未設置預留的座位時，無法區(qū)分票檔

如下圖選中狀態(tài)下1-6號座位無法區(qū)分票檔A/B

3. 總結

城市售票網B端系統(tǒng)的在繪制場館圖上靈活度自由度高，界面布局規(guī)整，動線清晰，產品功能適用于多元復雜場景，不過需要用戶具有一定的繪圖基礎或熟悉成本。

通過以上分析，我們總結出貓眼B端系統(tǒng)后續(xù)的優(yōu)化方向，框架和容器動線上需要提高用戶瀏覽和操作效率，頁面進行歸類整合，布局樣式統(tǒng)一；繪制環(huán)境上需要為用戶提供靈活自由的區(qū)域座位繪制工具，配備高效的選座和輔助工具。

一、整體布局

1）打破現(xiàn)有的分區(qū)與座位不平衡布局模式，梳理動線

二、功能

1. 場館分區(qū)設置

1）提供與業(yè)務關聯(lián)度高的、易用的分區(qū)繪制工具；

2）支持多種類型分區(qū)，例如舞臺區(qū)、座位區(qū)、舞池區(qū)等； 

3）提高分區(qū)與座位繪制還原度； 

4）確立場館規(guī)模分級，客戶端根據(jù)級別展示座位層級或直接進入分區(qū)層級。

2. 場館座位設置

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

2）支持靈活選座，靈活編號； 

3）支持調整座位角度、弧度、間距參數(shù)； 

4）提供提升繪制效率的輔助工具； 

5）支持跨區(qū)復制座位或復制區(qū)域功能； 

6）提升座位配置頁面權重，完善座位配置界面。

3. 配置票價和預留

1）整合票價和預留頁面； 

2）修正界面交互視覺問題； 

3）支持設置預留后查看座位號； 

4）增加導出票務方案圖功能。

這次研究我們從業(yè)務、產品功能、用戶三方面對選座配座模塊進行走查，抓住產品痛點，為后續(xù)改造指明了方向；對同類型產品的選座配座解決方案進行分析，幫助我們獲得新思路。 

隨著沉浸式劇場、互動型劇場等新型演出的發(fā)展，場館座位布局不再是單一的座位正對舞臺，多個舞臺、座位多角度圍繞舞臺的布局形式不斷出現(xiàn)，今后還會有更多新型座位布局出現(xiàn)。設計適用于多種業(yè)務場景、頁面動線清晰、繪制功能好用的后臺工具不僅能提升運維人員的操作效率，也能提升客戶端用戶選座體驗和購票轉化，從而提升產品的市場競爭力。隨著演出行業(yè)的逐步復蘇，大量選座項目上線，改造選座模塊是我們工作重中之重。