一個優(yōu)秀的UI設(shè)計師會沖破設(shè)計規(guī)范的束縛

最近參與了電子商務(wù)網(wǎng)站的設(shè)計。在主頁的設(shè)計草案中，有三種獲取商品的方式：搜索和兩種簡單列表形式的導(dǎo)航系統(tǒng)。其中一種導(dǎo)航方案是以用戶角度構(gòu)建的，另一種方案則以制造商員工考慮其產(chǎn)品線的方式進行組織的?？捎眯詼y試的結(jié)果：

• 當(dāng)人們使用根據(jù)以用戶心智模型角度構(gòu)建的導(dǎo)航方案時，成功率為80％。
• 當(dāng)人們使用根據(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é)果還表明，即使再嚴(yán)格的遵循設(shè)計規(guī)范，也不能保證得到很好的可用性。依靠設(shè)計規(guī)范可以確保用戶能夠理解各個單獨的元素，知道去哪里找想要的功能。但它不能確保用戶能明白整體界面的含義，也沒法讓用戶知道我們有他需要的功能。

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

當(dāng)然，我們不能保證使用“購物車”這個詞的網(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)生的一致性，使用戶可以立即使用軟件。例如，人們知道：

• 選擇對象。
• 剪切命令。
• 滾動到新位置。
• 點擊插入點。
• 粘貼命令。

始終是相同的序列。剪切和粘貼命令總是在編輯菜單中，并且快捷鍵永遠是 Command-X 和 Command-V。沒有什么真正的理由讓人們將字母V與插入或粘貼聯(lián)系起來，但由于快捷鍵始終沒有改變，所以人們就能輕松使用。

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

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

制定設(shè)計規(guī)范的規(guī)則，要成功，界面設(shè)計規(guī)范必須：

• 多用圖例來說明，因為相比文字描述，設(shè)計師更喜歡直觀的案例。
• 確保這些例子完全符合所有方面的規(guī)范，而不僅僅是他們打算說明的例子（設(shè)計師可以從給定的例子中選擇多個提示）。
• 盡可能地提供廣泛和全面的核對清單（設(shè)計師更喜歡掃描清單而不是閱讀文本）。例如，必須在每個頁面上列出的所有元素或優(yōu)選術(shù)語清單。
• 要有一位規(guī)范專家，他會在標(biāo)準(zhǔn)走查中檢查新的設(shè)計方案是否符合規(guī)范，并且在設(shè)計師對規(guī)范有疑問時進行更多的說明（如果沒有方便的地方來交流這些問題，那么每個設(shè)計師都會彌補他的答案——在每種情況下保證不同）。
• 制定一個主動的規(guī)范推廣方案。設(shè)計規(guī)范僅僅等著別人來看是不夠的：你必須積極尋找并訪問各個項目，告訴它們關(guān)于標(biāo)準(zhǔ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ī)范尤其重要。因為每個人都是特殊的，所以如果由于特殊情況允許人們產(chǎn)生分歧，那么整個系統(tǒng)將會完全混亂。通常，相比于分部，整體產(chǎn)品的提升更加重要，而一致性則可以增強整體的可用性。在某些情況下，可以有特殊性，但是偏差必須是有非常好的理由。

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