設(shè)計(jì)規(guī)范何時(shí)高效落地,助力業(yè)務(wù)提效?
許多業(yè)務(wù)團(tuán)隊(duì)都離不開(kāi)設(shè)計(jì)規(guī)范,那么,是不是所有團(tuán)隊(duì)都需要產(chǎn)品設(shè)計(jì)規(guī)范呢?我們又該在什么階段引入設(shè)計(jì)規(guī)范?這篇文章里,作者便圍繞設(shè)計(jì)規(guī)范展開(kāi)了內(nèi)容討論,或許看完之后,你會(huì)對(duì)設(shè)計(jì)規(guī)范的引入更為清楚。
B端設(shè)計(jì)都離不開(kāi)設(shè)計(jì)規(guī)范。提到產(chǎn)品設(shè)計(jì)規(guī)范,有同學(xué)認(rèn)為它可以增強(qiáng)用戶對(duì)產(chǎn)品的信任感;有同學(xué)認(rèn)為它提升了開(kāi)發(fā)過(guò)程的效率和減少不必要的工作量;還有同學(xué)認(rèn)為它為團(tuán)隊(duì)提供了共同的語(yǔ)言和準(zhǔn)則,有助于促進(jìn)更順暢的交流和合作…
設(shè)計(jì)規(guī)范作為設(shè)計(jì)基礎(chǔ)中的基礎(chǔ),好處一大堆,實(shí)在太重要了。
那我們?cè)诋a(chǎn)品的什么階段引入設(shè)計(jì)規(guī)范?是不是所有團(tuán)隊(duì)都需要那種大而全的規(guī)范?以及在引入的過(guò)程中需要注意些什么呢?今天將跟大家一起來(lái)討論下這個(gè),一起來(lái)看看吧~
一、設(shè)計(jì)規(guī)范的組成
很多人都說(shuō)規(guī)范可以提升協(xié)作效率,特別是在項(xiàng)目周期緊的時(shí)候,開(kāi)發(fā)可以根據(jù)規(guī)范先搭建頁(yè)面或者產(chǎn)品在原型設(shè)計(jì)階段就直接運(yùn)用組件規(guī)范進(jìn)行設(shè)計(jì)。
而當(dāng)探討是否需要為咱們的產(chǎn)品團(tuán)隊(duì)引入設(shè)計(jì)規(guī)范時(shí),了解規(guī)范的各個(gè)組成部分則是一個(gè)重要的起點(diǎn)。
設(shè)計(jì)規(guī)范是一份指南,每家公司都有著自己的不同特色,它確保了產(chǎn)品在不同團(tuán)隊(duì)成員之間的一致性與友好性。
它由多個(gè)不同模塊組成,每個(gè)模塊都起到不一樣的作用??偟膩?lái)說(shuō)有設(shè)計(jì)原則、品牌標(biāo)識(shí)、樣式指南、組件庫(kù)、文案、動(dòng)效、頁(yè)面布局、柵格等,了解這些組成部分,有助于我們?cè)谑裁措A段以及什么場(chǎng)景中規(guī)范的應(yīng)用做出判斷。在接下來(lái)的文章中,我們可以深入探討是否你的產(chǎn)品究竟需要什么樣的設(shè)計(jì)規(guī)范。
二、時(shí)間階段
產(chǎn)品設(shè)計(jì)規(guī)范可以在不同的階段制定,選擇哪種方法取決于公司的目標(biāo)、產(chǎn)品的階段以及市場(chǎng)的要求。以下是兩種常見(jiàn)的方法:
1. 從頭開(kāi)始制定規(guī)范
在產(chǎn)品設(shè)計(jì)的早期階段,可能公司還沒(méi)有具體的產(chǎn)品,但我們有一些關(guān)于產(chǎn)品愿景和目標(biāo)的想法。該階段制定設(shè)計(jì)規(guī)范有著顯著的優(yōu)勢(shì),特別是在初創(chuàng)階段或者公司希望在新產(chǎn)品中打造獨(dú)特形象。但也需要注意,規(guī)范制定的過(guò)程中仍要保持與用戶需求和市場(chǎng)趨勢(shì)的聯(lián)系。
該階段制定設(shè)計(jì)規(guī)范需要注意以下4點(diǎn):
- 明確品牌定位,當(dāng)前階段我們需要先了解產(chǎn)品的定位,它是塑造產(chǎn)品形象、吸引目標(biāo)用戶以及在市場(chǎng)中建立獨(dú)特性的關(guān)鍵要素。例如產(chǎn)品定位為專業(yè)、現(xiàn)代化的解決方案,注重用戶體驗(yàn)和效率;
- 用戶研究,明確使用者當(dāng)前的問(wèn)題以及需求是什么,這樣可以確保自己的設(shè)計(jì)規(guī)范符合用戶期望;
- 基于品牌定位和用戶研究制定一些設(shè)計(jì)原則,例如:簡(jiǎn)潔、直觀、易用等;
- 定義基礎(chǔ)元素,如適用的顏色、字體和按鈕樣式。確保這些元素能夠在未來(lái)的設(shè)計(jì)中保持一致;
2. 從現(xiàn)有產(chǎn)品中提煉設(shè)計(jì)規(guī)范
如果公司已經(jīng)有一些現(xiàn)有的產(chǎn)品,那我們可以從中提取共同的設(shè)計(jì)元素和模式,形成一套設(shè)計(jì)規(guī)范。已有的產(chǎn)品往往已經(jīng)經(jīng)過(guò)精心設(shè)計(jì)和測(cè)試,提取設(shè)計(jì)規(guī)范可以確保新產(chǎn)品與現(xiàn)有產(chǎn)品在外觀和交互方面保持一致。這種一致性有助于用戶在不同產(chǎn)品之間獲得連貫的體驗(yàn)。
這對(duì)于成熟的公司來(lái)說(shuō)可能更為實(shí)際,但也需要注意,提取規(guī)范時(shí)要根據(jù)新產(chǎn)品的業(yè)務(wù)特點(diǎn)進(jìn)行調(diào)整。有些元素可能不適用于新產(chǎn)品,有些地方可能需要進(jìn)行調(diào)整以適應(yīng)新的功能和用戶需求。
該階段制定設(shè)計(jì)規(guī)范需要注意以下3點(diǎn):
- 分析現(xiàn)有產(chǎn)品,對(duì)公司現(xiàn)有產(chǎn)品進(jìn)行分析,找出復(fù)用率高的設(shè)計(jì)組件、元素以及風(fēng)格樣式;
- 整理現(xiàn)有規(guī)范,將從現(xiàn)有產(chǎn)品中提取的設(shè)計(jì)元素整理成一份設(shè)計(jì)規(guī)范文檔,包括顏色、圖標(biāo)、界面元素和布局等;
- 定義設(shè)計(jì)規(guī)范,尋找當(dāng)前產(chǎn)品被證明有效的設(shè)計(jì)和交互模式,結(jié)合產(chǎn)品未來(lái)的發(fā)展需求,需要讓規(guī)范具備可擴(kuò)展性;
在實(shí)際情況中,往往會(huì)根據(jù)產(chǎn)品的特點(diǎn)和發(fā)展階段來(lái)決定使用哪種方法,甚至可以在兩種方法之間做出折中。例如在初期,重點(diǎn)可能更多地放在概念驗(yàn)證、用戶研究和原型制作上。隨著產(chǎn)品逐漸成型,設(shè)計(jì)規(guī)范可以逐步引入,以確保后續(xù)的開(kāi)發(fā)和設(shè)計(jì)工作更加高效和一致。最終目標(biāo)是確保產(chǎn)品設(shè)計(jì)規(guī)范能夠支持產(chǎn)品的成功發(fā)展,提供一致性的用戶體驗(yàn),并滿足公司的品牌和市場(chǎng)要求。
三、團(tuán)隊(duì)規(guī)模
不同規(guī)模的團(tuán)隊(duì)在引入設(shè)計(jì)規(guī)范時(shí)可能有不同的切入點(diǎn)和需求。以下是根據(jù)不同團(tuán)隊(duì)規(guī)模引入產(chǎn)品規(guī)范時(shí)的建議:
1. 小型團(tuán)隊(duì)
小型團(tuán)隊(duì)的定義可能因組織和行業(yè)的不同而異,但通常情況下,對(duì)于較小的團(tuán)隊(duì)(一般少于10個(gè)人),特別是在開(kāi)始階段,可能不需要過(guò)于詳細(xì)和繁瑣的設(shè)計(jì)規(guī)范。這是因?yàn)樾F(tuán)隊(duì)通常更靈活,可以更快地做出決策和調(diào)整,而過(guò)于詳細(xì)的規(guī)范可能會(huì)限制他們的創(chuàng)意和創(chuàng)新(畢竟才開(kāi)始,很多東西不一定想的清楚)。
針對(duì)小型團(tuán)隊(duì)引入設(shè)計(jì)規(guī)范時(shí)需要注意以下3點(diǎn):
- 設(shè)計(jì)原則的建立:產(chǎn)品設(shè)計(jì)規(guī)范最核心的功能是打造可持續(xù)、可遵循、可擴(kuò)展的設(shè)計(jì)指導(dǎo)。對(duì)于一個(gè)小團(tuán)隊(duì)而言,統(tǒng)一基本的設(shè)計(jì)原則可以做到用最少的規(guī)則實(shí)現(xiàn)視覺(jué)樣式的統(tǒng)一,同時(shí)保證不同產(chǎn)品的擴(kuò)展性。
- 避免大而全:不要陷入大廠的陷進(jìn),此時(shí)產(chǎn)品設(shè)計(jì)規(guī)范避免參照大廠的那些規(guī)則做的大而全(產(chǎn)品規(guī)范在范圍以及形態(tài)上沒(méi)有絕對(duì)的標(biāo)準(zhǔn))而是應(yīng)該結(jié)合當(dāng)前自己團(tuán)隊(duì)以及業(yè)務(wù)的訴求針對(duì)性的設(shè)計(jì)合適的設(shè)計(jì)規(guī)范。
- 規(guī)范與標(biāo)注的關(guān)系:這里千萬(wàn)不要以為有了規(guī)范就代表設(shè)計(jì)師沒(méi)有創(chuàng)新空間了,規(guī)范和創(chuàng)新不是對(duì)立關(guān)系。規(guī)范作為最頂層的指導(dǎo)原則是不能違反的,它有助于團(tuán)隊(duì)內(nèi)部形成統(tǒng)一的視覺(jué)語(yǔ)言。標(biāo)注則可以針對(duì)不同的產(chǎn)品線去調(diào)整,它的功能是通過(guò)不同的參數(shù)輔助規(guī)范像素級(jí)的還原,確保產(chǎn)品與設(shè)計(jì)意圖的一致。舉個(gè)例子,設(shè)計(jì)規(guī)范可能規(guī)定了品牌的主要顏色和字體樣式,而規(guī)范參數(shù)則會(huì)具體指定每種顏色的十六進(jìn)制值和字體的大小。對(duì)于規(guī)范中沒(méi)有包含的場(chǎng)景還是有創(chuàng)新的空間的。
2. 中大型團(tuán)隊(duì)
對(duì)于中大型團(tuán)隊(duì),引入產(chǎn)品設(shè)計(jì)規(guī)范非常重要。它確保了一致性、提高效率,構(gòu)建品牌形象,促進(jìn)跨團(tuán)隊(duì)協(xié)作。中大型團(tuán)隊(duì)在引入設(shè)計(jì)規(guī)范時(shí)可以考慮引入更完整的設(shè)計(jì)系統(tǒng),包括核心組件、交互模式等(包括更詳細(xì)的樣式指南、細(xì)化的組件庫(kù)以及用戶流程和用戶故事的指導(dǎo)。)。
除了網(wǎng)上可以搜到的一大堆設(shè)計(jì)系統(tǒng)外,這里介紹3個(gè)中大型團(tuán)隊(duì)制作設(shè)計(jì)規(guī)范時(shí)需要做到的點(diǎn):
- 開(kāi)發(fā)團(tuán)隊(duì)的參與:開(kāi)發(fā)團(tuán)隊(duì)對(duì)產(chǎn)品規(guī)范的可實(shí)現(xiàn)性上更具有發(fā)言權(quán)。他們可以幫助評(píng)估設(shè)計(jì)的可實(shí)現(xiàn)性,并在設(shè)計(jì)規(guī)范中加入技術(shù)細(xì)節(jié),使其更具體和可執(zhí)行。開(kāi)發(fā)可根據(jù)前期的規(guī)范樣式進(jìn)行封裝,更改的時(shí)候可以做到少量調(diào)整達(dá)到全局更改的目的,縮短整體開(kāi)發(fā)流程。
- 規(guī)范的擴(kuò)展性:設(shè)計(jì)規(guī)范的抽象程度需要考慮業(yè)務(wù)的變化。特別是B端場(chǎng)景下,如果過(guò)于針對(duì)特定業(yè)務(wù)場(chǎng)景定制的規(guī)范可能在業(yè)務(wù)變化時(shí)沒(méi)法再次使用。合適的方法是創(chuàng)建更通用的、基于設(shè)計(jì)原則的規(guī)范,這樣即使業(yè)務(wù)變化,規(guī)范仍需要迭代優(yōu)化與維護(hù)更新。
- 及時(shí)跟進(jìn)流程:保證組內(nèi)設(shè)計(jì)應(yīng)用最新的產(chǎn)品設(shè)計(jì)規(guī)范,并對(duì)開(kāi)發(fā)后的界面及時(shí)的驗(yàn)收和檢查,保證產(chǎn)品設(shè)計(jì)規(guī)范的一致性。在灰度測(cè)試階段需要收集產(chǎn)品以及業(yè)務(wù)方等多渠道反饋,根據(jù)實(shí)際情況調(diào)整設(shè)計(jì)規(guī)范并保證組件的落地。
四、寫在最后
產(chǎn)品設(shè)計(jì)規(guī)范在確保一致性和提升用戶體驗(yàn)方面具有重要作用,但團(tuán)隊(duì)在引入過(guò)程中應(yīng)保持理性,根據(jù)實(shí)際情況進(jìn)行篩選和評(píng)估。結(jié)合項(xiàng)目需求、團(tuán)隊(duì)特點(diǎn)以及用戶期望,制定出最適合的設(shè)計(jì)規(guī)范,為產(chǎn)品創(chuàng)造出優(yōu)秀的用戶體驗(yàn)。
以上只是我對(duì)設(shè)計(jì)規(guī)范何時(shí)引入的粗略總結(jié),希望該文章對(duì)你有所啟發(fā),也歡迎感興趣的同學(xué)一起探討~
專欄作家
江鳥(niǎo),微信公眾號(hào):江鳥(niǎo)的設(shè)計(jì)生活,人人都是產(chǎn)品經(jīng)理專欄作家。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!