一呼百應:推動平臺設計一致性的秘籍

0 評論 6698 瀏覽 18 收藏 15 分鐘

編輯導讀:平臺設計在滿足基本的產品需求的同時,也要注意各業務線運營的設計一致性,給用戶傳達好正確的品牌認知。本文從使用場景出發,結合具體案例,梳理總結了推動平臺設計一致性的幾點實用方法,與大家分享。

平臺化的產品層出不窮,而相比于垂直業務線,平臺承擔的角色更為關鍵,就像是一棟公寓的管家,拿著每個房門的鑰匙,按照用戶的需要介紹房間并推至適合的業務線,同時也是用戶覺知和品牌傳達的第一步。

58同城作為分類信息平臺,歷經十幾年的發展,業務線涵蓋了車、房、招聘、到家服務、交友等老百姓生活的方方面面,意在滿足用戶生活中衣食住行的各種需求,從而使用戶的生活簡單美好。

圖1.58APP平臺首頁

但也由此產生了一些問題:不同業務線由不同團隊負責,長期閉門造車不僅會導致各業務變得孤立,還會存在重復造車等資源浪費的問題。平臺作為統籌全局的管家和推手,要通過發揮平臺特有的優勢來促使內外提效,管控設計和體驗的品質。

本文將具體闡述58APP平臺如何策劃并推動設計一致性提升的項目,從而提升團隊協作效率和產品數據效果。

01 設計一致性:平臺天然的使命

一致性是常見評估設計質量的指標,對于平臺類產品來說,各縱深的業務線更容易形成差異化的設計產出,但較差的一致性容易造成用戶認知困難,甚至會進一步影響數據量和用戶的留存,亦不利于品牌形象的傳達和感知。另一方面,良好的一致性使平臺可以通過統一的指標來監控用戶體驗的質量,同時在商業增長上有更多的空間。

平臺在推動各業務線的設計一致性上有著天然的使命和能力,是在這一點上平臺發揮著類似中臺的作用:「利用平臺化手段發現、沉淀與場景級復用能力的過程」。在一致性的提升上具體的價值和目標可以概括為以下三點:

  1. 效率:跨業務線的設計成果共享
  2. 品質:品牌形象和設計一致性
  3. 驗證:管理和完善數據監控

圖2.平臺的類中臺式設計能力拆分

02 信息發布一致性:開門的第一步

在所有由平臺跳轉的流程中,「信息發布」是通過平臺進入垂直業務線第一步,也是一次服務的起點,就像是我們已經拿到了鑰匙要打開一扇門,開門的過程影響著用戶是否真的會進入房間,無論是發布崗位、租房信息、二手車買賣、個人心情,發布流程的效率和用戶體驗決定了平臺內容的質量、數量,也影響著用戶的留存。所以本次選擇了「發布」場景作為一致性提升項目的首個切入點。

通過體驗走查發現,58APP各個業務線之間的發布體驗差異較大,設計質量參差不齊,主要存在以下問題:

  1. 線上存在4個設計版本的發布樣式,「一致性」及「設計品質」未能統一
  2. 業務規劃各自的發布優化,設計成果未能共享
  3. 數據完善度不足,無法有效得到用戶行為統計

圖3.58APP各業務線的發布頁面現狀

03 項目推動:一呼百應的平臺

平臺作為推手,需要和最了解業務情況的各業務線交互專家、UI同學、開發共同協作,我們不生產業務,只是業務的傳送帶。而要做一呼百應的平臺,就需要對項目進行合理的拆解,制定可行的項目規劃,建立高效的協作機制。

1. 目標拆分及共建規劃

「效率」目標針對團隊協作,需要從交互方開始,制定「發布」場景下的交互規范和控件庫,來提升團隊內部的設計效率,然后再由內及外,繼續推動該場景下UI控件庫的輸出,最后將高價值控件進行組件化研發落地,從而實現交互-UI-研發的多重提效。

「品質」目標則是針對產出方案的質量把控,需要交互通過走查、整理和評估當下實現的情況,參照數據和體驗反饋好的設計方式作為通用控件庫,保證控件的交互品質。然后由UI進行美學把控,保證「發布」場景的美學品質。

「驗證」目標是針對目前各業務線的特征制定合理的質量評估指標體系,從而實現數據跟蹤和效果驗證,提升商業效果,監控并保障用戶體驗。

圖4.項目規劃

按照規劃中的三個目標進行可操作性工作拆分,并確定相關負責人及工作時間點,建立驗收節點,督促各個角色按時完成任務,讓項目流動起來。

圖5.共建項目協作甘特圖

2. 設計成果

(1)交互側

①控件庫搭建:首先以目前58APP的各業務線發布現狀做為起點,通過遍歷控件應用現狀和數據現狀,將「發布」場景下的控件羅列,對通用控件進行標準化設計,同時保留業務特性相關的控件樣式,輸出發布控件規范并制作sketch交互控件庫和團隊共享,從而減少團隊內部設計資源浪費。

