一呼百應:推動平臺設計一致性的秘籍
編輯導讀:平臺設計在滿足基本的產品需求的同時,也要注意各業(yè)務線運營的設計一致性,給用戶傳達好正確的品牌認知。本文從使用場景出發(fā),結合具體案例,梳理總結了推動平臺設計一致性的幾點實用方法,與大家分享。
平臺化的產品層出不窮,而相比于垂直業(yè)務線,平臺承擔的角色更為關鍵,就像是一棟公寓的管家,拿著每個房門的鑰匙,按照用戶的需要介紹房間并推至適合的業(yè)務線,同時也是用戶覺知和品牌傳達的第一步。
58同城作為分類信息平臺,歷經十幾年的發(fā)展,業(yè)務線涵蓋了車、房、招聘、到家服務、交友等老百姓生活的方方面面,意在滿足用戶生活中衣食住行的各種需求,從而使用戶的生活簡單美好。
圖1.58APP平臺首頁
但也由此產生了一些問題:不同業(yè)務線由不同團隊負責,長期閉門造車不僅會導致各業(yè)務變得孤立,還會存在重復造車等資源浪費的問題。平臺作為統(tǒng)籌全局的管家和推手,要通過發(fā)揮平臺特有的優(yōu)勢來促使內外提效,管控設計和體驗的品質。
本文將具體闡述58APP平臺如何策劃并推動設計一致性提升的項目,從而提升團隊協(xié)作效率和產品數(shù)據(jù)效果。
01 設計一致性:平臺天然的使命
一致性是常見評估設計質量的指標,對于平臺類產品來說,各縱深的業(yè)務線更容易形成差異化的設計產出,但較差的一致性容易造成用戶認知困難,甚至會進一步影響數(shù)據(jù)量和用戶的留存,亦不利于品牌形象的傳達和感知。另一方面,良好的一致性使平臺可以通過統(tǒng)一的指標來監(jiān)控用戶體驗的質量,同時在商業(yè)增長上有更多的空間。
平臺在推動各業(yè)務線的設計一致性上有著天然的使命和能力,是在這一點上平臺發(fā)揮著類似中臺的作用:「利用平臺化手段發(fā)現(xiàn)、沉淀與場景級復用能力的過程」。在一致性的提升上具體的價值和目標可以概括為以下三點:
- 效率:跨業(yè)務線的設計成果共享
- 品質:品牌形象和設計一致性
- 驗證:管理和完善數(shù)據(jù)監(jiān)控
圖2.平臺的類中臺式設計能力拆分
02 信息發(fā)布一致性:開門的第一步
在所有由平臺跳轉的流程中,「信息發(fā)布」是通過平臺進入垂直業(yè)務線第一步,也是一次服務的起點,就像是我們已經拿到了鑰匙要打開一扇門,開門的過程影響著用戶是否真的會進入房間,無論是發(fā)布崗位、租房信息、二手車買賣、個人心情,發(fā)布流程的效率和用戶體驗決定了平臺內容的質量、數(shù)量,也影響著用戶的留存。所以本次選擇了「發(fā)布」場景作為一致性提升項目的首個切入點。
通過體驗走查發(fā)現(xiàn),58APP各個業(yè)務線之間的發(fā)布體驗差異較大,設計質量參差不齊,主要存在以下問題:
- 線上存在4個設計版本的發(fā)布樣式,「一致性」及「設計品質」未能統(tǒng)一
- 業(yè)務規(guī)劃各自的發(fā)布優(yōu)化,設計成果未能共享
- 數(shù)據(jù)完善度不足,無法有效得到用戶行為統(tǒng)計
圖3.58APP各業(yè)務線的發(fā)布頁面現(xiàn)狀
03 項目推動:一呼百應的平臺
平臺作為推手,需要和最了解業(yè)務情況的各業(yè)務線交互專家、UI同學、開發(fā)共同協(xié)作,我們不生產業(yè)務,只是業(yè)務的傳送帶。而要做一呼百應的平臺,就需要對項目進行合理的拆解,制定可行的項目規(guī)劃,建立高效的協(xié)作機制。
1. 目標拆分及共建規(guī)劃
「效率」目標針對團隊協(xié)作,需要從交互方開始,制定「發(fā)布」場景下的交互規(guī)范和控件庫,來提升團隊內部的設計效率,然后再由內及外,繼續(xù)推動該場景下UI控件庫的輸出,最后將高價值控件進行組件化研發(fā)落地,從而實現(xiàn)交互-UI-研發(fā)的多重提效。
「品質」目標則是針對產出方案的質量把控,需要交互通過走查、整理和評估當下實現(xiàn)的情況,參照數(shù)據(jù)和體驗反饋好的設計方式作為通用控件庫,保證控件的交互品質。然后由UI進行美學把控,保證「發(fā)布」場景的美學品質。
「驗證」目標是針對目前各業(yè)務線的特征制定合理的質量評估指標體系,從而實現(xiàn)數(shù)據(jù)跟蹤和效果驗證,提升商業(yè)效果,監(jiān)控并保障用戶體驗。
圖4.項目規(guī)劃
按照規(guī)劃中的三個目標進行可操作性工作拆分,并確定相關負責人及工作時間點,建立驗收節(jié)點,督促各個角色按時完成任務,讓項目流動起來。
圖5.共建項目協(xié)作甘特圖
2. 設計成果
(1)交互側
①控件庫搭建:首先以目前58APP的各業(yè)務線發(fā)布現(xiàn)狀做為起點,通過遍歷控件應用現(xiàn)狀和數(shù)據(jù)現(xiàn)狀,將「發(fā)布」場景下的控件羅列,對通用控件進行標準化設計,同時保留業(yè)務特性相關的控件樣式,輸出發(fā)布控件規(guī)范并制作sketch交互控件庫和團隊共享,從而減少團隊內部設計資源浪費。
近來58平臺二手車業(yè)務線的整體改版升級,對其業(yè)務線的發(fā)布流程做了優(yōu)化,在團隊內部得到認可,并在上線后收到了不錯的數(shù)據(jù)反饋,也驗證其設計的有效性。
圖6.二手車改版數(shù)據(jù)情況
在評估、確定控件樣式時,參照二手車業(yè)務線的「發(fā)布」控件,將已驗證過的良好設計成果最大化共享。
圖7.交互控件的輸出流程
②業(yè)務應用效果:通過應用「發(fā)布」規(guī)范化控件,有效地提升了各業(yè)務線之間「發(fā)布」場景的一致性,從而傳達出更統(tǒng)一的品牌認知,提供標準化、有保障的使用體驗。目前已有兩個業(yè)務線對「發(fā)布」場景進行了一致性優(yōu)化落地,數(shù)據(jù)表現(xiàn)皆有提升,這也進一步驗證了規(guī)范控件庫的合理性和有效性。
圖8.新舊各業(yè)務頁面效果
(2) UI側:「發(fā)布」UI組件庫及研發(fā)落地
為了擴大該場景的組件庫復用效用,進一步與UI同學跟進「發(fā)布」UI控件庫的輸出,并根據(jù)平臺版本迭代需求制定組件化研發(fā)計劃,從而實現(xiàn)「發(fā)布」場景下交互-視覺-開發(fā)的高效協(xié)同。
圖9.交互控件庫到UI控件庫的推進
輸出UI組件庫時也應參照平臺本身的UI設計規(guī)范,保證平臺整體的美學一致性,并傳遞統(tǒng)一的品牌形象。
(3)數(shù)據(jù)側:數(shù)據(jù)指標體系和結果
①數(shù)據(jù)指標體系:統(tǒng)計現(xiàn)有「發(fā)布」頁面的數(shù)據(jù)情況,邀請各業(yè)務線專家完成該業(yè)務線發(fā)布設計質量的指標搭建,指標的制定要有針對性,同時能被有效統(tǒng)計到。該指標體系將作為判斷現(xiàn)有發(fā)布質量以及驗證后續(xù)改版質量的標準。
圖10.針對各個業(yè)務線的業(yè)務特性建立發(fā)布場景的數(shù)據(jù)指標體系
②優(yōu)化后的數(shù)據(jù)結果:在建立的指標體系基礎之上,對各業(yè)務線優(yōu)化后的「發(fā)布」場景進行周期性數(shù)據(jù)監(jiān)測,確定發(fā)布改版是否有效,同時監(jiān)測一致性控件在各個業(yè)務線的實際表現(xiàn)。
從已經改版上線的本地服務「發(fā)布」場景回收數(shù)據(jù)的來看,整體的發(fā)布率和發(fā)布數(shù)量都有所提升,由此也可看出本次一致性優(yōu)化對于用戶行為提升是有效的。
圖11.本地服務「發(fā)布」優(yōu)化后的數(shù)據(jù)情況
在改版初期的數(shù)據(jù)表現(xiàn)需要頻繁跟進,待數(shù)據(jù)基本穩(wěn)定之后,如果沒有新的變動則跟進頻次可放低,約2周跟進一次即可。
04 經驗小結
核心流程的一致性對于產品的重要性不再贅述。橫跨業(yè)務線,組織并推動設計質量提升和數(shù)據(jù)監(jiān)控是平臺能力和價值的重要體現(xiàn)。在整個發(fā)布一致性項目的推進中,從內容、形式、結果分別有一些小小的經驗總結。
1. 統(tǒng)一有度
對于58這樣的多業(yè)務線平臺,一致性就是求同存異,就是既要在差異中找共性,又要在做統(tǒng)一時保留差異化。
找共性的過程就是要統(tǒng)一品牌傳達、加強認知、提升協(xié)作效率,從內到外的提升效率。
保留差異化就是要針對業(yè)務線本身的特性做適宜的設計,不能為了統(tǒng)一而放棄該場景下更適合的設計方式,顧此失彼。
2. 高效協(xié)作
1)設計效率:將對一致性的追求從數(shù)據(jù)+理論落地轉化為可復用控件,發(fā)揮平臺原子化設計能力,通過共享設計成果提升設計效率,實現(xiàn)團隊內部的高效協(xié)同。
2)產研效率:通過應用控件、數(shù)據(jù)驗證、優(yōu)化控件形成設計閉環(huán),在構建的設計框架之下能及時根據(jù)實際業(yè)務需求和數(shù)據(jù)表現(xiàn)不斷完善控件庫,且可移植到其他場景,不斷提升團隊高效協(xié)作的范圍,從而從全鏈路、多場景提升產研效率。
3)推進效率:項目推進上,充分利用協(xié)同工具同步各個階段、各業(yè)務線的產出,保證項目本身的管理有效性和產出一致性。因橫向項目比較耗時,且很容易受業(yè)務需求的影響,導致進度和資源不可控。在前期緊湊協(xié)作,后期各自執(zhí)行,定期同步即可,不宜占用各專家過多時間。
3. 量化結果
一致性不是結果,只是實現(xiàn)數(shù)據(jù)提升、質量提升的一種途徑,在完成以上的工作之后,數(shù)據(jù)驗證的過程不可忽視。通過數(shù)據(jù)驗證來建立設計驗證的閉環(huán),推進發(fā)布數(shù)據(jù)的完善度,驗證當前設計的有效性并為進一步的優(yōu)化提供參考。
最后
平臺作為掌管公寓鑰匙的管家,除了做好指路引流的工作之外,對于整個團隊和產品更應該有一種主人翁意識,通過設計觸達來推動內部協(xié)作提效、產品體驗提升,從而更好傳遞品牌價值。
真誠感謝所有項目參與者的辛苦付出:
顧斐琦、王丹、林潔、宋杰、李洋、劉春明、王泉橋、張海濤、邵秀芬、李源、鄭曉東、楊婕、邰軍軍、吳立杰、劉茗瑞、段云杉、潘路茜以及其他同學。
#參考文獻
思特沃克-《我對中臺的定義:企業(yè)級能力復用平臺》
本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD)
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!