設(shè)計(jì)沉思錄 | 如何讓龐大的設(shè)計(jì)系統(tǒng)實(shí)現(xiàn)高效運(yùn)轉(zhuǎn)?
編輯導(dǎo)讀:隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展,產(chǎn)品體驗(yàn)的一致性和開(kāi)發(fā)的效率越來(lái)越被重視,設(shè)計(jì)系統(tǒng)的出現(xiàn)就是為了解決這樣的問(wèn)題。一套優(yōu)秀的設(shè)計(jì)系統(tǒng)有利于幫助產(chǎn)品在各個(gè)平臺(tái)保持一致的設(shè)計(jì)語(yǔ)言和風(fēng)格,給用戶(hù)一致的產(chǎn)品體驗(yàn)。本文將從4個(gè)方面,對(duì)設(shè)計(jì)系統(tǒng)進(jìn)行深度分析,希望對(duì)你有幫助。
58同城是一個(gè)海量的分類(lèi)信息服務(wù)平臺(tái),提供房產(chǎn)、招聘、二手車(chē)、團(tuán)購(gòu)、黃頁(yè)、交友等多種服務(wù)。由于存在不同業(yè)務(wù)類(lèi)型與錯(cuò)綜復(fù)雜的用戶(hù)體系,使得各業(yè)務(wù)設(shè)計(jì)師之間的溝通與合作尤為重要。在同一平臺(tái)下,如何構(gòu)建58設(shè)計(jì)中臺(tái)成了最大的課題。
58UXD用戶(hù)體驗(yàn)設(shè)計(jì)中心從未停止探索。近年來(lái)成立多個(gè)專(zhuān)項(xiàng)體驗(yàn)小組,經(jīng)過(guò)不斷的技術(shù)完善與創(chuàng)新,建立全新10.0設(shè)計(jì)語(yǔ)言。最大化保證了平臺(tái)穩(wěn)定性與分業(yè)務(wù)的靈活性,讓設(shè)計(jì)走向?qū)I(yè)化和智能化。
我們將業(yè)務(wù)中公共的、通用性高的部分合并同類(lèi)項(xiàng),抽取到中臺(tái)沉淀為服務(wù)能力。在一定的范圍內(nèi)獲得最佳秩序,減少相同業(yè)務(wù)、系統(tǒng)的重復(fù)建設(shè),直觀地降低設(shè)計(jì)產(chǎn)品研發(fā)成本。
接下來(lái)將從項(xiàng)目發(fā)起到設(shè)計(jì)交付全流程進(jìn)行分析,我們是如何在每個(gè)節(jié)點(diǎn)進(jìn)行干預(yù),使設(shè)計(jì)系統(tǒng)實(shí)現(xiàn)高效運(yùn)轉(zhuǎn)。我們不難發(fā)現(xiàn),隨著智能化工具的研發(fā)、業(yè)務(wù)發(fā)展的需要,設(shè)計(jì)師職能逐步從視覺(jué)制作轉(zhuǎn)換為設(shè)計(jì)決策者。工具化、模塊化、組件化逐步代替人工,為設(shè)計(jì)師爭(zhēng)取了更多時(shí)間進(jìn)行用戶(hù)調(diào)研、優(yōu)化產(chǎn)品原型、參與交互等工作,多角色實(shí)現(xiàn)全流程體驗(yàn)優(yōu)化。
那么在每一個(gè)環(huán)節(jié)采取何種措施可以提升設(shè)計(jì)服務(wù)力呢?用一張?jiān)O(shè)計(jì)運(yùn)轉(zhuǎn)齒輪概括我們的優(yōu)化步驟。
設(shè)計(jì)流程:需求池、分析策略、制定設(shè)計(jì)語(yǔ)言、決定執(zhí)行標(biāo)準(zhǔn)、開(kāi)始生產(chǎn)、優(yōu)化交付、反饋驗(yàn)證、沉淀經(jīng)驗(yàn)、提煉優(yōu)化點(diǎn)重回需求池。
按階段劃分為:
- 設(shè)計(jì)前:將需求分級(jí)與標(biāo)準(zhǔn)化,根據(jù)設(shè)計(jì)語(yǔ)言的制定設(shè)計(jì)方案。
- 設(shè)計(jì)中:進(jìn)入模塊化后根據(jù)原型拼接,同步選擇生產(chǎn)方式,利用資產(chǎn)池中的相關(guān)元素,依靠人機(jī)來(lái)完成需求制作,最后完成交付。
- 設(shè)計(jì)后:針對(duì)上線(xiàn)后的數(shù)據(jù)后平臺(tái)觀測(cè),加入用戶(hù)分析形成新的優(yōu)化點(diǎn),最終回流需求池,沉淀的經(jīng)驗(yàn)加入知識(shí)庫(kù)。
資產(chǎn)池需要設(shè)計(jì)不斷供應(yīng)、優(yōu)化、增補(bǔ)保證效率、效果。那整個(gè)設(shè)計(jì)齒輪運(yùn)轉(zhuǎn)的關(guān)鍵是什么?
從標(biāo)準(zhǔn)、內(nèi)核、元素、工具四個(gè)關(guān)鍵點(diǎn)進(jìn)行一一解讀。
01 標(biāo)準(zhǔn)
專(zhuān)業(yè)的設(shè)計(jì)必須建立標(biāo)準(zhǔn),舉一個(gè)小例子,不難發(fā)現(xiàn)工廠制衣過(guò)程中水洗標(biāo)都在左側(cè),這個(gè)是行業(yè)標(biāo)準(zhǔn),根據(jù)人體工程學(xué)等因素設(shè)定,工廠根據(jù)標(biāo)準(zhǔn)進(jìn)行批量生產(chǎn),不論是跨類(lèi)型還是跨工廠都可以實(shí)現(xiàn)模版化快速生產(chǎn)。同樣所有產(chǎn)品都需要建立一定的設(shè)計(jì)準(zhǔn)則,根據(jù)復(fù)用模型量產(chǎn)提升設(shè)計(jì)規(guī)模。
具體可以從需求標(biāo)準(zhǔn)化、流程模塊化、組件通用化入手。
1. 需求標(biāo)準(zhǔn)化
標(biāo)準(zhǔn)化需要提供設(shè)計(jì)需求文檔。
從源頭做起,把產(chǎn)品需求標(biāo)準(zhǔn)化,根據(jù)需求類(lèi)型自動(dòng)進(jìn)入相應(yīng)的需求池,加快設(shè)計(jì)理解。要求產(chǎn)品人員按需求填寫(xiě)需求單,獲得充分信息輔助設(shè)計(jì),避免目標(biāo)偏差。
標(biāo)準(zhǔn)化可以按格式提供內(nèi)容。
例如流量運(yùn)營(yíng)中的投放需求,根據(jù)設(shè)計(jì)研究對(duì)文案、字?jǐn)?shù)、主標(biāo)題與副標(biāo)題的行數(shù)、圖片內(nèi)容等因素加以規(guī)范。產(chǎn)品按格式提供需求文檔,加快處理速度,為實(shí)現(xiàn)自動(dòng)化奠定基礎(chǔ)。
標(biāo)準(zhǔn)化可以進(jìn)行需求分級(jí)。
如何判斷需求的優(yōu)先級(jí)?分級(jí)別決定采取怎樣的設(shè)計(jì)手段?
可以根據(jù)緊急度與重要度兩個(gè)維度分別進(jìn)行判斷,重要的不緊急的可以長(zhǎng)期重點(diǎn)發(fā)力,也可列為okr項(xiàng)目不斷跟進(jìn),重要的緊急的那么要馬上做,緊急的不重要的常態(tài)化需求,可以大家分擔(dān)做。不緊急不重要的級(jí)別權(quán)重為最低排最后。
根據(jù)評(píng)級(jí)評(píng)估表,進(jìn)入相應(yīng)排期分類(lèi),快速溝通設(shè)計(jì)成本與相應(yīng)產(chǎn)出標(biāo)準(zhǔn)。
標(biāo)準(zhǔn)化需要風(fēng)險(xiǎn)評(píng)估。
是否存在技術(shù)實(shí)現(xiàn)難度?是否采用特殊動(dòng)效、c4d、AR等特殊手法?預(yù)期修改意見(jiàn)是否大于3次?是否存在策略層變動(dòng)風(fēng)險(xiǎn)?是否存在原型變動(dòng)頻繁情況?
如有以上情況,需要在需求文檔中額外說(shuō)明,并郵件同步。技術(shù)、產(chǎn)品、設(shè)計(jì)同學(xué)根據(jù)風(fēng)險(xiǎn)評(píng)估,做好應(yīng)對(duì)方案。
2. 流程模塊化
把工作流程梳理成關(guān)鍵節(jié)點(diǎn),采取階段性的跟蹤。在固定的流程上采取固定的方法,從而讓流程實(shí)現(xiàn)自運(yùn)轉(zhuǎn)。例如設(shè)計(jì)走查的時(shí)間點(diǎn),切入在功能測(cè)試的同時(shí)進(jìn)行,在冒煙測(cè)試階段進(jìn)入視覺(jué)測(cè)試,上線(xiàn)前必須設(shè)計(jì)同學(xué)審核等等,每一步可以利用iwork進(jìn)行跟蹤。
3. 組件通用化
設(shè)計(jì)系統(tǒng)中的元素、控件、版式都可以組件化,但切記通用原則,以保證根據(jù)不同目的進(jìn)行不同的組合。
例如58首頁(yè)的改版,我們將功能劃分為不同模塊,充分滿(mǎn)足業(yè)務(wù)進(jìn)行不同的組合與調(diào)用,形成新的界面。
需求可以利用工具將組件模塊生成為所需頁(yè)面,并不斷驗(yàn)證與優(yōu)化。
02 內(nèi)核
任何組合都離不開(kāi)設(shè)計(jì)內(nèi)核,真正展示產(chǎn)品的核心優(yōu)勢(shì)與價(jià)值,與競(jìng)品產(chǎn)生差異化。讓我們一起探索58同城用戶(hù)體驗(yàn)的設(shè)計(jì)內(nèi)核。
秉承58同城讓生活簡(jiǎn)單美好的愿景,打造豐富的本地服務(wù)信息平臺(tái),采用簡(jiǎn)單易理解的、親民的、無(wú)冗余的設(shè)計(jì)理念。將“設(shè)計(jì)規(guī)范”逐漸改為設(shè)計(jì)體系、設(shè)計(jì)語(yǔ)言,把設(shè)計(jì)語(yǔ)言作為一種“溝通的方式”向產(chǎn)品的各個(gè)觸點(diǎn)傳遞。
設(shè)計(jì)內(nèi)核:以簡(jiǎn)馭繁,做有用的設(shè)計(jì)。
58同城logo由紅、綠、藍(lán)、橙等色調(diào)構(gòu)成,每種顏色代表了不同的業(yè)務(wù),品牌理念圍繞LOCO(Life、People、Creativity、Ecosystem),包括生活化、人、創(chuàng)造力、生態(tài)四個(gè)維度進(jìn)行LOCO配色拆分,平臺(tái)采用主橙色,分類(lèi)業(yè)務(wù)招聘、房產(chǎn)、黃頁(yè)、二手車(chē)等從橙色延續(xù)到藍(lán)色,并將LOCO符號(hào)拆分延展,組合成相應(yīng)的業(yè)務(wù)品牌符號(hào)。緊緊圍繞設(shè)計(jì)語(yǔ)言核心理念,保證了一致性與多元化。
全業(yè)務(wù)通用原則:一致、疊加、多彩、圓潤(rùn)為基調(diào),表達(dá)專(zhuān)業(yè)、豐富、多元、親和的設(shè)計(jì)理念。
根據(jù)品牌基因設(shè)定固定配色規(guī)則,例如通用標(biāo)簽規(guī)則的設(shè)計(jì),讓每一個(gè)組件、每一個(gè)元素都具有了58的靈魂。
03 元素
為提升設(shè)計(jì)效率,我們建立了共享設(shè)計(jì)資產(chǎn)池,其中包括插畫(huà)庫(kù)、icon庫(kù)、元素庫(kù)、圖片庫(kù)、組件庫(kù)、玩法庫(kù)等等。積累需要漫長(zhǎng)的過(guò)程,所以研發(fā)了水晶球共享平臺(tái),鼓勵(lì)設(shè)計(jì)師上傳,互通有無(wú)的同時(shí)保持設(shè)計(jì)對(duì)齊。
04 工具
工欲善其事,必先利其器。2020年初在58UXD高級(jí)總監(jiān)何瀟帶領(lǐng)下成立了TOOLKITS設(shè)計(jì)工具研發(fā)小組。小組成員緊密配合,設(shè)計(jì)驅(qū)動(dòng)全方位打造設(shè)計(jì)中臺(tái),利用工具輔助設(shè)計(jì)流程中的各個(gè)觸點(diǎn)。
在設(shè)計(jì)流程的不同階段,為設(shè)計(jì)、產(chǎn)品、技術(shù)提供相應(yīng)的工具。
典型案例:
- 58問(wèn)卷系統(tǒng):企業(yè)定制化云服務(wù)平臺(tái)。服務(wù)于企業(yè)以及產(chǎn)品的調(diào)研。提供豐富的問(wèn)卷模版與58特色的商家數(shù)據(jù)服務(wù)。
- IWIKI:文檔庫(kù)管理平臺(tái)。上傳知識(shí)沉淀、分享、用研、競(jìng)品分析等,同時(shí)支持規(guī)范查詢(xún)等相關(guān)內(nèi)容。
- IWORK:產(chǎn)品需求管理平臺(tái)。產(chǎn)品、設(shè)計(jì)師、技術(shù)的任務(wù)池,追蹤整個(gè)設(shè)計(jì)流程。
- 58云盤(pán):文件存儲(chǔ)云平臺(tái)。源文件等大型資產(chǎn)存儲(chǔ),支持遠(yuǎn)程在線(xiàn)協(xié)作。
- 水晶球:設(shè)計(jì)資產(chǎn)分類(lèi)管理中心。素材可視化分類(lèi),設(shè)計(jì)產(chǎn)出的復(fù)用與再造,為智能化生產(chǎn)提供原材料。
- 斑馬:人工智能設(shè)計(jì)平臺(tái)。提供智能合圖、摳圖、素材模版搭建等功能,最終通過(guò)機(jī)器制圖實(shí)現(xiàn)設(shè)計(jì)自動(dòng)化。
- 風(fēng)火輪:組件可視化三方協(xié)作平臺(tái)。從代碼、設(shè)計(jì)樣式等進(jìn)行全面打通,提高設(shè)計(jì)還原度。實(shí)現(xiàn)代碼組件化,減少溝通成本,全面提效。
- MATRIX:中后臺(tái)設(shè)計(jì)組件平臺(tái)。致力于打造企業(yè)級(jí)的產(chǎn)品設(shè)計(jì)體系,建立適用于設(shè)計(jì)團(tuán)隊(duì)、開(kāi)發(fā)團(tuán)隊(duì)、產(chǎn)品團(tuán)隊(duì)的全鏈路通用產(chǎn)品解決方案。讓項(xiàng)目開(kāi)發(fā)更直觀,更高效、更簡(jiǎn)單。
圖中為共建項(xiàng)目的責(zé)任人,項(xiàng)目背后還有很多努力的同學(xué),整個(gè)設(shè)計(jì)系統(tǒng)離不開(kāi)58UXD每一位設(shè)計(jì)師的辛苦付出。如果對(duì)其中項(xiàng)目感興趣的同學(xué),敬請(qǐng)關(guān)注58UXD相關(guān)文章。
以上分別從標(biāo)準(zhǔn)、內(nèi)核、元素、工具等角度分析了優(yōu)化的關(guān)鍵點(diǎn)。58UXD將探索更多的輔助方法幫助設(shè)計(jì)師減輕負(fù)擔(dān),更好的服務(wù)用戶(hù)。
我們的目標(biāo):讓設(shè)計(jì)提升服務(wù),讓生活簡(jiǎn)單美好。
作者:李巖,設(shè)計(jì)專(zhuān)家
本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶(hù)體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@李巖
題圖來(lái)自 Unsplash,基于CC0協(xié)議。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!