前言:設計規(guī)范確保了設計的一致性,但不會限制設計師在深層次上的設計自由和責任。同時本篇也介紹了編寫設計規(guī)范的準則。
任何設計規(guī)范都不能詳細說明一個完整的用戶界面。因此,根據(jù)定義,即使設計師致力于遵守適當?shù)脑O計規(guī)范,仍然還會有很多設計工作 。通常,最重要的設計元素是那些不能由規(guī)范指定的元素,因為規(guī)范無法涉及所有細節(jié)。
例如,我最近參與了電子商務網(wǎng)站的設計。在主頁的設計草案中,有三種獲取商品的方式:搜索和兩種簡單列表形式的導航系統(tǒng)。其中一種導航方案是以用戶角度構建的,另一種方案則以制造商員工考慮其產(chǎn)品線的方式進行組織的??捎眯詼y試的結果:
(1)當人們使用根據(jù)以用戶心智模型角度構建的導航方案時,成功率為80%;
(2)當人們使用根據(jù)公司內部人員思考模式構建的導航方案時,成功率為9%;
結論:第二個導航方案被放棄了,盡管這讓一些項目成員感到痛苦。第二種方案對那些正確使用它的人有利,但它導致大多數(shù)用戶陷入困境,所以它造成的傷害遠遠超過了好處。
我舉出這個測試結果有兩個原因:第一,盡管兩個導航設計在外觀,布局和交互技術方面看起來相同,也遵循相同的設計規(guī)范,但它們的可用性卻大不相同。第一個設計比第二個設計好將近9倍。這種差異會在這個電子商務網(wǎng)站上直接導致巨大的業(yè)務差距,因為如果用戶找不到所需的商品,那我們就什么都賣不出去??捎眯缘牟町惒皇怯捎诒砻嬖O計的差異,而是由于深度設計的差異: 如何將設計與用戶需求相匹配,以及如何最好地構建信息架構。因此,即使完全按照規(guī)范來設計,網(wǎng)站設計師也有很多工作要做。如果這個設計師在主頁上設計了糟糕的導航方案,并且沒有對它進行測試,那他就是不合格的。
其次,結果還表明,即使再嚴格的遵循設計規(guī)范,也不能保證得到很好的可用性。依靠設計規(guī)范可以確保用戶能夠理解各個單獨的元素,知道去哪里找想要的功能。但它不能確保用戶能明白整體界面的含義,也沒法讓用戶知道我們有他需要的功能。
資源營銷信息架構師Eric Davis最近給出了一份關于購物車術語的可用性測試報告。由于該網(wǎng)站(銷售冬季運動產(chǎn)品)希望脫穎而出并避免使用標準術語,因此該設計方案以“購物雪橇”這個詞為特色。結果:“50%的用戶不理解雪橇的概念,另外50%的用戶表示弄清了它的含義,因為它與購物車位于同一位置,好像是要放一些東西進去。這樣的話,這個新東西唯一說得通的解釋就是“購物用的雪橇”。所以我們應該明白:如果用戶已經(jīng)有很熟悉的詞語時,就不要裝聰明去用新術語了。
當然,我們不能保證使用“購物車”這個詞的網(wǎng)站就一定有更好的可用性 。唯一能確保的事就是,用戶在這個網(wǎng)站中看到“購物車”這個鏈接時,肯定能理解它的用處。而這就是一個值得采用的可用性設計 。
雅各布的網(wǎng)站用戶體驗法則:用戶大部分時間都花在其他網(wǎng)站上。因此,大多數(shù)其他網(wǎng)站上使用的任何慣例都會被用戶深深的記入大腦中,如果你想劍走偏鋒,那就會產(chǎn)生可用性問題。
自1984年以來,我們已經(jīng)知道一致性是對于可用性的影響最大的因素之一。Macintosh是基于Apple人機接口指南的詳細書籍,幾乎所有的應用程序都遵循這一原則。Mac(以及后來的Windows)比早期系統(tǒng)的主要優(yōu)點之一是所產(chǎn)生的一致性,使用戶可以立即使用軟件。例如,人們知道:
(1)選擇對象;
(2)剪切命令;
(3)滾動到新位置;
(4)點擊插入點;
(5)粘貼-命令;
始終是相同的序列。剪切和粘貼命令總是在編輯菜單中,并且快捷鍵永遠是Command-X和Command-V。沒有什么真正的理由讓人們將字母V與插入或粘貼聯(lián)系起來,但由于快捷鍵始終是沒變,所以人們就能輕松使用。
盡管所有Mac軟件都具有強大的一致性,但Excel和 MacWrite看起來難道完全一樣嗎?或者說,制作MORE(一個流行的大綱)沒有任何設計創(chuàng)意?顯然,并非所有GUI軟件都是相同的,即使現(xiàn)在大多數(shù)軟件都會嚴格遵守平臺的設計規(guī)范。
對于Web也是如此:遵循設計規(guī)范只是確保用戶知道你在說什么。這就像在寫作時使用標準英文單詞而不是自己的詞匯。你仍然是決定講述什么故事以及如何將設計元素放在一起的人。
制定設計規(guī)范的規(guī)則:要成功,界面設計規(guī)范必須:
(1)多用圖例來說明,因為相比文字描述,設計師更喜歡直觀的案例;
(2)確保這些例子完全符合所有方面的規(guī)范,而不僅僅是他們打算說明的例子(設計師可以從給定的例子中選擇多個提示);
(3)盡可能地提供廣泛和全面的核對清單(設計師更喜歡掃描清單而不必閱讀文本),例如,必須在每個頁面上列出的所有元素或優(yōu)選術語清單;
(4)要有一位規(guī)范專家,他會在標準走查中檢查新的設計方案是否符合規(guī)范,并且在設計師對規(guī)范有疑問時進行更多的說明(如果沒有方便的地方來交流這些問題,那么每個設計師都會彌補他或她自己的答案 – 在每種情況下保證不同);
(5)制定一個主動的規(guī)范推廣方案。設計規(guī)范僅僅等著別人來看是不夠的:你必須積極尋找并訪問各個項目,告訴它們關于標準的內容,并(適度地)評論他們的設計,并糾正不規(guī)范的地方;
(6)保持設計規(guī)范的更新,每次出現(xiàn)新問題的時候,規(guī)范管理者就要升級文檔;
(7)要么直接按照最受歡迎的其他設計規(guī)范來制定規(guī)則,要么明確指出與其他規(guī)范的差異點是什么;
(8)提供開發(fā)工具和模板支持,讓其他人按照模板來設計的時候更方便,降低“合規(guī)”的成本;
(9)有一個好的索引(如果打印的話)或一個很好的搜索,并輔以相關規(guī)則的超文本鏈接(如果在線);
因為每個部門都會傾向于忽視來自總部的授權,所以宣傳推廣對內統(tǒng)一規(guī)范尤其重要。他們通常是這樣做的,因為“我們不同,總部的人不知道我們的情況?!?nbsp;誠然,但每個人都是特殊的,所以如果由于特殊情況允許人們分歧,那么整個系統(tǒng)將會完全混亂。通常,相比于分部,整體產(chǎn)品的提升更加重要,而一致性則可以增強整體的可用性。在某些情況下,情況如此特殊以至于應該容忍不一致,但是偏差必須限于具有非常非常好理由的情況(我們通常說的好理由大都不足以推翻一致性 )。
最后,認識到一個規(guī)范有其自身的可用性問題。無論規(guī)范是作為具有超文本鏈接的交互式網(wǎng)站或是傳統(tǒng)的印刷文檔來實現(xiàn),都是如此。因此設計規(guī)范應該與設計人員一起進行測試,以確保他們可以使用它。
譯者:@熊貓小生
校對:@不器
作者:JAKOB NIELSEN