提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
隨著產(chǎn)品設(shè)計(jì)領(lǐng)域日趨成熟,設(shè)計(jì)規(guī)范漸入視野,對(duì)產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的工作及企業(yè)起著舉足輕重的作用。
本次【藍(lán)湖大咖訪談】有幸邀請(qǐng)到十多年設(shè)計(jì)經(jīng)驗(yàn)的郎寧老師分享了自己對(duì)設(shè)計(jì)規(guī)范的設(shè)計(jì)心得,以及設(shè)計(jì)規(guī)范目前存在的問題。
希望本次分享能帶給大家更多啟發(fā)。
設(shè)計(jì)規(guī)范的價(jià)值
現(xiàn)今,大大小小的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)都在搭建設(shè)計(jì)規(guī)范,人人都說(shuō)好。那么,好的規(guī)范究竟好在哪兒呢?
設(shè)計(jì)規(guī)范的核心價(jià)值分為三類,即設(shè)計(jì)價(jià)值、用戶價(jià)值、業(yè)務(wù)價(jià)值。
設(shè)計(jì)價(jià)值
即設(shè)計(jì)規(guī)范化。一個(gè)產(chǎn)研團(tuán)隊(duì)往往有多個(gè)設(shè)計(jì)師、多條業(yè)務(wù)線。如果沒有設(shè)計(jì)規(guī)范,不同設(shè)計(jì)師針對(duì)同一按鈕的設(shè)計(jì)都會(huì)有出入,產(chǎn)品界面不統(tǒng)一是家常便飯。
而設(shè)計(jì)規(guī)范,能讓團(tuán)隊(duì)保持設(shè)計(jì)的一致性,讓產(chǎn)品的每次迭代中保持品牌形象不走樣,發(fā)散品牌影響力,乃至行業(yè)影響力。
用戶價(jià)值
即帶給用戶更好的設(shè)計(jì)體驗(yàn)。
產(chǎn)品在設(shè)計(jì)規(guī)范上保持統(tǒng)一,帶給用戶熟悉感與信任感,增加用戶的使用認(rèn)知,降低學(xué)習(xí)成本,從而有效地提升用戶體驗(yàn)。
業(yè)務(wù)價(jià)值
即設(shè)計(jì)反哺業(yè)務(wù),給業(yè)務(wù)方帶來(lái)的價(jià)值。
設(shè)計(jì)師、產(chǎn)品經(jīng)理和開發(fā)工程師,都在設(shè)計(jì)規(guī)范中充當(dāng)著參與者與建設(shè)者的角色,反過來(lái),設(shè)計(jì)規(guī)范也對(duì)三者有著或多或少的影響。
設(shè)計(jì)師能運(yùn)用設(shè)計(jì)規(guī)范高效完成設(shè)計(jì),并借此建立設(shè)計(jì)理念,熟知設(shè)計(jì)總體規(guī)則;
產(chǎn)品經(jīng)理能建立控件庫(kù)系統(tǒng)、定義產(chǎn)品設(shè)計(jì)原則,以及快速建立 Demo;
控件系統(tǒng)、圖表控件、業(yè)務(wù)組件化也能讓開發(fā)工作更高效。對(duì)于產(chǎn)品研發(fā)體系中的各個(gè)角色發(fā)揮著重要的作用。
如何搭建有效的設(shè)計(jì)規(guī)范?
什么團(tuán)隊(duì)適合搭建設(shè)計(jì)規(guī)范?
設(shè)計(jì)規(guī)范適合平臺(tái)級(jí)的產(chǎn)品,以及多人協(xié)作的設(shè)計(jì)團(tuán)隊(duì)。可以根據(jù)實(shí)際的工作情況來(lái)搭建自己的產(chǎn)品的設(shè)計(jì)規(guī)范。
搭建設(shè)計(jì)規(guī)范是產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的大事,需要投入大量的時(shí)間和人力成本。
為了避免費(fèi)力卻不討好的結(jié)果,在動(dòng)手之前,團(tuán)隊(duì)管理者需要理性思考現(xiàn)階段是否是團(tuán)隊(duì)搭建設(shè)計(jì)規(guī)范的最佳的時(shí)機(jī)。
準(zhǔn)備
有備而來(lái),更容易獲得成功,搭建設(shè)計(jì)規(guī)范也不例外,在正式開始設(shè)計(jì)規(guī)范前,需要做好充分的準(zhǔn)備思考:
首先,參考和分析成熟的平臺(tái)級(jí)設(shè)計(jì)規(guī)范制定的要素,為團(tuán)隊(duì)搭建設(shè)計(jì)規(guī)范做鋪墊。
然后,需要對(duì)現(xiàn)在已有的設(shè)計(jì)界面進(jìn)行歸納和總結(jié)。分析出共性和個(gè)性的元素,抽取出共性的元素作為規(guī)范必須遵循的部分。再對(duì)個(gè)性化的設(shè)計(jì)做些適當(dāng)?shù)恼f(shuō)明和舉例。
這里必須有個(gè)度,即要抽象出設(shè)計(jì)師能遵循的原則,又要他們發(fā)揮自己創(chuàng)意的空間,設(shè)計(jì)出既符合標(biāo)準(zhǔn)又富有創(chuàng)意的設(shè)計(jì)作品。
所以,規(guī)范必須靈活有度,不能太死板的限制設(shè)計(jì)師自由創(chuàng)作的部分??偨Y(jié)起來(lái)就是讓他們?cè)谝粋€(gè)可控的范圍內(nèi)進(jìn)行設(shè)計(jì)創(chuàng)新。
最后,針對(duì)產(chǎn)品的特性,先梳理出大的規(guī)范結(jié)構(gòu),包括設(shè)計(jì)規(guī)范中約定俗成的部分,以及自己產(chǎn)品所特有的部分。
規(guī)范結(jié)構(gòu)中必須有每一部分重點(diǎn)描述的內(nèi)容,重點(diǎn)描述的內(nèi)容需要考慮到設(shè)計(jì)師容易犯錯(cuò)的部分,以及設(shè)計(jì)師必須遵循的部分。
規(guī)范內(nèi)容
確定規(guī)范內(nèi)容后,就可以正式開始規(guī)范的設(shè)計(jì)了。完成的設(shè)計(jì)規(guī)范可以在藍(lán)湖「設(shè)計(jì)規(guī)范云」上進(jìn)行管理。
一般來(lái)說(shuō),設(shè)計(jì)規(guī)范的內(nèi)容包含以下幾類:
設(shè)計(jì)風(fēng)格
設(shè)計(jì)風(fēng)格是產(chǎn)品的門面。它涵蓋顏色:包括色盤、顏色的可用性、主題色系等;圖標(biāo):產(chǎn)品圖標(biāo)設(shè)計(jì)刪格、系統(tǒng)icon;圖層樣式;圖片;字體、字號(hào)等都是影響設(shè)計(jì)風(fēng)格的元素。
布局系統(tǒng)
包含刪格系統(tǒng)移動(dòng)端和 PC 端的尺寸轉(zhuǎn)換、內(nèi)容結(jié)構(gòu)、響應(yīng)式布局等。
組件系統(tǒng)
包含組件的設(shè)計(jì)風(fēng)格、操作行為、尺寸說(shuō)明、使用說(shuō)明。
圖表系統(tǒng)
整理大數(shù)據(jù)已經(jīng)用到的圖表事例。
動(dòng)態(tài)效果
動(dòng)效應(yīng)用在設(shè)計(jì)中的場(chǎng)景越來(lái)越多,動(dòng)效的規(guī)范化很重要。
動(dòng)效的規(guī)范包含動(dòng)效設(shè)計(jì)原理、界面轉(zhuǎn)換、交互性動(dòng)畫、變形規(guī)則、速度規(guī)則、信息展示動(dòng)態(tài)等。
模式效果
對(duì)于常見、常用的模式效果,也可以規(guī)范化。
常用模式包括確認(rèn)信息、為空狀態(tài) 、報(bào)錯(cuò)提示、幫助和反饋、下載圖片、搜索條、設(shè)置、提醒、刷新等等。
品牌系統(tǒng)
整合、優(yōu)化各個(gè)業(yè)務(wù)中用到的 Logo,形成母品牌和子品牌的關(guān)聯(lián)性。
推廣/營(yíng)銷系統(tǒng)
營(yíng)銷規(guī)范
在此羅列的是常見的設(shè)計(jì)規(guī)范,不同產(chǎn)品需要的設(shè)計(jì)規(guī)范內(nèi)容各不相同,具體情況需要具體分析。
關(guān)于規(guī)范的設(shè)計(jì),不多說(shuō)明,畢竟產(chǎn)品各不相同,一套設(shè)計(jì)理念無(wú)法適配所有的產(chǎn)品。
設(shè)計(jì)規(guī)范驗(yàn)證閉環(huán)
規(guī)范搭建完成后,對(duì)設(shè)計(jì)規(guī)范進(jìn)行驗(yàn)證閉環(huán)是非常重要的環(huán)節(jié),如何驗(yàn)證”設(shè)計(jì)規(guī)范“的好壞,有哪些衡量指標(biāo)呢?
各方滿意度:包括設(shè)計(jì)師、產(chǎn)品經(jīng)理、開發(fā)團(tuán)隊(duì)的滿意度。其實(shí)最主要的是設(shè)計(jì)師使用過程的滿意度。
業(yè)務(wù)指標(biāo):觀察設(shè)計(jì)是否帶來(lái)業(yè)務(wù)轉(zhuǎn)化率的提升。
品牌影響力:是否增加了品牌影響力,用戶體驗(yàn)是否有提升。
對(duì)設(shè)計(jì)規(guī)范驗(yàn)證閉環(huán)后,再對(duì)規(guī)范進(jìn)行總結(jié)、優(yōu)化,再應(yīng)用到設(shè)計(jì)中,能為團(tuán)隊(duì)解決不少問題。規(guī)范也是不斷進(jìn)化的一個(gè)產(chǎn)物。
協(xié)作
郎寧認(rèn)為,在多人協(xié)作的設(shè)計(jì)團(tuán)隊(duì)里,需要有1-2位規(guī)范的定義者,這位定義者的另外一個(gè)角色是參與產(chǎn)品設(shè)計(jì)的主力設(shè)計(jì)師。所以,從規(guī)范的定義上,Ta 能更好的梳理和總結(jié)規(guī)范。
同時(shí),在規(guī)范的制定過程中,需要團(tuán)隊(duì)中每一位設(shè)計(jì)師參與規(guī)范的制定,所以設(shè)計(jì)規(guī)范不是一蹴而就的,是大家在實(shí)際設(shè)計(jì)工作中討論得來(lái)的。
另外,設(shè)計(jì)規(guī)范支持各個(gè)業(yè)務(wù)線的設(shè)計(jì),設(shè)計(jì)師、產(chǎn)品經(jīng)理、開發(fā)工程師都是規(guī)范的參與者與制定者。管理者需搜集每一個(gè)角色的意見和在實(shí)際設(shè)計(jì)中遇到的問題。
比如規(guī)則是否實(shí)用?是否覆蓋到所有的業(yè)務(wù)場(chǎng)景?
如果,他們?cè)趯?shí)際的設(shè)計(jì)工作中,有更好的解決方案,大家在萬(wàn)全的討論后再同步進(jìn)行更新。
設(shè)計(jì)規(guī)范的構(gòu)建和迭代過程中,需要團(tuán)隊(duì)的氛圍是相對(duì)開放、透明的。這個(gè)過程也需要團(tuán)隊(duì)中每個(gè)成員有開放心態(tài),能迎接不同的質(zhì)疑聲。
大家為了共同的目標(biāo)而去不斷的完善和提高規(guī)范的合理性和完整度,本身也是一件全團(tuán)隊(duì)凝聚力的體現(xiàn)過程。
最后,規(guī)范的走查機(jī)制能保證大家對(duì)規(guī)范的理解和執(zhí)行沒有任何偏差,所以很有必要。
設(shè)計(jì)規(guī)范目前存在的問題
人人都說(shuō)好的設(shè)計(jì)規(guī)范也存在著一些問題,所謂知己知彼,百戰(zhàn)不殆,郎寧根據(jù)自己的過往經(jīng)驗(yàn)對(duì)此進(jìn)行了總結(jié)。
設(shè)計(jì)理念沒有在規(guī)范中具體體現(xiàn)
規(guī)范中未體現(xiàn)產(chǎn)品的設(shè)計(jì)理念,憑此設(shè)計(jì)規(guī)范做出的設(shè)計(jì)圖無(wú)法將品牌氣質(zhì)展現(xiàn)到位,約等于規(guī)范白做。
以數(shù)據(jù)平臺(tái)級(jí)產(chǎn)品規(guī)范的建立為例,在設(shè)計(jì)規(guī)范中體現(xiàn)數(shù)據(jù)類產(chǎn)品的特征,是搭建設(shè)計(jì)規(guī)范的過程中應(yīng)深入思考、探討的。
缺乏定期迭代
互聯(lián)網(wǎng)行業(yè)變化,產(chǎn)品為順勢(shì)而流,會(huì)保持高速迭代的速度,在這一過程中,設(shè)計(jì)也要不斷的進(jìn)行優(yōu)化。
如果設(shè)計(jì)規(guī)范缺乏定期迭代,會(huì)出現(xiàn)哪些問題呢?
產(chǎn)品被原規(guī)范的舊樣式束縛,死板的遵行最初的規(guī)范,長(zhǎng)久下去規(guī)范樣式過時(shí),和最新的產(chǎn)品不搭調(diào)。
改版中用了新的視覺風(fēng)格,卻沒有及時(shí)總結(jié)歸納成規(guī)范,出現(xiàn)品牌形象走樣的問題。
各個(gè)終端未考慮規(guī)范的適應(yīng)情況
例如:現(xiàn)有產(chǎn)品設(shè)計(jì)的使用場(chǎng)景在 PC 端,并沒有考慮無(wú)線端的設(shè)計(jì)規(guī)范。因此更需要在規(guī)范中增加對(duì)于不同終端的適配性去覆蓋不同的硬件終端。
缺少各部分的設(shè)計(jì)原則
一般來(lái)說(shuō),規(guī)范只是把涉及到的部分羅列下來(lái),缺乏各個(gè)部分的設(shè)計(jì)原則,比如色彩、字體及段落的實(shí)際運(yùn)用原則。
即:用在哪里,怎么用?
缺少交互操作規(guī)范
規(guī)避這些常見問題,避免走彎路,才能在設(shè)計(jì)規(guī)范的道路上越走越順。
設(shè)計(jì)規(guī)范的搭建過程雖然非常復(fù)雜,但其帶給產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)和企業(yè)的收益巨大,是超值的投資。
本期【藍(lán)湖大咖訪談】就到這里,感謝郎寧老師接受湖湖的采訪!
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)