近來58平臺二手車業務線的整體改版升級,對其業務線的發布流程做了優化,在團隊內部得到認可,并在上線后收到了不錯的數據反饋,也驗證其設計的有效性。

圖6.二手車改版數據情況

在評估、確定控件樣式時,參照二手車業務線的「發布」控件,將已驗證過的良好設計成果最大化共享。

圖7.交互控件的輸出流程

②業務應用效果:通過應用「發布」規范化控件,有效地提升了各業務線之間「發布」場景的一致性,從而傳達出更統一的品牌認知,提供標準化、有保障的使用體驗。目前已有兩個業務線對「發布」場景進行了一致性優化落地,數據表現皆有提升,這也進一步驗證了規范控件庫的合理性和有效性。

圖8.新舊各業務頁面效果

(2) UI側:「發布」UI組件庫及研發落地

為了擴大該場景的組件庫復用效用,進一步與UI同學跟進「發布」UI控件庫的輸出,并根據平臺版本迭代需求制定組件化研發計劃,從而實現「發布」場景下交互-視覺-開發的高效協同。

圖9.交互控件庫到UI控件庫的推進

輸出UI組件庫時也應參照平臺本身的UI設計規范,保證平臺整體的美學一致性,并傳遞統一的品牌形象。

(3)數據側:數據指標體系和結果

①數據指標體系:統計現有「發布」頁面的數據情況,邀請各業務線專家完成該業務線發布設計質量的指標搭建,指標的制定要有針對性,同時能被有效統計到。該指標體系將作為判斷現有發布質量以及驗證后續改版質量的標準。

圖10.針對各個業務線的業務特性建立發布場景的數據指標體系

②優化后的數據結果:在建立的指標體系基礎之上,對各業務線優化后的「發布」場景進行周期性數據監測,確定發布改版是否有效,同時監測一致性控件在各個業務線的實際表現。

從已經改版上線的本地服務「發布」場景回收數據的來看,整體的發布率和發布數量都有所提升,由此也可看出本次一致性優化對于用戶行為提升是有效的。

圖11.本地服務「發布」優化后的數據情況

在改版初期的數據表現需要頻繁跟進,待數據基本穩定之后,如果沒有新的變動則跟進頻次可放低,約2周跟進一次即可。

04 經驗小結

核心流程的一致性對于產品的重要性不再贅述。橫跨業務線,組織并推動設計質量提升和數據監控是平臺能力和價值的重要體現。在整個發布一致性項目的推進中,從內容、形式、結果分別有一些小小的經驗總結。

1. 統一有度

對于58這樣的多業務線平臺,一致性就是求同存異,就是既要在差異中找共性,又要在做統一時保留差異化。

找共性的過程就是要統一品牌傳達、加強認知、提升協作效率,從內到外的提升效率。

保留差異化就是要針對業務線本身的特性做適宜的設計,不能為了統一而放棄該場景下更適合的設計方式,顧此失彼。

2. 高效協作

1)設計效率:將對一致性的追求從數據+理論落地轉化為可復用控件,發揮平臺原子化設計能力,通過共享設計成果提升設計效率,實現團隊內部的高效協同。

2)產研效率:通過應用控件、數據驗證、優化控件形成設計閉環,在構建的設計框架之下能及時根據實際業務需求和數據表現不斷完善控件庫,且可移植到其他場景,不斷提升團隊高效協作的范圍,從而從全鏈路、多場景提升產研效率。

3)推進效率:項目推進上,充分利用協同工具同步各個階段、各業務線的產出,保證項目本身的管理有效性和產出一致性。因橫向項目比較耗時,且很容易受業務需求的影響,導致進度和資源不可控。在前期緊湊協作,后期各自執行,定期同步即可,不宜占用各專家過多時間。

3. 量化結果

一致性不是結果,只是實現數據提升、質量提升的一種途徑,在完成以上的工作之后,數據驗證的過程不可忽視。通過數據驗證來建立設計驗證的閉環,推進發布數據的完善度,驗證當前設計的有效性并為進一步的優化提供參考。

最后

平臺作為掌管公寓鑰匙的管家,除了做好指路引流的工作之外,對于整個團隊和產品更應該有一種主人翁意識,通過設計觸達來推動內部協作提效、產品體驗提升,從而更好傳遞品牌價值。

真誠感謝所有項目參與者的辛苦付出:

顧斐琦、王丹、林潔、宋杰、李洋、劉春明、王泉橋、張海濤、邵秀芬、李源、鄭曉東、楊婕、邰軍軍、吳立杰、劉茗瑞、段云杉、潘路茜以及其他同學。

#參考文獻

思特沃克-《我對中臺的定義:企業級能力復用平臺》

 

本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD)

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!