紅綠燈與設(shè)計(jì)規(guī)范
過(guò)馬路的時(shí)候突然注意到紅綠燈,恰好最近的新交通規(guī)則也熱火朝天,就順勢(shì)吐槽下關(guān)于“設(shè)計(jì)規(guī)范”的思考。
提到設(shè)計(jì)規(guī)范,很多人都覺(jué)得是個(gè)很虛、不務(wù)實(shí)的績(jī)效工程,很多企業(yè)為設(shè)計(jì)規(guī)范而設(shè)計(jì)規(guī)范,拍腦袋定規(guī)則,投了精力進(jìn)去,面子起來(lái)了,最后死掉了。以前也很不情愿去制定設(shè)計(jì)規(guī)范,經(jīng)歷多個(gè)終端的設(shè)計(jì)痛苦后,漸漸明白了設(shè)計(jì)規(guī)范“存在即合理”的意義。
紅綠燈的啟示
扯淡之前,還是先回到紅綠燈這個(gè)事兒上:
這是再常見(jiàn)不過(guò)的紅綠燈。當(dāng)工業(yè)化城市化達(dá)到一定程度,出現(xiàn)車如流水馬如龍的復(fù)雜交通,紅綠燈也便應(yīng)運(yùn)而生。在這里,紅綠燈起到的就是規(guī)范的作用,路人、司機(jī)達(dá)成一致共識(shí):紅燈停,綠燈走。一切有序進(jìn)行。缺少它,過(guò)馬路將變得驚心動(dòng)魄。
這是再簡(jiǎn)單不過(guò)的常識(shí),但同樣的思維遷移到設(shè)計(jì)上來(lái),會(huì)引發(fā)很多有趣的思考。
??吹疆a(chǎn)品設(shè)計(jì)團(tuán)隊(duì)經(jīng)常對(duì)導(dǎo)航、反饋等交互問(wèn)題進(jìn)行激烈討論,雖然多元碰撞是好事,但一旦系統(tǒng)開(kāi)始龐大,問(wèn)題也將顯露水面:團(tuán)隊(duì)成員各有創(chuàng)意追求,尤其是視創(chuàng)意如生命的設(shè)計(jì)師,對(duì)規(guī)則創(chuàng)新的追求更為突出,如果團(tuán)隊(duì)缺少“紅燈停綠燈走”這樣的共識(shí)、缺少設(shè)計(jì)約束,將導(dǎo)致規(guī)則無(wú)序疊加,使得軟件的整體交互變凌亂復(fù)雜。
設(shè)計(jì)規(guī)范三宗罪
1. 規(guī)范制定時(shí)機(jī)過(guò)早/過(guò)遲
小村莊的道路是不需要紅綠燈的,因?yàn)閴焊貌恢?,紅綠燈的存在反而限制了人們的自由走動(dòng)。但卻有那么一類公司,在早期產(chǎn)品野蠻成長(zhǎng)、規(guī)模還小的時(shí)候,早早制定設(shè)計(jì)規(guī)范,花大功夫,卻無(wú)人接受,難以執(zhí)行。與過(guò)早相對(duì),太遲也不合適,大公司也會(huì)犯這樣的錯(cuò)誤,如google,android在4.0之前出了個(gè)相當(dāng)粗糙、有和沒(méi)有一個(gè)樣的規(guī)范,等到自家系統(tǒng)跑著很多長(zhǎng)iPhone模樣的app時(shí)才發(fā)現(xiàn)問(wèn)題的嚴(yán)重。
2. 規(guī)范過(guò)于詳盡
紅綠燈是一個(gè)特別簡(jiǎn)單的“約束”,紅燈停,綠燈走,至于怎么停、怎么走,交給甲乙丙丁自行決定?!秈Phone Design Guideline》的制定者非常有先見(jiàn)之明,他們?cè)谧珜懸?guī)范的時(shí)候,選擇了一種寬泛的表述方式,沒(méi)有定義“點(diǎn)擊按鈕”應(yīng)該多大、沒(méi)有定義“返回按鈕”必須長(zhǎng)左
本文地址:http://m.pkvc.cn/tutorial/di1352.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