用戶界面設(shè)計——用好的設(shè)計替代不好的
日期：2012/7/11 / 人氣：
成功的婚姻之關(guān)鍵在于折衷。當(dāng)事情沿著你不希望的方向發(fā)展，在最后，形成的爭論卻可以為你帶來極大的好處。這條定理同樣適用于用戶界面設(shè)計。畢竟，如果婚姻不是形式和儀式又是什么呢？
設(shè)計用戶界面的過程從根本上就是折衷的訓(xùn)練。這個訓(xùn)練并非指設(shè)計者和項目負(fù)責(zé)人之間的折衷（可用性從來沒被辦公室政治利用過），而是指設(shè)計方案的倒退和前進之間的折衷。每一個有關(guān)用戶界面的決定，從一像素的精確定位到整個網(wǎng)站的信息架構(gòu)都需要深思熟慮。對每一個設(shè)計方案給用戶帶來的好處與花費兩者之間的仔細(xì)權(quán)衡才是本質(zhì)。人們常常忽略有時是很小的代價，但每一個用戶界面設(shè)計都要付出的代價。經(jīng)過考慮的折衷原則其實貫穿了所有的用戶界面設(shè)計，但在設(shè)計最佳的用戶界面時，具有諷刺的是，它還要求你避免設(shè)計折衷的界面。
你不能吃了蛋糕還想擁有它
在創(chuàng)作用戶界面的時候，你必須處理兩個主要且沖突的局限：在僅有的一個顯示器上傳達海量的信息；用戶在一定時間內(nèi)接受海量的信息。在一個顯示器上顯示太多的內(nèi)容，用戶不得不從混沌中“艱難跋涉”了；顯示太少的信息，用戶為了找到他們的目標(biāo)，又不得不靠猜測了。好的設(shè)計應(yīng)該在程序和用戶之間找到平衡點，既有效利用屏幕，又能考慮用戶理解信息的能力。
你的舞臺（顯示器）是有局限的——畢竟有x像素的寬和y像素的高。這意味著資源很重要，你利用的每個象素都可看作是有價格的。當(dāng)你試圖去創(chuàng)建一個用戶界面的時候，保持信息密度的平衡是項挑戰(zhàn)。每個設(shè)計方案都要經(jīng)過深思，因為在屏幕上每增加一塊內(nèi)容就加大了信息密度，這對用戶有限的精力和認(rèn)知過程是個挑戰(zhàn)，使得用戶更難弄明白了。
好的設(shè)計代替不好的
無論何時，花費只要能帶來好處，采取折衷原則也是可以的。理論上，你可以最大化好處和最小化壞處，但本質(zhì)問題是，所帶來的好處能否超過其花費？不僅僅是超過，在所有可選的設(shè)計方案中，它能否帶來最大利潤？果真如此，它才是最佳方案。
花費/好處的折衷考慮穿越了用戶界面開發(fā)的所有層次，從導(dǎo)航設(shè)計到字體大小。越是重要的設(shè)計方案，越是體現(xiàn)出用戶界面巨大而潛在的影響。小的設(shè)計方案看起來似乎無關(guān)緊要，但積少成多，也會對用戶界面產(chǎn)生潛在影響。無論大小，每一個設(shè)計方案都應(yīng)該在可用性評估和考慮網(wǎng)絡(luò)用戶界面好處之后再決定
一些對比的設(shè)計方案
設(shè)計 好處 花費
減少信息構(gòu)架的層次 找到信息時減少了點擊 更混亂
深層信息架構(gòu) 清晰，減少混亂 找信息時點擊多
小字體 一屏上顯示更多信息 某些用戶太難閱讀了
大字體 閱讀起來容易 每屏信息少了
下拉框 在有限空間里容下了更多選項 隱藏了選項
單選框 同一時間看到更多選項 需要更多空間，易混淆
圖標(biāo) 一旦記住就容易辨認(rèn)了；視覺愉悅 M要學(xué)習(xí)識別
文字鏈接 總是易懂的 一旦不理解，可能必須閱讀更多的資料
縮寫 節(jié)約空間 需要學(xué)習(xí)和識別
非縮寫 易懂 需要額外空間
鍵盤快捷鍵 數(shù)據(jù)高速輸入 需要學(xué)習(xí)
鼠標(biāo)指向和點擊 直覺的 交互增加了額外的時間，需要更多的經(jīng)驗
瘋狂背后的模式
事實上，你無法刻意評估每項設(shè)計方案的優(yōu)劣。此過程就像天性一樣，你可以憑直覺判斷哪里該用下拉菜單還是單選按鈕，或者此設(shè)計是不是比另一個略勝一籌。但直覺是建立在相關(guān)經(jīng)驗和努力之上的。設(shè)計的折衷評估仍舊可能發(fā)生，它在潛意識中形成了。這種潛意識行為可能讓你沒意識到為什么選擇了此項，而非另一項方案。但如果你拆開了這個過程，其核心就是基于可用性原則的判斷。
在設(shè)計過程中描述這個潛在法則可能并非必須，它很自然就發(fā)生了，但是你必須清楚，并在邏輯上意識到你的設(shè)計。如果你和別人一起工作，他們的建議可能降低了可用性，你意識到自己的決定是如何產(chǎn)生的就很重要了。通過將用戶界面設(shè)計中潛意識的行為化作語言，你可以為堅持自己的決定增加了砝碼。但如果你讓每個人都對界面設(shè)計提出一種意見（就像恐怖的會議討論），界面可能會像過去那樣難看了。
好 – 壞 = 網(wǎng)絡(luò)可用性
你是否注意到你可以立刻指出各種界面設(shè)計的不足？這是因為在界面設(shè)計時的折衷原則使然。甚至最好的設(shè)計解決方案都可能有些倒退，一些成員可能會嘗試改變設(shè)計。但任何設(shè)計都有不足之處，每一個無不如此。這樣的不足還不至于損害設(shè)計。一個設(shè)計比另一個設(shè)計更好的地方在于無時無刻不照顧到網(wǎng)絡(luò)可用性。所以，好-壞=網(wǎng)絡(luò)可用性。最后測量的標(biāo)準(zhǔn)就是網(wǎng)絡(luò)的可用性價值。
批評開始滿天飛了。字體太小了、圖標(biāo)含義不清、縮寫詞意不明。也許最初只是臉紅一下，然后就紅到耳根了，仿佛這些批評都是對的一樣。事實上，這類宣言單獨來看都是正確的，但它太過正確，也應(yīng)該被挑戰(zhàn)。來決定它值不值，就要既考慮花費，又要考慮好處了。后臺設(shè)計者能立刻識別一個特殊設(shè)計的花費，但是他們看不到好處。你需要客觀的評估每個建議對可用性的影響，從而決定哪個是最可取的。
除了要懂得界面設(shè)計中的折衷性，你也應(yīng)該鼓勵那種有缺陷的設(shè)計建議。為了有效評估那些作用于界面設(shè)計的花費和好處，你需要涉獵多種領(lǐng)域：從認(rèn)知學(xué)到人因?qū)W到圖形設(shè)計。只有對人們?nèi)绾闻c應(yīng)用程序交互建立了巨大的知識儲備，你才能更有效地評估用戶界面設(shè)計。這不僅僅是個非對即錯的事情，因為花費總是與帶來的好處相關(guān)。
舉例來說，你的頁面字體可能小了，對一些老年人相當(dāng)難以閱讀。這就是花費。但這在一屏上提供了更多的信息，也意味著更少的滾動，減少滾動可以降低物理操作和認(rèn)知輸入。現(xiàn)在假設(shè)統(tǒng)計出你的用戶年齡90%在21至30歲之間，因此比較其他解決方案，這時字體更小一些會更好，網(wǎng)絡(luò)的可用性也更高。
懂得在界面設(shè)計中無所不在的折衷原則，并應(yīng)該灌輸給整個項目組，甚至每個普通員工都要知曉。對用戶界面的爭論應(yīng)該被鼓勵。在每一個設(shè)計方案中通過理解、評估和解釋折衷原則，你可以設(shè)計可用性更高和更有說服力的界面。
對成功的評估
當(dāng)評估一個設(shè)計是否更好時，又需要一個用戶界面準(zhǔn)則去評估，以下是幾個用戶界面質(zhì)量的元素：
容易學(xué)習(xí)并容易記住
使用的有效性
出錯率，可伸縮性和可恢復(fù)性
個人滿意度
以應(yīng)用程序的最后使用效果評定，每一個因素都可能是重要的。舉例來說，使用的有效性也許對高端的用戶程序有用，而對小冊子市場就不一定那么有效了。雖然這種轉(zhuǎn)變可能會提高個人滿意度。但每一個設(shè)計決定都應(yīng)該接受上面四個因素的考驗。
廣泛折衷原則
折衷也不應(yīng)該以屏幕設(shè)計為終點。在用戶界面設(shè)計中占據(jù)了很大分量的包括：網(wǎng)絡(luò)信息統(tǒng)計（比如什么瀏覽器、平臺、顯示效果尺寸等）、瘦/胖/富客戶端體系、開發(fā)時間和花費的資源等。在評估折衷時，可用性占據(jù)了極大的分量，但真實使用環(huán)境中的一些問題也日趨重要。比如說，如果一個設(shè)計方案比另一個好得多，是否值得用1萬美元開發(fā)它？這部分功能的提升值得嗎？反過來想，節(jié)約的這些錢是否削弱了可用性？這類討論是如此現(xiàn)實，需要被謹(jǐn)慎評估。
只要認(rèn)識到用戶界面設(shè)計是建立在折衷上的，會幫助我們清楚地認(rèn)識到為什么如此設(shè)計。這樣做會減少優(yōu)秀界面設(shè)計出軌的風(fēng)險，尤其對那些只看到事物一個方面的人有用。通過清晰地列出花費、好處和相互交流設(shè)計的意義，你可以更好地說明別人、得到更多的支持。總之，如果我們能依照折衷的原則，我們就能正確地看待好處和壞處。只是希望別帶給我們丑陋的事物
設(shè)計用戶界面的過程從根本上就是折衷的訓(xùn)練。這個訓(xùn)練并非指設(shè)計者和項目負(fù)責(zé)人之間的折衷（可用性從來沒被辦公室政治利用過），而是指設(shè)計方案的倒退和前進之間的折衷。每一個有關(guān)用戶界面的決定，從一像素的精確定位到整個網(wǎng)站的信息架構(gòu)都需要深思熟慮。對每一個設(shè)計方案給用戶帶來的好處與花費兩者之間的仔細(xì)權(quán)衡才是本質(zhì)。人們常常忽略有時是很小的代價，但每一個用戶界面設(shè)計都要付出的代價。經(jīng)過考慮的折衷原則其實貫穿了所有的用戶界面設(shè)計，但在設(shè)計最佳的用戶界面時，具有諷刺的是，它還要求你避免設(shè)計折衷的界面。
你不能吃了蛋糕還想擁有它
在創(chuàng)作用戶界面的時候，你必須處理兩個主要且沖突的局限：在僅有的一個顯示器上傳達海量的信息；用戶在一定時間內(nèi)接受海量的信息。在一個顯示器上顯示太多的內(nèi)容，用戶不得不從混沌中“艱難跋涉”了；顯示太少的信息，用戶為了找到他們的目標(biāo)，又不得不靠猜測了。好的設(shè)計應(yīng)該在程序和用戶之間找到平衡點，既有效利用屏幕，又能考慮用戶理解信息的能力。
你的舞臺（顯示器）是有局限的——畢竟有x像素的寬和y像素的高。這意味著資源很重要，你利用的每個象素都可看作是有價格的。當(dāng)你試圖去創(chuàng)建一個用戶界面的時候，保持信息密度的平衡是項挑戰(zhàn)。每個設(shè)計方案都要經(jīng)過深思，因為在屏幕上每增加一塊內(nèi)容就加大了信息密度，這對用戶有限的精力和認(rèn)知過程是個挑戰(zhàn)，使得用戶更難弄明白了。
好的設(shè)計代替不好的
無論何時，花費只要能帶來好處，采取折衷原則也是可以的。理論上，你可以最大化好處和最小化壞處，但本質(zhì)問題是，所帶來的好處能否超過其花費？不僅僅是超過，在所有可選的設(shè)計方案中，它能否帶來最大利潤？果真如此，它才是最佳方案。
花費/好處的折衷考慮穿越了用戶界面開發(fā)的所有層次，從導(dǎo)航設(shè)計到字體大小。越是重要的設(shè)計方案，越是體現(xiàn)出用戶界面巨大而潛在的影響。小的設(shè)計方案看起來似乎無關(guān)緊要，但積少成多，也會對用戶界面產(chǎn)生潛在影響。無論大小，每一個設(shè)計方案都應(yīng)該在可用性評估和考慮網(wǎng)絡(luò)用戶界面好處之后再決定
一些對比的設(shè)計方案
設(shè)計 好處 花費
減少信息構(gòu)架的層次 找到信息時減少了點擊 更混亂
深層信息架構(gòu) 清晰，減少混亂 找信息時點擊多
小字體 一屏上顯示更多信息 某些用戶太難閱讀了
大字體 閱讀起來容易 每屏信息少了
下拉框 在有限空間里容下了更多選項 隱藏了選項
單選框 同一時間看到更多選項 需要更多空間，易混淆
圖標(biāo) 一旦記住就容易辨認(rèn)了；視覺愉悅 M要學(xué)習(xí)識別
文字鏈接 總是易懂的 一旦不理解，可能必須閱讀更多的資料
縮寫 節(jié)約空間 需要學(xué)習(xí)和識別
非縮寫 易懂 需要額外空間
鍵盤快捷鍵 數(shù)據(jù)高速輸入 需要學(xué)習(xí)
鼠標(biāo)指向和點擊 直覺的 交互增加了額外的時間，需要更多的經(jīng)驗
瘋狂背后的模式
事實上，你無法刻意評估每項設(shè)計方案的優(yōu)劣。此過程就像天性一樣，你可以憑直覺判斷哪里該用下拉菜單還是單選按鈕，或者此設(shè)計是不是比另一個略勝一籌。但直覺是建立在相關(guān)經(jīng)驗和努力之上的。設(shè)計的折衷評估仍舊可能發(fā)生，它在潛意識中形成了。這種潛意識行為可能讓你沒意識到為什么選擇了此項，而非另一項方案。但如果你拆開了這個過程，其核心就是基于可用性原則的判斷。
在設(shè)計過程中描述這個潛在法則可能并非必須，它很自然就發(fā)生了，但是你必須清楚，并在邏輯上意識到你的設(shè)計。如果你和別人一起工作，他們的建議可能降低了可用性，你意識到自己的決定是如何產(chǎn)生的就很重要了。通過將用戶界面設(shè)計中潛意識的行為化作語言，你可以為堅持自己的決定增加了砝碼。但如果你讓每個人都對界面設(shè)計提出一種意見（就像恐怖的會議討論），界面可能會像過去那樣難看了。
好 – 壞 = 網(wǎng)絡(luò)可用性
你是否注意到你可以立刻指出各種界面設(shè)計的不足？這是因為在界面設(shè)計時的折衷原則使然。甚至最好的設(shè)計解決方案都可能有些倒退，一些成員可能會嘗試改變設(shè)計。但任何設(shè)計都有不足之處，每一個無不如此。這樣的不足還不至于損害設(shè)計。一個設(shè)計比另一個設(shè)計更好的地方在于無時無刻不照顧到網(wǎng)絡(luò)可用性。所以，好-壞=網(wǎng)絡(luò)可用性。最后測量的標(biāo)準(zhǔn)就是網(wǎng)絡(luò)的可用性價值。
批評開始滿天飛了。字體太小了、圖標(biāo)含義不清、縮寫詞意不明。也許最初只是臉紅一下，然后就紅到耳根了，仿佛這些批評都是對的一樣。事實上，這類宣言單獨來看都是正確的，但它太過正確，也應(yīng)該被挑戰(zhàn)。來決定它值不值，就要既考慮花費，又要考慮好處了。后臺設(shè)計者能立刻識別一個特殊設(shè)計的花費，但是他們看不到好處。你需要客觀的評估每個建議對可用性的影響，從而決定哪個是最可取的。
除了要懂得界面設(shè)計中的折衷性，你也應(yīng)該鼓勵那種有缺陷的設(shè)計建議。為了有效評估那些作用于界面設(shè)計的花費和好處，你需要涉獵多種領(lǐng)域：從認(rèn)知學(xué)到人因?qū)W到圖形設(shè)計。只有對人們?nèi)绾闻c應(yīng)用程序交互建立了巨大的知識儲備，你才能更有效地評估用戶界面設(shè)計。這不僅僅是個非對即錯的事情，因為花費總是與帶來的好處相關(guān)。
舉例來說，你的頁面字體可能小了，對一些老年人相當(dāng)難以閱讀。這就是花費。但這在一屏上提供了更多的信息，也意味著更少的滾動，減少滾動可以降低物理操作和認(rèn)知輸入。現(xiàn)在假設(shè)統(tǒng)計出你的用戶年齡90%在21至30歲之間，因此比較其他解決方案，這時字體更小一些會更好，網(wǎng)絡(luò)的可用性也更高。
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作
所選的方案并非完美，但它提供了更好的可用性。你也可以提出異議，用好的替代壞的設(shè)計，但對于你特定的應(yīng)用，選擇這種方案無非是最明智的。你必須在完整的程序使用中加以衡量，才能選出最合適的方案。懂得在界面設(shè)計中無所不在的折衷原則，并應(yīng)該灌輸給整個項目組，甚至每個普通員工都要知曉。對用戶界面的爭論應(yīng)該被鼓勵。在每一個設(shè)計方案中通過理解、評估和解釋折衷原則，你可以設(shè)計可用性更高和更有說服力的界面。
對成功的評估
當(dāng)評估一個設(shè)計是否更好時，又需要一個用戶界面準(zhǔn)則去評估，以下是幾個用戶界面質(zhì)量的元素：
容易學(xué)習(xí)并容易記住
使用的有效性
出錯率，可伸縮性和可恢復(fù)性
個人滿意度
以應(yīng)用程序的最后使用效果評定，每一個因素都可能是重要的。舉例來說，使用的有效性也許對高端的用戶程序有用，而對小冊子市場就不一定那么有效了。雖然這種轉(zhuǎn)變可能會提高個人滿意度。但每一個設(shè)計決定都應(yīng)該接受上面四個因素的考驗。
廣泛折衷原則
折衷也不應(yīng)該以屏幕設(shè)計為終點。在用戶界面設(shè)計中占據(jù)了很大分量的包括：網(wǎng)絡(luò)信息統(tǒng)計（比如什么瀏覽器、平臺、顯示效果尺寸等）、瘦/胖/富客戶端體系、開發(fā)時間和花費的資源等。在評估折衷時，可用性占據(jù)了極大的分量，但真實使用環(huán)境中的一些問題也日趨重要。比如說，如果一個設(shè)計方案比另一個好得多，是否值得用1萬美元開發(fā)它？這部分功能的提升值得嗎？反過來想，節(jié)約的這些錢是否削弱了可用性？這類討論是如此現(xiàn)實，需要被謹(jǐn)慎評估。
只要認(rèn)識到用戶界面設(shè)計是建立在折衷上的，會幫助我們清楚地認(rèn)識到為什么如此設(shè)計。這樣做會減少優(yōu)秀界面設(shè)計出軌的風(fēng)險，尤其對那些只看到事物一個方面的人有用。通過清晰地列出花費、好處和相互交流設(shè)計的意義，你可以更好地說明別人、得到更多的支持。總之，如果我們能依照折衷的原則，我們就能正確地看待好處和壞處。只是希望別帶給我們丑陋的事物
作者：朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關(guān)鍵詞？2016/8/1
- 建設(shè)企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好，百度？cnzz？2016/7/21