設(shè)計譯文 | 設(shè)計規(guī)范限制了設(shè)計創(chuàng)造力嗎?

簡介:設(shè)計規(guī)范確保了設(shè)計的一致性劫哼,但不會限制設(shè)計師在深層次上的設(shè)計自由和責任叮趴。同時本篇也介紹了編寫設(shè)計規(guī)范的準則。

任何設(shè)計規(guī)范都不能詳細說明一個完整的用戶界面权烧。因此眯亦,根據(jù)定義伤溉,即使設(shè)計師致力于遵守適當?shù)脑O(shè)計規(guī)范,仍然還會有很多設(shè)計工作 妻率。通常乱顾,最重要的設(shè)計元素是那些不能由規(guī)范指定的元素,因為規(guī)范無法涉及所有細節(jié)宫静。

例如走净,我最近參與了電子商務(wù)網(wǎng)站的設(shè)計。在主頁的設(shè)計草案中孤里,有三種獲取商品的方式:搜索和兩種簡單列表形式的導(dǎo)航系統(tǒng)伏伯。其中一種導(dǎo)航方案是以用戶角度構(gòu)建的,另一種方案則以制造商員工考慮其產(chǎn)品線的方式進行組織的扭粱《媪郏可用性測試的結(jié)果:

當人們使用根據(jù)以用戶心智模型角度構(gòu)建的導(dǎo)航方案時,成功率為80%;

當人們使用根據(jù)公司內(nèi)部人員思考模式構(gòu)建的導(dǎo)航方案時琢蛤,成功率為9%;

結(jié)論:第二個導(dǎo)航方案被放棄了蜓堕,盡管這讓一些項目成員感到痛苦。第二種方案對那些正確使用它的人有利博其,但它導(dǎo)致大多數(shù)用戶陷入困境套才,所以它造成的傷害遠遠超過了好處。

我舉出這個測試結(jié)果有兩個原因:第一慕淡,盡管兩個導(dǎo)航設(shè)計在外觀背伴,布局和交互技術(shù)方面看起來相同,也遵循相同的設(shè)計規(guī)范峰髓,但它們的可用性卻大不相同傻寂。第一個設(shè)計比第二個設(shè)計好將近9倍。這種差異會在這個電子商務(wù)網(wǎng)站上直接導(dǎo)致巨大的業(yè)務(wù)差距携兵,因為如果用戶找不到所需的商品疾掰,那我們就什么都賣不出去⌒旖簦可用性的差異不是由于表面設(shè)計的差異静檬,而是由于深度設(shè)計的差異: 如何將設(shè)計與用戶需求相匹配,以及如何最好地構(gòu)建信息架構(gòu)并级。因此拂檩,即使完全按照規(guī)范來設(shè)計,網(wǎng)站設(shè)計師也有很多工作要做嘲碧。如果這個設(shè)計師在主頁上設(shè)計了糟糕的導(dǎo)航方案稻励,并且沒有對它進行測試,那他就是不合格的愈涩。

其次钉迷,結(jié)果還表明至非,即使再嚴格的遵循設(shè)計規(guī)范,也不能保證得到很好的可用性糠聪。依靠設(shè)計規(guī)范可以確保用戶能夠理解各個單獨的元素荒椭,知道去哪里找想要的功能。但它不能確保用戶能明白整體界面的含義舰蟆,也沒法讓用戶知道我們有他需要的功能趣惠。

資源營銷信息架構(gòu)師Eric Davis最近給出了一份關(guān)于購物車術(shù)語的可用性測試報告。由于該網(wǎng)站(銷售冬季運動產(chǎn)品)希望脫穎而出并避免使用標準術(shù)語身害,因此該設(shè)計方案以“購物雪橇”這個詞為特色味悄。結(jié)果:“50%的用戶不理解雪橇的概念,另外50%的用戶表示弄清了它的含義塌鸯,因為它與購物車位于同一位置侍瑟,好像是要放一些東西進去。這樣的話丙猬,這個新東西唯一說得通的解釋就是“購物用的雪橇”涨颜。所以我們應(yīng)該明白:如果用戶已經(jīng)有很熟悉的詞語時,就不要裝聰明去用新術(shù)語了茧球。

當然庭瑰,我們不能保證使用“購物車”這個詞的網(wǎng)站就一定有更好的可用性 。唯一能確保的事就是抢埋,用戶在這個網(wǎng)站中看到“購物車”這個鏈接時弹灭,肯定能理解它的用處。而這就是一個值得采用的可用性設(shè)計 揪垄。

雅各布的網(wǎng)站用戶體驗法則:用戶大部分時間都花在其他網(wǎng)站上穷吮。因此,大多數(shù)其他網(wǎng)站上使用的任何慣例都會被用戶深深的記入大腦中饥努,如果你想劍走偏鋒捡鱼,那就會產(chǎn)生可用性問題。

自1984年以來肪凛,我們已經(jīng)知道一致性是對于可用性的影響最大的因素之一。Macintosh是基于Apple人機接口指南的詳細書籍辽社,幾乎所有的應(yīng)用程序都遵循這一原則伟墙。Mac(以及后來的Windows)比早期系統(tǒng)的主要優(yōu)點之一是所產(chǎn)生的一致性,使用戶可以立即使用軟件滴铅。例如戳葵,人們知道:(1)選擇對象,(2)剪切命令汉匙,(3)滾動到新位置拱烁,(4)點擊插入點生蚁,(5)粘貼-命令。始終是相同的序列戏自。剪切和粘貼命令總是在編輯菜單中邦投,并且快捷鍵永遠是Command-X和Command-V。沒有什么真正的理由讓人們將字母V與插入或粘貼聯(lián)系起來擅笔,但由于快捷鍵始終是沒變志衣,所以人們就能輕松使用。

