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