用戶界面設(shè)計(jì)??用好的設(shè)計(jì)替代不好的

原文： User Interface Design - Taking the Good with the Bad

成功的婚姻之關(guān)鍵在于折衷。當(dāng)事情沿著你不希望的方向發(fā)展，在最后，形成的爭(zhēng)論卻可以為你帶來(lái)極大的好處。這條定理同樣適用于用戶界面設(shè)計(jì)。畢竟，如果婚姻不是形式和儀式又是什么呢？

設(shè)計(jì)用戶界面的過(guò)程從根本上就是折衷的訓(xùn)練。這個(gè)訓(xùn)練并非指設(shè)計(jì)者和項(xiàng)目負(fù)責(zé)人之間的折衷（可用性從來(lái)沒(méi)被辦公室政治利用過(guò)），而是指設(shè)計(jì)方案的倒退和前進(jìn)之間的折衷。每一個(gè)有關(guān)用戶界面的決定，從一像素的精確定位到整個(gè)網(wǎng)站的信息架構(gòu)都需要深思熟慮。對(duì)每一個(gè)設(shè)計(jì)方案給用戶帶來(lái)的好處與花費(fèi)兩者之間的仔細(xì)權(quán)衡才是本質(zhì)。人們常常忽略有時(shí)是很小的代價(jià)，但每一個(gè)用戶界面設(shè)計(jì)都要付出的代價(jià)。經(jīng)過(guò)考慮的折衷原則其實(shí)貫穿了所有的用戶界面設(shè)計(jì)，但在設(shè)計(jì)最佳的用戶界面時(shí)，具有諷刺的是，它還要求你避免設(shè)計(jì)折衷的界面。

你不能吃了蛋糕還想擁有它

在創(chuàng)作用戶界面的時(shí)候，你必須處理兩個(gè)主要且沖突的局限：在僅有的一個(gè)顯示器上傳達(dá)海量的信息；用戶在一定時(shí)間內(nèi)接受海量的信息。在一個(gè)顯示器上顯示太多的內(nèi)容，用戶不得不從混沌中“艱難跋涉”了；顯示太少的信息，用戶為了找到他們的目標(biāo)，又不得不靠猜測(cè)了。好的設(shè)計(jì)應(yīng)該在程序和用戶之間找到平衡點(diǎn)，既有效利用屏幕，又能考慮用戶理解信息的能力。

你的舞臺(tái)（顯示器）是有局限的??畢竟有x像素的寬和y像素的高。這意味著資源很重要，你利用的每個(gè)象素都可看作是有價(jià)格的。當(dāng)你試圖去創(chuàng)建一個(gè)用戶界面的時(shí)候，保持信息密度的平衡是項(xiàng)挑戰(zhàn)。每個(gè)設(shè)計(jì)方案都要經(jīng)過(guò)深思，因?yàn)樵谄聊簧厦吭黾右粔K內(nèi)容就加大了信息密度，這對(duì)用戶有限的精力和認(rèn)知過(guò)程是個(gè)挑戰(zhàn)，使得用戶更難弄明白了。

好的設(shè)計(jì)代替不好的

無(wú)論何時(shí)，花費(fèi)只要能帶來(lái)好處，采取折衷原則也是可以的。理論上，你可以最大化好處和最小化壞處，但本質(zhì)問(wèn)題是，所帶來(lái)的好處能否超過(guò)其花費(fèi)？不僅僅是超過(guò)，在所有可選的設(shè)計(jì)方案中，它能否帶來(lái)最大利潤(rùn)？果真如此，它才是最佳方案。

花費(fèi)/好處的折衷考慮穿越了用戶界面開(kāi)發(fā)的所有層次，從導(dǎo)航設(shè)計(jì)到字體大小。越是重要的設(shè)計(jì)方案，越是體現(xiàn)出用戶界面巨大而潛在的影響。小的設(shè)計(jì)方案看起來(lái)似乎無(wú)關(guān)緊要，但積少成多，也會(huì)對(duì)用戶界面產(chǎn)生潛在影響。無(wú)論大小，每一個(gè)設(shè)計(jì)方案都應(yīng)該在可用性評(píng)估和考慮網(wǎng)絡(luò)用戶界面好處之后再?zèng)Q定。

一些對(duì)比的設(shè)計(jì)方案