盡管所有Mac軟件都具有強大的一致性猛们,但Excel和 MacWrite看起來難道完全一樣嗎念脯?或者說,制作MORE(一個流行的大綱)沒有任何設(shè)計創(chuàng)意弯淘?顯然绿店,并非所有GUI軟件都是相同的,即使現(xiàn)在大多數(shù)軟件都會嚴格遵守平臺的設(shè)計規(guī)范庐橙。

對于Web也是如此:遵循設(shè)計規(guī)范只是確保用戶知道你在說什么假勿。這就像在寫作時使用標準英文單詞而不是自己的詞匯。你仍然是決定講述什么故事以及如何將設(shè)計元素放在一起的人怕午。

制定設(shè)計規(guī)范的規(guī)則:要成功废登,界面設(shè)計規(guī)范必須:

多用圖例來說明,因為相比文字描述郁惜,設(shè)計師更喜歡直觀的案例;

確保這些例子完全符合所有方面的規(guī)范堡距,而不僅僅是他們打算說明的例子(設(shè)計師可以從給定的例子中選擇多個提示);

盡可能地提供廣泛和全面的核對清單(設(shè)計師更喜歡掃描清單而不必閱讀文本)例如,必須在每個頁面上列出的所有元素或優(yōu)選術(shù)語清單;

要有一位規(guī)范專家兆蕉,他會在標準走查中檢查新的設(shè)計方案是否符合規(guī)范羽戒,并且在設(shè)計師對規(guī)范有疑問時進行更多的說明(如果沒有方便的地方來交流這些問題,那么每個設(shè)計師都會彌補他或她自己的答案 – 在每種情況下保證不同)

制定一個主動的規(guī)范推廣方案虎韵。設(shè)計規(guī)范僅僅等著別人來看是不夠的:你必須積極尋找并訪問各個項目易稠,告訴它們關(guān)于標準的內(nèi)容,并(適度地)評論他們的設(shè)計包蓝,并糾正不規(guī)范的地方;

保持設(shè)計規(guī)范的更新驶社,每次出現(xiàn)新問題的時候,規(guī)范管理者就要升級文檔测萎。?

要么直接按照最受歡迎的其他設(shè)計規(guī)范來制定規(guī)則亡电,要么明確指出與其他規(guī)范的差異點是什么。

提供開發(fā)工具和模板支持硅瞧,讓其他人按照模板來設(shè)計的時候更方便份乒,降低“合規(guī)”的成本。

有一個好的索引(如果打印的話)或一個很好的搜索,并輔以相關(guān)規(guī)則的超文本鏈接(如果在線)

因為每個部門都會傾向于忽視來自總部的授權(quán)或辖,所以宣傳推廣對內(nèi)統(tǒng)一規(guī)范尤其重要瘾英。他們通常是這樣做的,因為我們不同颂暇,總部的人不知道我們的情況缺谴。”?誠然,但每個人都是特殊的蟀架,所以如果由于特殊情況允許人們分歧瓣赂,那么整個系統(tǒng)將會完全混亂。通常片拍,相比于分部煌集,整體產(chǎn)品的提升更加重要,而一致性則可以增強整體的可用性捌省。在某些情況下苫纤,情況如此特殊以至于應(yīng)該容忍不一致,但是偏差必須限于具有非常非常好理由的情況(我們通常說的好理由大都不足以推翻一致性 )纲缓。

最后卷拘,認識到一個規(guī)范有其自身的可用性問題。無論規(guī)范是作為具有超文本鏈接的交互式網(wǎng)站或是傳統(tǒng)的印刷文檔來實現(xiàn)祝高,都是如此栗弟。因此設(shè)計規(guī)范應(yīng)該與設(shè)計人員一起進行測試,以確保他們可以使用它工闺。

原文作者:JAKOB NIELSEN

譯文作者:@熊貓小生 ?

譯文校對:@不器

原文標題:Do Interface Standards Stifle Design Creativity?

原文鏈接:https://www.nngroup.com/articles/do-interface-standards-stifle-design-creativity/

版權(quán)由原作者所有乍赫,轉(zhuǎn)載請注明~~~

作者:熊貓小生,交互設(shè)計師陆蟆,4年互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗雷厂,曾主導(dǎo)多個互聯(lián)網(wǎng)產(chǎn)品的設(shè)計工作。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叠殷,一起剝皮案震驚了整個濱河市改鲫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌林束,老刑警劉巖像棘,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異壶冒,居然都是意外死亡缕题,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門依痊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來避除,“玉大人,你說我怎么就攤上這事胸嘁∑堪冢” “怎么了?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵性宏,是天一觀的道長群井。 經(jīng)常有香客問我,道長毫胜,這世上最難降的妖魔是什么书斜? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮酵使,結(jié)果婚禮上荐吉,老公的妹妹穿的比我還像新娘。我一直安慰自己口渔,他們只是感情好样屠,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著缺脉,像睡著了一般痪欲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上攻礼,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天业踢,我揣著相機與錄音,去河邊找鬼礁扮。 笑死知举,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的深员。 我是一名探鬼主播负蠕,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼倦畅!你這毒婦竟也來了遮糖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤叠赐,失蹤者是張志新(化名)和其女友劉穎欲账,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芭概,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡赛不,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了罢洲。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片踢故。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡文黎,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出殿较,到底是詐尸還是另有隱情耸峭,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布淋纲,位于F島的核電站劳闹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏洽瞬。R本人自食惡果不足惜本涕,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伙窃。 院中可真熱鬧菩颖,春花似錦、人聲如沸为障。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽产场。三九已至鹅髓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間京景,已是汗流浹背窿冯。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留确徙,地道東北人醒串。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像鄙皇,于是被迫代替她去往敵國和親芜赌。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355