編輯導語:在產品的迭代升級過程中,改版設計是常常會遇到的問題。文章從酷家樂「圖冊」產品體驗升級出發,對B端管理工具的升級改版進行了詳細的梳理,對遇到的一些問題進行了分析總結,供大家參考學習。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/b7/26d8b1d2bff113ef.jpg)
B端產品的升級改版與用户遷移難度往往是高於C端產品的。因為產研團隊求”快“求”新“,致力於將更多優質的新功能、更流暢快捷的交互體驗提供給客户;然而B端客户始終求”穩“,不太願意為了“新內容”大幅增加對員工的教育與培訓成本,如果版本差異太大導致用户耗費大量精力重新學習,B端產品設置會面臨斷約的危險。總體來説,客户是歡迎”增加“,反對”修改“,抵制”刪除“。
本文以酷家樂「圖冊」產品的升級改版為例,通過四個步驟詳細介紹了產品的改版過程與2個月無痛遷移用户的方法,希望能給各位看官帶來一些收穫。
背景:為何要做升級改版1. 什麼是「圖冊」?對於酷家樂設計工具的使用者來説,在花費大量精力進行方案設計與渲染設置後,「圖冊」是用户在全設計鏈路的最末端,獲得設計產出物(如圖片、全景圖、視頻)的產品。
2. 為什麼要改版?在整個產研團隊確定舊版圖冊已經無法滿足往後1-2年的功能需求後,站在業務長遠的利益上,也是站在用户的角度,我們決定對效果圖冊進行全新升級改版。希望用户在設計產出階段,使用「圖冊」進行瀏覽、查找、編輯、營銷推廣等工作過程中感到輕鬆、高效、不迷茫。從而也能提高圖冊中各功能的觸達率及付費功能的轉化率。
通過過往在產品設計過程中遇到的困難與直接收到的負面反饋,總結出以下驅動改版的四大關鍵因素
- 信息架構欠佳:產品路徑層級過於深入,基於此的高級功能都無法得到發揮;
- 數據利用差:酷家樂的渲染圖擁有結構化數據,我們可以基於此開發出同類效果圖難以發展的“人無我有”的後期編輯及美化功能,賦能更多業務方;
- 重複造輪子:酷家樂產品體系下有多個“類效果圖冊”的功能,大家各自開發,資源內耗,功能無法保持統一
- 競品超越:過去一年沒有系統的優化,積攢的用户反饋無法滿足,競品體驗已經超越
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/e9/6608144d24f55945.jpg)
酷家樂亟需整體包裝、退出一個體驗升級的、擁有人無我有的後處理能力的“設計輸出物管理平台”
3. 產品願景(1)提升圖冊管理效率
- 根據用户使用習慣改版交互體驗,強化“管理”功能
- 根據用户使用場景,提供有價值的新功能點
- 合理安排組織各種類型及新增的渲染內容(如生長動畫、全屋漫遊、視頻等)
- 注意合理安排渲染特殊的狀態的圖片管理
(2)強調圖片後期與美化的體驗關係,為不完美的渲染補位
(3)在圖冊中加入運營手段,輔助功能觸達
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/49/462ac0efdb9ba7b5.jpg)
接下來我將詳細闡述工具改版的四個步驟:
- 洞察產品問題
- 優化產品框架與路徑
- 設計過程 ·滿足用户&滿足業務 = 體驗提升
- 快速遷移用户至新版
僅根據過往被動收集到的需求與問題來作為產品redesign的依據是遠遠不夠,既未觸達本質也不免比較主觀。所以在調研與設計過程中,我使用了以下四種方法來客觀洞察產品問題。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/92/4484ca8d4347f16a.jpg)
通過整理積累的數百條用户反饋和數次用户訪談,我們瞭解了用户:
- 主要用現有的「效果圖冊」做什麼?
- 使用「效果圖冊」過程中有哪些顯性痛點?
- 在用户看來,設計輸出物的生命流程是怎樣的?
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/ca/2c50a37cf1e4fa5f.jpg)
基於此梳理出圖冊體驗地圖,我們發現用户在等待渲染過程中的焦慮感,和完善美化最終產物的兩個節點上產生了相對較大的不滿。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/a8/b709d520fb14b25b.jpg)
除了繪製關鍵旅程地圖與分析情緒線,我也對用户在使用圖冊時的5個主要任務進行了流程走查,觀測這些任務的交互步驟是否高效、易完成。
結合用户提出的表層問題,我們得出了以“易學性”、“高效率”、“高適用性”三個維度上最重要的結構性問題共12個,至此,散點狀問題已連成線。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/e4/f459fdd86e380e06.jpg)
最後,通過分析產品信息架構與界面框架,得到產生上述問題的根本原因
- 架構層級深
- 多界面功能不一致,不符合用户心智
- 頻繁跳轉,打斷用户設計思路
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/76/38377e761a2dacde.jpg)
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/e8/605ea14baef74525.jpg)
指導設計方向的方法有很多,除了核心問題分析、基於業務目標的數據拆解,還有直接競品及泛管理類成熟競品可供分析。從用户覆蓋率較高的競品上提煉出針對核心問題的解決方案,具有很高可行性。
1. 競品分析對於體驗設計師來説,把握競品價值的關鍵在於:
(1)如何選取有價值的競品?
- 公司體量大、羣眾基數廣的產品,如Google雲盤、apple照片、百度網盤
- 專業、垂直、認可度高的產品:如Eagle、Adobe Bridge
- 直接競品
(2)自己究竟想從競品中獲取何種價值?
- 清晰的架構(拍扁架構層級;拆分產品模塊,進行模塊化設計)
- 必要功能(文件管理類產品的必要功能,如命名、時間戳、文件信息等)
- 優質微交互
工具層級越少,用户需要理解的界面變化也越少,從而提高功能的觸達率。
因此在設計的第一步,就確定了要把原先不清晰、不穩定的三層結構:查看圖片列表 → 查看大圖 → 深度編輯模式,簡化為兩層:查看圖片 → 深度編輯模式,讓“圖片列表”和“大圖”成為並列的查看圖片的方式,而非上下層級。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/18/e0bb5f76e4ee350e.jpg)
在界面上,凡是不涉及 大圖/列表模式切換 的模塊,功能均保持一致。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/75/5228ece28f4bffb1.jpg)
- 生成全屋漫遊:使用比例提升127%
- 下載通道圖:使用比例提升59%
框架優化其實已經解決了2/3的根本問題,但僅僅解決已有問題是不足以給與用户遷移至新版的動力的。新產品首先需要滿足用户的核心需求才能吸納用户,其次需要滿足業務訴求才能長期可用。
1. 滿足用户回到產品願景,這個指導着我們新圖冊應該朝什麼方向去提升使用體驗才能拴住老用户的心。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/c2/df7bec7f102e1ab6.jpg)
(1)模塊化設計
將功能區域作為一個完整模塊進行設計,可以與其他模塊進行多種組合。這樣可以保證每個模塊的設計精密性,同時也提升了組合的多變性,適用於更多業務方、更多功能場景。
以新圖冊所拆分的9個模塊舉例,如果需要再做一個純展示用途的lite版圖冊(由設計師交付給業主),只需使用其中的 頂欄、庫、篩選器、列表導航、輸出物查看與操作 這5個模塊即可,無需再設計一個圖冊2.0。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/ff/bcbf21350d5949a5.jpg)
(2)設備平台與國際化適配
説明:遵循平台/設備的設計規範;考慮用户當前使用場景下的設備的特性(設計方案需考慮大小屏,如有必要可考慮適配)。默認要考慮符合各國家地區的用户。
適配case1:toolbar
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/1c/cd8358a537ff39be.jpg)
適配case2:庫與篩選
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/f2/3464f4a2cdf378eb.gif)
(3)產品化運營能力
在渲染過程中提供一個運營位,從業務角度來説可為內容引流,從用户角度來説,可閲讀的內容轉移了用户注意力,減緩其渲染等待的焦慮。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/b9/a73e22519b6fb15e.jpg)
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/36/5d1e10ee7ae3cd79.jpg)
新產品搭建完畢,設計團隊可以使用哪些產品化手段帶領用户棄舊從新呢?
我們已知B端用户始終求”穩“,他對軟件的熟悉程度直接與工作效率掛鈎。對於不斷變化的工作工具,B端用户的態度是歡迎”增加“,反對”修改“,抵制”刪除“。遵循這條規則,控制好用户反彈,再加以循循善誘即可逐漸完成用户遷移(畢竟酒香也怕巷子深,“酒”要夠香,但“巷子”也必須得淺)。
1. 測試調優:通過內部走查和少量灰髮快速優化- 走查方式:業務線內行業專家體驗(縱向)、UED專家走查(橫向)、灰髮上線20%並跟進用户反饋
- 用户觀念:舊版已有功能可以優化,但絕不能缺席
- 打造人無我有、且僅可在新版圖冊上體驗的爆炸性新功能作為主要吸引手段,我們僅在新圖冊上增加了4項管理功能(命名、搜索、收藏、查看圖片信息)、1種營銷能力(製作燈光動畫)、2種圖片編輯能力(分享設置、重新渲染)。同時也需要運營實施強有力的推廣手段。
- 在舊圖冊上進行新圖冊的利益點提示。
(1)降低跳出率
基於舊版圖冊的反饋較多的問題給與解決方案,即追加一批基礎的讓用户無法拒絕的優化功能,降低跳出意願。對體驗設計師來説,將積攢的問題適時地收集打包、批量化一次性解決,而非點對點優化,反而更有助於達成業務目標。
(2)提高進入率
在低跳出率的前提下,逐漸將新版作為主要入口,觀察用户是否反彈。進一步減速遷移。
遷移結果:全量上線2個月(包含過年)穩定遷移85%的用户
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/15/d12813ffc985a406.jpg)
產品改版對體驗設計師來説是個不小的挑戰,而業務方給予充足的調研與設計時間則是對此次改版最有利的支持。在此我也總結了整個改版過程中全流程所用到的設計方法,希望能給讀者帶來一定幫助。
![四步完成B端管理工具體驗升級](http://p1.nanmuxuan.com/images/d1/5361228a9031767f.jpg)
作者:西橙;公眾號:酷家樂用户體驗設計
本文由 @酷家樂用户體驗設計 原創發佈於人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基於 CC0 協議