設(shè)計(jì) 好處 花費(fèi)
減少信息構(gòu)架的層次 找到信息時(shí)減少了點(diǎn)擊 更混亂
深層信息架構(gòu) 清晰，減少混亂 找信息時(shí)點(diǎn)擊多
小字體 一屏上顯示更多信息 某些用戶太難閱讀了
大字體 閱讀起來(lái)容易 每屏信息少了
下拉框 在有限空間里容下了更多選項(xiàng) 隱藏了選項(xiàng)
單選框 同一時(shí)間看到更多選項(xiàng) 需要更多空間，易混淆
圖標(biāo) 一旦記住就容易辨認(rèn)了；視覺(jué)愉悅 M要學(xué)習(xí)識(shí)別
文字鏈接 總是易懂的 一旦不理解，可能必須閱讀更多的資料
縮寫(xiě) 節(jié)約空間 需要學(xué)習(xí)和識(shí)別
非縮寫(xiě) 易懂 需要額外空間
鍵盤(pán)快捷鍵 數(shù)據(jù)高速輸入 需要學(xué)習(xí)
鼠標(biāo)指向和點(diǎn)擊 直覺(jué)的 交互增加了額外的時(shí)間，需要更多的經(jīng)驗(yàn)

瘋狂背后的模式

事實(shí)上，你無(wú)法刻意評(píng)估每項(xiàng)設(shè)計(jì)方案的優(yōu)劣。此過(guò)程就像天性一樣，你可以憑直覺(jué)判斷哪里該用下拉菜單還是單選按鈕，或者此設(shè)計(jì)是不是比另一個(gè)略勝一籌。但直覺(jué)是建立在相關(guān)經(jīng)驗(yàn)和努力之上的。設(shè)計(jì)的折衷評(píng)估仍舊可能發(fā)生，它在潛意識(shí)中形成了。這種潛意識(shí)行為可能讓你沒(méi)意識(shí)到為什么選擇了此項(xiàng)，而非另一項(xiàng)方案。但如果你拆開(kāi)了這個(gè)過(guò)程，其核心就是基于可用性原則的判斷。

在設(shè)計(jì)過(guò)程中描述這個(gè)潛在法則可能并非必須，它很自然就發(fā)生了，但是你必須清楚，并在邏輯上意識(shí)到你的設(shè)計(jì)。如果你和別人一起工作，他們的建議可能降低了可用性，你意識(shí)到自己的決定是如何產(chǎn)生的就很重要了。通過(guò)將用戶界面設(shè)計(jì)中潛意識(shí)的行為化作語(yǔ)言，你可以為堅(jiān)持自己的決定增加了砝碼。但如果你讓每個(gè)人都對(duì)界面設(shè)計(jì)提出一種意見(jiàn)（就像恐怖的會(huì)議討論），界面可能會(huì)像過(guò)去那樣難看了。

好 ? 壞 = 網(wǎng)絡(luò)可用性

你是否注意到你可以立刻指出各種界面設(shè)計(jì)的不足？這是因?yàn)樵诮缑嬖O(shè)計(jì)時(shí)的折衷原則使然。甚至最好的設(shè)計(jì)解決方案都可能有些倒退，一些成員可能會(huì)嘗試改變?cè)O(shè)計(jì)。但任何設(shè)計(jì)都有不足之處，每一個(gè)無(wú)不如此。這樣的不足還不至于損害設(shè)計(jì)。一個(gè)設(shè)計(jì)比另一個(gè)設(shè)計(jì)更好的地方在于無(wú)時(shí)無(wú)刻不照顧到網(wǎng)絡(luò)可用性。所以，好-壞=網(wǎng)絡(luò)可用性。最后測(cè)量的標(biāo)準(zhǔn)就是網(wǎng)絡(luò)的可用性價(jià)值。

批評(píng)開(kāi)始滿天飛了。字體太小了、圖標(biāo)含義不清、縮寫(xiě)詞意不明。也許最初只是臉紅一下，然后就紅到耳根了，仿佛這些批評(píng)都是對(duì)的一樣。事實(shí)上，這類宣言單獨(dú)來(lái)看都是正確的，但它太過(guò)正確，也應(yīng)該被挑戰(zhàn)。來(lái)決定它值不值，就要既考慮花費(fèi)，又要考慮好處了。后臺(tái)設(shè)計(jì)者能立刻識(shí)別一個(gè)特殊設(shè)計(jì)的花費(fèi)，但是他們看不到好處。你需要客觀的評(píng)估每個(gè)建議對(duì)可用性的影響，從而決定哪個(gè)是最可取的。

