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