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

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

• 當(dāng)人們使用根據(jù)以用戶心智模型角度構(gòu)建的導(dǎo)航方案時(shí)，成功率為80％。
• 當(dāng)人們使用根據(jù)公司內(nèi)部人員思考模式構(gòu)建的導(dǎo)航方案時(shí)，成功率為9％。

結(jié)論：第二個(gè)導(dǎo)航方案被放棄了，盡管這讓一些項(xiàng)目成員感到痛苦。第二種方案對(duì)那些正確使用它的人有利，但它導(dǎo)致大多數(shù)用戶陷入困境，所以它造成的傷害遠(yuǎn)遠(yuǎn)超過(guò)了好處。

我舉出這個(gè)測(cè)試結(jié)果有兩個(gè)原因：第一，盡管兩個(gè)導(dǎo)航設(shè)計(jì)在外觀，布局和交互技術(shù)方面看起來(lái)相同，也遵循相同的設(shè)計(jì)規(guī)范，但它們的可用性卻大不相同。第一個(gè)設(shè)計(jì)比第二個(gè)設(shè)計(jì)好將近9倍。這種差異會(huì)在這個(gè)電子商務(wù)網(wǎng)站上直接導(dǎo)致巨大的業(yè)務(wù)差距，因?yàn)槿绻脩粽也坏剿璧纳唐?，那我們就什么都賣不出去?？捎眯缘牟町惒皇怯捎诒砻嬖O(shè)計(jì)的差異，而是由于深度設(shè)計(jì)的差異——如何將設(shè)計(jì)與用戶需求相匹配，以及如何最好的構(gòu)建信息架構(gòu)。因此，即使完全按照規(guī)范來(lái)設(shè)計(jì)，網(wǎng)站設(shè)計(jì)師也有很多工作要做。如果這個(gè)設(shè)計(jì)師在主頁(yè)上設(shè)計(jì)了糟糕的導(dǎo)航方案，并且沒(méi)有對(duì)它進(jìn)行測(cè)試，那他就是不合格的。

其次，結(jié)果還表明，即使再嚴(yán)格的遵循設(shè)計(jì)規(guī)范，也不能保證得到很好的可用性。依靠設(shè)計(jì)規(guī)范可以確保用戶能夠理解各個(gè)單獨(dú)的元素，知道去哪里找想要的功能。但它不能確保用戶能明白整體界面的含義，也沒(méi)法讓用戶知道我們有他需要的功能。

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

當(dāng)然，我們不能保證使用“購(gòu)物車”這個(gè)詞的網(wǎng)站就一定有更好的可用性 。唯一能確保的事就是，用戶在這個(gè)網(wǎng)站中看到「購(gòu)物車」這個(gè)鏈接時(shí)，肯定能理解它的用處，而這就是一個(gè)值得采用的可用性設(shè)計(jì) 。

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

自1984年以來(lái)，我們已經(jīng)知道一致性是對(duì)于可用性的影響最大的因素之一。Macintosh 是基于 Apple 人機(jī)接口指南的詳細(xì)書(shū)籍，幾乎所有的應(yīng)用程序都遵循這一原則。Mac（以及后來(lái)的Windows）比早期系統(tǒng)的主要優(yōu)點(diǎn)之一是所產(chǎn)生的一致性，使用戶可以立即使用軟件。例如，人們知道：

• 選擇對(duì)象。
• 剪切命令。
• 滾動(dòng)到新位置。
• 點(diǎn)擊插入點(diǎn)。
• 粘貼命令。

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

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

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

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

• 多用圖例來(lái)說(shuō)明，因?yàn)橄啾任淖置枋?，設(shè)計(jì)師更喜歡直觀的案例。
• 確保這些例子完全符合所有方面的規(guī)范，而不僅僅是他們打算說(shuō)明的例子（設(shè)計(jì)師可以從給定的例子中選擇多個(gè)提示）。
• 盡可能地提供廣泛和全面的核對(duì)清單（設(shè)計(jì)師更喜歡掃描清單而不是閱讀文本）。例如，必須在每個(gè)頁(yè)面上列出的所有元素或優(yōu)選術(shù)語(yǔ)清單。
• 要有一位規(guī)范專家，他會(huì)在標(biāo)準(zhǔn)走查中檢查新的設(shè)計(jì)方案是否符合規(guī)范，并且在設(shè)計(jì)師對(duì)規(guī)范有疑問(wèn)時(shí)進(jìn)行更多的說(shuō)明（如果沒(méi)有方便的地方來(lái)交流這些問(wèn)題，那么每個(gè)設(shè)計(jì)師都會(huì)彌補(bǔ)他的答案——在每種情況下保證不同）。
• 制定一個(gè)主動(dòng)的規(guī)范推廣方案。設(shè)計(jì)規(guī)范僅僅等著別人來(lái)看是不夠的：你必須積極尋找并訪問(wèn)各個(gè)項(xiàng)目，告訴它們關(guān)于標(biāo)準(zhǔn)的內(nèi)容，并（適度地）評(píng)論他們的設(shè)計(jì)，并糾正不規(guī)范的地方。
• 保持設(shè)計(jì)規(guī)范的更新，每次出現(xiàn)新問(wèn)題的時(shí)候，規(guī)范管理者就要升級(jí)文檔。
• 要么直接按照最受歡迎的其他設(shè)計(jì)規(guī)范來(lái)制定規(guī)則，要么明確指出與其他規(guī)范的差異點(diǎn)是什么。
• 提供開(kāi)發(fā)工具和模板支持，讓其他人按照模板來(lái)設(shè)計(jì)的時(shí)候更方便，降低「合規(guī)」的成本。
• 有一個(gè)好的索引（如果打印的話）或一個(gè)很好的搜索，并輔以相關(guān)規(guī)則的超文本鏈接（如果在線）。

因?yàn)槊總€(gè)部門(mén)可能會(huì)忽略來(lái)自總部的授權(quán)，所以宣傳推廣對(duì)內(nèi)統(tǒng)一規(guī)范尤其重要。因?yàn)槊總€(gè)人都是特殊的，所以如果由于特殊情況允許人們產(chǎn)生分歧，那么整個(gè)系統(tǒng)將會(huì)完全混亂。通常，相比于分部，整體產(chǎn)品的提升更加重要，而一致性則可以增強(qiáng)整體的可用性。在某些情況下，可以有特殊性，但是偏差必須是有非常好的理由。

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