Suer 記得很久之前看過朗咸平的<模式>,書里介紹了時尚快消品牌ZARA的“一條龍”服務(wù),當(dāng)時的我被驚呆了,符合企業(yè)實(shí)際情況的生產(chǎn)設(shè)計規(guī)范幫助ZARA一步一步建立自己的時裝帝國。
還有各種咨詢公司建立的6-Sigma等等規(guī)范,統(tǒng)統(tǒng)都是為了提高生產(chǎn)力而制定的標(biāo)準(zhǔn)。
早在兩千多年前,秦國統(tǒng)一六國后,實(shí)施了書同文、度同制、車同軌、行同倫。當(dāng)時制定出了(我認(rèn)為)最早的一套產(chǎn)品設(shè)計規(guī)范——度量衡,還有車輪間距標(biāo)準(zhǔn),這些東西都讓秦國更好的運(yùn)作起來。
國家尚且如此,那作為產(chǎn)品設(shè)計人員的我們又該如何?
互聯(lián)網(wǎng)行業(yè)的產(chǎn)品設(shè)計規(guī)范,大概就是將產(chǎn)品的一切交互行為、視覺樣式都要嚴(yán)格遵從可用性原則,并根據(jù)公司業(yè)務(wù)目標(biāo),制定出涵蓋公司產(chǎn)品功能范圍內(nèi)的所有相關(guān)控件與相應(yīng)的展示樣式。
這等于定義了如何幫公司設(shè)計出一個好的產(chǎn)品。無論你的網(wǎng)站或app多漂亮多流暢,卻無法幫公司賺錢——窮死;產(chǎn)品只為了賺錢而忽略用戶體驗,那就缺乏競爭力,衰敗也就是時間問題。這是老生常談了。
什么是好的設(shè)計規(guī)范——團(tuán)隊成員能高效地制作出既滿足業(yè)務(wù)需求,又能讓用戶輕易完成目標(biāo)的產(chǎn)品。每個公司或者團(tuán)隊,到了一定階段,都需要產(chǎn)品設(shè)計規(guī)范來突破瓶頸,提高效率,改善產(chǎn)品,讓產(chǎn)品和團(tuán)隊都能夠輕裝上陣,走得更遠(yuǎn)。
意味深長與歷久彌新之美,蘊(yùn)涵于簡約之中,于清晰之中,于高效之中。真正的簡約遠(yuǎn)不止是刪繁就簡,而是在紛繁里建立秩序。——Jonathan Ive
iOS 7的圖標(biāo)設(shè)計規(guī)范
在定義產(chǎn)品需求,討論布局的時候,設(shè)計師經(jīng)常會被非專業(yè)人員“指點(diǎn)江山”。或許大家都對用戶體驗有一定了解,而且都是一心為了產(chǎn)品好,但是體驗設(shè)計 需要像血液一樣滲透到產(chǎn)品的每個部位,那可不是隨便腦暴幾個想法就能解決的。設(shè)計規(guī)范凝聚了設(shè)計師們用血換來的經(jīng)驗,對產(chǎn)品與使用群體的深刻理解,還有結(jié) 合實(shí)際使用場景的綜合分析。實(shí)施規(guī)范之后,大家就能各安其職,當(dāng)然,是在理想狀態(tài)下……
規(guī)范必須是有效的——一個連按鈕的點(diǎn)擊效果都沒的規(guī)范是毫無用處的。從有效性這個角度來定義規(guī)范,其實(shí)就是產(chǎn)品各種已有模式或模板的集合。我們需要 根據(jù)產(chǎn)品的業(yè)務(wù)目標(biāo)來得出產(chǎn)品功能需求,然后根據(jù)用戶目標(biāo)和使用場景,窮盡所有可能性,制作出合理且可用的模板和組件。
這樣做出來的東西才敢說是可以用的,合理是前提,有效是結(jié)果。
然后,該如何窮盡所有可能并逐步制定規(guī)范?那就要我們加深對公司產(chǎn)品目標(biāo)的認(rèn)識,參考先進(jìn)競品,聽取反饋意見,總結(jié)過往版本的不足等等,完善已有的模式,或創(chuàng)造出更優(yōu)秀的。
例如,”贊”這個功能已是產(chǎn)品社交化所需的基本元素,用戶通過操作”贊”按鈕,可增強(qiáng)與產(chǎn)品本身、還有共同用戶之間的互動。
就算你很美,就算你會自動消失,也只是一個彈窗。
以前的操作反饋總是過于簡單粗暴—-直接彈窗告訴用戶”操作成功!”。我一直覺得這就像給了用戶一巴掌。
現(xiàn)在的技術(shù)日新月異不斷進(jìn)步,因此我們可以設(shè)計出非常優(yōu)雅的效果。
tumblr的“贊”
在設(shè)計規(guī)范的過程中,我們需要思考一切可能:通過操作”贊”按鈕,用戶應(yīng)該獲得多少種反饋?是否真的需要這些?全部情況都考慮到了嗎?如果服務(wù)器出 錯或代碼效率低,導(dǎo)致反饋有延遲,是否需將反饋改為提前量?例如Instagram,用戶點(diǎn)贊后,它不管用戶有無網(wǎng)絡(luò),都先用可愛的動畫反饋告訴用戶已操 作成功,然后才后臺檢測網(wǎng)絡(luò)是否可用并發(fā)送數(shù)據(jù)。
在思考用戶的使用場景和習(xí)慣的同時,公司自身的產(chǎn)品后臺也要照顧得當(dāng),并需要作出適當(dāng)反應(yīng),例如這個贊的數(shù)據(jù)應(yīng)歸類到哪里,運(yùn)營同學(xué)對此有無更多的 需求,未來會否添加更多的接口?開發(fā)同學(xué)需要有所準(zhǔn)備,以應(yīng)付突如其來的”需求”,就算開發(fā)部沒有相關(guān)規(guī)范,也應(yīng)了然于胸,或者直接加入到產(chǎn)品設(shè)計歸范。
設(shè)計必需是簡潔且而優(yōu)雅的,才能歷久彌新。——Smashing Magazine
設(shè)計可以在各分枝系列產(chǎn)品里重復(fù)使用,這正是設(shè)計規(guī)范的精髓,不能復(fù)用的規(guī)范不是好規(guī)范。
可復(fù)用的規(guī)范對公司和產(chǎn)品來說有啥好處?
當(dāng)然,以上都是在理想狀態(tài)下……
LESS和SASS是前端工程師的規(guī)范化利器(圖片來自Dribbble)
規(guī)范本身沒有約束或局限性,約束往往來自人。——我說的
很多同學(xué)看到規(guī)范就會說,次奧,太落后了,怎么老用這東西來弄?
呵呵,罵得好。
誰讓你弄個古董級的規(guī)范出來?誰讓你一成不變?上面也提到了,設(shè)計要簡潔、高效!這才能迅速迭代,不斷改進(jìn)。制作規(guī)范的過程,本來就是一個優(yōu)化和沉淀的過程。
好的設(shè)計歸范還需要站在一定的“高度”來定義產(chǎn)品,“高度”要控制得當(dāng),不能太籠統(tǒng)——泛泛而談?wù)f了等于沒說,也不能太細(xì)致——很多專題或者獨(dú)立產(chǎn) 品需要自己的空間。正所謂”站得高,看得遠(yuǎn)”,具備一定的前瞻性,才能指引產(chǎn)品走得更遠(yuǎn)。不與時俱進(jìn),使用先進(jìn)的效果和技術(shù),也很難說服同事們采用我們的規(guī)范。
設(shè)計規(guī)范所面臨的約束與局限,不一定來自于設(shè)計本身,而更多的是來自于“人”。
例如,在A頁面有一個圖片輪播模塊,是前端工程師1和視覺設(shè)計師2設(shè)計的,然后在同一級別的另一個頁面B也需要同一個模塊,負(fù)責(zé)這個頁面的前端3和視覺4都一致認(rèn)為:我也能寫/畫出來,不需要套用已有代碼/PSD。
好的,我知道你們很優(yōu)秀,這是無可否認(rèn)的。但是最牛逼的大師通常都是深藏功與名的,前端大師能夠?qū)懗鲎屧O(shè)計師都能看懂的代碼,讓后繼者看到猶如自己寫出來的代碼,這才叫Zen Coding;視覺大師直接發(fā)明輪子的替代品,而不需要用現(xiàn)有的輪子。
我說得夠明白易懂不?
Dieter Rams, 1964, Braun FS80 TV
總而言之,產(chǎn)品設(shè)計規(guī)范不但需要做,還需要適時地做,一旦完成,就要貫徹執(zhí)行,接收反饋,總結(jié)不足,不斷優(yōu)化。磨刀不誤砍柴工啊。
規(guī)范化不是鬧革命,因為一不小心就會革了產(chǎn)品的命。在產(chǎn)品本身還沒準(zhǔn)備好的時候推出,只會增加負(fù)擔(dān),降低效率。
規(guī)范化是“進(jìn)化”,在產(chǎn)品不斷的迭代過程中沉淀積累,最終形成的一套優(yōu)秀的設(shè)計方法。
云恒網(wǎng)絡(luò)www.haoyushop.com版權(quán)所有 備案號:魯ICP備19021997號-1 淄博高端網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷知名品牌 網(wǎng)絡(luò)整合傳播機(jī)構(gòu)