用戶界面設(shè)計——用好的設(shè)計替代不好的
日期:2012/7/11 / 人氣:
成功的婚姻之關(guān)鍵在于折衷。當事情沿著你不希望的方向發(fā)展,在最后,形成的爭論卻可以為你帶來極大的好處。這條定理同樣適用于用戶界面設(shè)計。畢竟,如果婚姻不是形式和儀式又是什么呢?
設(shè)計用戶界面的過程從根本上就是折衷的訓練。這個訓練并非指設(shè)計者和項目負責人之間的折衷(可用性從來沒被辦公室政治利用過),而是指設(shè)計方案的倒退和前進之間的折衷。每一個有關(guān)用戶界面的決定,從一像素的精確定位到整個網(wǎng)站的信息架構(gòu)都需要深思熟慮。對每一個設(shè)計方案給用戶帶來的好處與花費兩者之間的仔細權(quán)衡才是本質(zhì)。人們常常忽略有時是很小的代價,但每一個用戶界面設(shè)計都要付出的代價。經(jīng)過考慮的折衷原則其實貫穿了所有的用戶界面設(shè)計,但在設(shè)計最佳的用戶界面時,具有諷刺的是,它還要求你避免設(shè)計折衷的界面。
你不能吃了蛋糕還想擁有它
在創(chuàng)作用戶界面的時候,你必須處理兩個主要且沖突的局限:在僅有的一個顯示器上傳達海量的信息;用戶在一定時間內(nèi)接受海量的信息。在一個顯示器上顯示太多的內(nèi)容,用戶不得不從混沌中“艱難跋涉”了;顯示太少的信息,用戶為了找到他們的目標,又不得不靠猜測了。好的設(shè)計應(yīng)該在程序和用戶之間找到平衡點,既有效利用屏幕,又能考慮用戶理解信息的能力。
你的舞臺(顯示器)是有局限的——畢竟有x像素的寬和y像素的高。這意味著資源很重要,你利用的每個象素都可看作是有價格的。當你試圖去創(chuàng)建一個用戶界面的時候,保持信息密度的平衡是項挑戰(zhàn)。每個設(shè)計方案都要經(jīng)過深思,因為在屏幕上每增加一塊內(nèi)容就加大了信息密度,這對用戶有限的精力和認知過程是個挑戰(zhàn),使得用戶更難弄明白了。
好的設(shè)計代替不好的
無論何時,花費只要能帶來好處,采取折衷原則也是可以的。理論上,你可以最大化好處和最小化壞處,但本質(zhì)問題是,所帶來的好處能否超過其花費?不僅僅是超過,在所有可選的設(shè)計方案中,它能否帶來最大利潤?果真如此,它才是最佳方案。
花費/好處的折衷考慮穿越了用戶界面開發(fā)的所有層次,從導航設(shè)計到字體大小。越是重要的設(shè)計方案,越是體現(xiàn)出用戶界面巨大而潛在的影響。小的設(shè)計方案看起來似乎無關(guān)緊要,但積少成多,也會對用戶界面產(chǎn)生潛在影響。無論大小,每一個設(shè)計方案都應(yīng)該在可用性評估和考慮網(wǎng)絡(luò)用戶界面好處之后再決定
一些對比的設(shè)計方案
設(shè)計 好處 花費
減少信息構(gòu)架的層次 找到信息時減少了點擊 更混亂
深層信息架構(gòu) 清晰,減少混亂 找信息時點擊多
小字體 一屏上顯示更多信息 某些用戶太難閱讀了
大字體 閱讀起來容易 每屏信息少了
下拉框 在有限空間里容下了更多選項 隱藏了選項
單選框 同一時間看到更多選項 需要更多空間,易混淆
圖標 一旦記住就容易辨認了;視覺愉悅 M要學習識別
文字鏈接 總是易懂的 一旦不理解,可能必須閱讀更多的資料
縮寫 節(jié)約空間 需要學習和識別
非縮寫 易懂 需要額外空間
鍵盤快捷鍵 數(shù)據(jù)高速輸入 需要學習
鼠標指向和點擊 直覺的 交互增加了額外的時間,需要更多的經(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ò)可用性。最后測量的標準就是網(wǎng)絡(luò)的可用性價值。
批評開始滿天飛了。字體太小了、圖標含義不清、縮寫詞意不明。也許最初只是臉紅一下,然后就紅到耳根了,仿佛這些批評都是對的一樣。事實上,這類宣言單獨來看都是正確的,但它太過正確,也應(yīng)該被挑戰(zhàn)。來決定它值不值,就要既考慮花費,又要考慮好處了。后臺設(shè)計者能立刻識別一個特殊設(shè)計的花費,但是他們看不到好處。你需要客觀的評估每個建議對可用性的影響,從而決定哪個是最可取的。
除了要懂得界面設(shè)計中的折衷性,你也應(yīng)該鼓勵那種有缺陷的設(shè)計建議。為了有效評估那些作用于界面設(shè)計的花費和好處,你需要涉獵多種領(lǐng)域:從認知學到人因?qū)W到圖形設(shè)計。只有對人們?nèi)绾闻c應(yīng)用程序交互建立了巨大的知識儲備,你才能更有效地評估用戶界面設(shè)計。這不僅僅是個非對即錯的事情,因為花費總是與帶來的好處相關(guān)。
舉例來說,你的頁面字體可能小了,對一些老年人相當難以閱讀。這就是花費。但這在一屏上提供了更多的信息,也意味著更少的滾動,減少滾動可以降低物理操作和認知輸入。現(xiàn)在假設(shè)統(tǒng)計出你的用戶年齡90%在21至30歲之間,因此比較其他解決方案,這時字體更小一些會更好,網(wǎng)絡(luò)的可用性也更高。
懂得在界面設(shè)計中無所不在的折衷原則,并應(yīng)該灌輸給整個項目組,甚至每個普通員工都要知曉。對用戶界面的爭論應(yīng)該被鼓勵。在每一個設(shè)計方案中通過理解、評估和解釋折衷原則,你可以設(shè)計可用性更高和更有說服力的界面。
對成功的評估
當評估一個設(shè)計是否更好時,又需要一個用戶界面準則去評估,以下是幾個用戶界面質(zhì)量的元素:
容易學習并容易記住
使用的有效性
出錯率,可伸縮性和可恢復性
個人滿意度
以應(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)實,需要被謹慎評估。
只要認識到用戶界面設(shè)計是建立在折衷上的,會幫助我們清楚地認識到為什么如此設(shè)計。這樣做會減少優(yōu)秀界面設(shè)計出軌的風險,尤其對那些只看到事物一個方面的人有用。通過清晰地列出花費、好處和相互交流設(shè)計的意義,你可以更好地說明別人、得到更多的支持。總之,如果我們能依照折衷的原則,我們就能正確地看待好處和壞處。只是希望別帶給我們丑陋的事物
設(shè)計用戶界面的過程從根本上就是折衷的訓練。這個訓練并非指設(shè)計者和項目負責人之間的折衷(可用性從來沒被辦公室政治利用過),而是指設(shè)計方案的倒退和前進之間的折衷。每一個有關(guān)用戶界面的決定,從一像素的精確定位到整個網(wǎng)站的信息架構(gòu)都需要深思熟慮。對每一個設(shè)計方案給用戶帶來的好處與花費兩者之間的仔細權(quán)衡才是本質(zhì)。人們常常忽略有時是很小的代價,但每一個用戶界面設(shè)計都要付出的代價。經(jīng)過考慮的折衷原則其實貫穿了所有的用戶界面設(shè)計,但在設(shè)計最佳的用戶界面時,具有諷刺的是,它還要求你避免設(shè)計折衷的界面。
你不能吃了蛋糕還想擁有它
在創(chuàng)作用戶界面的時候,你必須處理兩個主要且沖突的局限:在僅有的一個顯示器上傳達海量的信息;用戶在一定時間內(nèi)接受海量的信息。在一個顯示器上顯示太多的內(nèi)容,用戶不得不從混沌中“艱難跋涉”了;顯示太少的信息,用戶為了找到他們的目標,又不得不靠猜測了。好的設(shè)計應(yīng)該在程序和用戶之間找到平衡點,既有效利用屏幕,又能考慮用戶理解信息的能力。
你的舞臺(顯示器)是有局限的——畢竟有x像素的寬和y像素的高。這意味著資源很重要,你利用的每個象素都可看作是有價格的。當你試圖去創(chuàng)建一個用戶界面的時候,保持信息密度的平衡是項挑戰(zhàn)。每個設(shè)計方案都要經(jīng)過深思,因為在屏幕上每增加一塊內(nèi)容就加大了信息密度,這對用戶有限的精力和認知過程是個挑戰(zhàn),使得用戶更難弄明白了。
好的設(shè)計代替不好的
無論何時,花費只要能帶來好處,采取折衷原則也是可以的。理論上,你可以最大化好處和最小化壞處,但本質(zhì)問題是,所帶來的好處能否超過其花費?不僅僅是超過,在所有可選的設(shè)計方案中,它能否帶來最大利潤?果真如此,它才是最佳方案。
花費/好處的折衷考慮穿越了用戶界面開發(fā)的所有層次,從導航設(shè)計到字體大小。越是重要的設(shè)計方案,越是體現(xiàn)出用戶界面巨大而潛在的影響。小的設(shè)計方案看起來似乎無關(guān)緊要,但積少成多,也會對用戶界面產(chǎn)生潛在影響。無論大小,每一個設(shè)計方案都應(yīng)該在可用性評估和考慮網(wǎng)絡(luò)用戶界面好處之后再決定
一些對比的設(shè)計方案
設(shè)計 好處 花費
減少信息構(gòu)架的層次 找到信息時減少了點擊 更混亂
深層信息架構(gòu) 清晰,減少混亂 找信息時點擊多
小字體 一屏上顯示更多信息 某些用戶太難閱讀了
大字體 閱讀起來容易 每屏信息少了
下拉框 在有限空間里容下了更多選項 隱藏了選項
單選框 同一時間看到更多選項 需要更多空間,易混淆
圖標 一旦記住就容易辨認了;視覺愉悅 M要學習識別
文字鏈接 總是易懂的 一旦不理解,可能必須閱讀更多的資料
縮寫 節(jié)約空間 需要學習和識別
非縮寫 易懂 需要額外空間
鍵盤快捷鍵 數(shù)據(jù)高速輸入 需要學習
鼠標指向和點擊 直覺的 交互增加了額外的時間,需要更多的經(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ò)可用性。最后測量的標準就是網(wǎng)絡(luò)的可用性價值。
批評開始滿天飛了。字體太小了、圖標含義不清、縮寫詞意不明。也許最初只是臉紅一下,然后就紅到耳根了,仿佛這些批評都是對的一樣。事實上,這類宣言單獨來看都是正確的,但它太過正確,也應(yīng)該被挑戰(zhàn)。來決定它值不值,就要既考慮花費,又要考慮好處了。后臺設(shè)計者能立刻識別一個特殊設(shè)計的花費,但是他們看不到好處。你需要客觀的評估每個建議對可用性的影響,從而決定哪個是最可取的。
除了要懂得界面設(shè)計中的折衷性,你也應(yīng)該鼓勵那種有缺陷的設(shè)計建議。為了有效評估那些作用于界面設(shè)計的花費和好處,你需要涉獵多種領(lǐng)域:從認知學到人因?qū)W到圖形設(shè)計。只有對人們?nèi)绾闻c應(yīng)用程序交互建立了巨大的知識儲備,你才能更有效地評估用戶界面設(shè)計。這不僅僅是個非對即錯的事情,因為花費總是與帶來的好處相關(guā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è)計可用性更高和更有說服力的界面。
對成功的評估
當評估一個設(shè)計是否更好時,又需要一個用戶界面準則去評估,以下是幾個用戶界面質(zhì)量的元素:
容易學習并容易記住
使用的有效性
出錯率,可伸縮性和可恢復性
個人滿意度
以應(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)實,需要被謹慎評估。
只要認識到用戶界面設(shè)計是建立在折衷上的,會幫助我們清楚地認識到為什么如此設(shè)計。這樣做會減少優(yōu)秀界面設(shè)計出軌的風險,尤其對那些只看到事物一個方面的人有用。通過清晰地列出花費、好處和相互交流設(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