除了要懂得界面設(shè)計(jì)中的折衷性，你也應(yīng)該鼓勵(lì)那種有缺陷的設(shè)計(jì)建議。為了有效評(píng)估那些作用于界面設(shè)計(jì)的花費(fèi)和好處，你需要涉獵多種領(lǐng)域：從認(rèn)知學(xué)到人因?qū)W到圖形設(shè)計(jì)。只有對(duì)人們?nèi)绾闻c應(yīng)用程序交互建立了巨大的知識(shí)儲(chǔ)備，你才能更有效地評(píng)估用戶界面設(shè)計(jì)。這不僅僅是個(gè)非對(duì)即錯(cuò)的事情，因?yàn)榛ㄙM(fèi)總是與帶來(lái)的好處相關(guān)。

舉例來(lái)說(shuō)，你的頁(yè)面字體可能小了，對(duì)一些老年人相當(dāng)難以閱讀。這就是花費(fèi)。但這在一屏上提供了更多的信息，也意味著更少的滾動(dòng)，減少滾動(dòng)可以降低物理操作和認(rèn)知輸入�，F(xiàn)在假設(shè)統(tǒng)計(jì)出你的用戶年齡90%在21至30歲之間，因此比較其他解決方案，這時(shí)字體更小一些會(huì)更好，網(wǎng)絡(luò)的可用性也更高。

所選的方案并非完美，但它提供了更好的可用性。你也可以提出異議，用好的替代壞的設(shè)計(jì)，但對(duì)于你特定的應(yīng)用，選擇這種方案無(wú)非是最明智的。你必須在完整的程序使用中加以衡量，才能選出最合適的方案。

懂得在界面設(shè)計(jì)中無(wú)所不在的折衷原則，并應(yīng)該灌輸給整個(gè)項(xiàng)目組，甚至每個(gè)普通員工都要知曉。對(duì)用戶界面的爭(zhēng)論應(yīng)該被鼓勵(lì)。在每一個(gè)設(shè)計(jì)方案中通過(guò)理解、評(píng)估和解釋折衷原則，你可以設(shè)計(jì)可用性更高和更有說(shuō)服力的界面。

對(duì)成功的評(píng)估

當(dāng)評(píng)估一個(gè)設(shè)計(jì)是否更好時(shí)，又需要一個(gè)用戶界面準(zhǔn)則去評(píng)估，以下是幾個(gè)用戶界面質(zhì)量的元素：

容易學(xué)習(xí)并容易記住
使用的有效性
出錯(cuò)率，可伸縮性和可恢復(fù)性
個(gè)人滿意度

以應(yīng)用程序的最后使用效果評(píng)定，每一個(gè)因素都可能是重要的。舉例來(lái)說(shuō)，使用的有效性也許對(duì)高端的用戶程序有用，而對(duì)小冊(cè)子市場(chǎng)就不一定那么有效了。雖然這種轉(zhuǎn)變可能會(huì)提高個(gè)人滿意度。但每一個(gè)設(shè)計(jì)決定都應(yīng)該接受上面四個(gè)因素的考驗(yàn)。

廣泛折衷原則

折衷也不應(yīng)該以屏幕設(shè)計(jì)為終點(diǎn)。在用戶界面設(shè)計(jì)中占據(jù)了很大分量的包括：網(wǎng)絡(luò)信息統(tǒng)計(jì)（比如什么瀏覽器、平臺(tái)、顯示效果尺寸等）、瘦/胖/富客戶端體系、開(kāi)發(fā)時(shí)間和花費(fèi)的資源等。在評(píng)估折衷時(shí)，可用性占據(jù)了極大的分量，但真實(shí)使用環(huán)境中的一些問(wèn)題也日趨重要。比如說(shuō)，如果一個(gè)設(shè)計(jì)方案比另一個(gè)好得多，是否值得用1萬(wàn)美元開(kāi)發(fā)它？這部分功能的提升值得嗎？反過(guò)來(lái)想，節(jié)約的這些錢是否削弱了可用性？這類討論是如此現(xiàn)實(shí)，需要被謹(jǐn)慎評(píng)估。

只要認(rèn)識(shí)到用戶界面設(shè)計(jì)是建立在折衷上的，會(huì)幫助我們清楚地認(rèn)識(shí)到為什么如此設(shè)計(jì)。這樣做會(huì)減少優(yōu)秀界面設(shè)計(jì)出軌的風(fēng)險(xiǎn)，尤其對(duì)那些只看到事物一個(gè)方面的人有用。通過(guò)清晰地列出花費(fèi)、好處和相互交流設(shè)計(jì)的意義，你可以更好地說(shuō)明別人、得到更多的支持�？傊�，如果我們能依照折衷的原則，我們就能正確地看待好處和壞處。只是希望別帶給我們丑陋的事物。（完）