UI設計中的包容性設計
發(fā)布時間:2012-07-20 14:20:02 作者:佚名
我要評論

什么是包容性設計?英國標準協(xié)會(2005)將包容性設計定義為“主流產(chǎn)品或服務的設計能為盡可能多的人群所方便使用
近年來,移動互聯(lián)網(wǎng)行業(yè)快速發(fā)展,互聯(lián)網(wǎng)已經(jīng)成為人們?nèi)粘=?jīng)常使用的信息交流和獲取渠道。雖然智能手機和平板等移動設備更新?lián)Q代的速度非常快,可是目前大多數(shù)網(wǎng)頁和應用在設計之初沒有考慮到特殊人群的需要,就算設備再強大,這類人群在訪問網(wǎng)頁或使用應用時還是會遇到很多困難。于是乎,“包容性設計” 的概念就被引入到了UI設計中。
那么,什么是包容性設計?英國標準協(xié)會(2005)將包容性設計定義為“主流產(chǎn)品或服務的設計能為盡可能多的人群所方便使用……無需特別的適應或特殊的設計”。當然有人會說,這樣不是增加了生產(chǎn)成本嗎?我們當然不能指望某一個產(chǎn)品能適合各種人群的需要。但是如果設計的時候有這樣理念,產(chǎn)品會有更多的受眾,說不定能產(chǎn)生更大的效益,而且這也是社會責任的體現(xiàn)。

在設計越來越高科技、奢侈感、概念化的今天,包容性設計也許是最為親民與平衡的設計理念,它拒絕讓少數(shù)服從多數(shù),也不想讓多數(shù)配合少數(shù),它相信,對極端人群的細心觀察,加上對普通大眾的廣泛關注,能創(chuàng)造出更具包容性、屬于更多人的好設計。今天我們就來簡單談談UI設計中的包容性設計需要注意和有待改進的地方:
語言和美學
語言的人類交流的主要工具,它的影響力是無窮的,而且語言的表達方式也很重要,但是這點往往被人們給忽略了,美國杜克大學的一項研究表明,不管什么類型的工作,如果招聘廣告帶有明顯的性別傾向,那么這個工作的吸引力就會受影響。這里就引出了這樣一個問題:設計時所選擇的語言表達方式對新注冊的用戶數(shù)量或者購買產(chǎn)品的用戶數(shù)量會產(chǎn)生多大的影響?
我們都知道,所有的界面或多或少都有文字在其上。在選擇語言表達方式的時候,讓文字盡量口語化,而不是華美辭藻的堆砌,因為不是人人都是文學大師。為行為提供清晰、簡明的標簽,保持簡樸的文字敘述,用戶對此將會很贊賞,因為他們不再是聽命于他人的官腔——他們聽到的是如朋友般甚至自己說話的表述方式??梢赃@么說,如果設計師對每個像素、每個圖標、每個字體都考慮再三,那么他同樣需要斟酌每個詞語。

當然,語言表達方式的好壞只是衡量標準之一,除此之外,美學同樣在UI設計中扮演著重要的角色,元素的擺放、形狀(棱角或者是圓角)以及色彩的使用,在不同性別、不同文化的用戶眼里,所產(chǎn)生的效果也是不盡相同。就拿色彩來說,沒有一種色彩方案能夠符合所有用戶的胃口,在使用色彩的時候要記住兩件事,首先,不同文化中的顏色代表的含義有所不同,所以確保你的目標用戶能夠理解你所選顏色的含義。其次,不要忽略色盲用戶,在區(qū)分不同元素時,多花些心思和功夫,使用一些顏色以外的技巧,例如一個圖標中的長條。如果用戶是色盲,他們就不能區(qū)分特定的顏色,多數(shù)色盲患者都是紅綠色盲,所以你需要使用其他的方法,例如不同形狀、不同材質(zhì)加以區(qū)分。
用戶認知能力
一般人的觀念里會絕對化地將人分為完全能力人和殘疾人,基于這個觀念產(chǎn)品也被設計成針對完全能力人使用的或針對殘疾人使用,實際上人的能力值有連續(xù)的變化范圍,而且這種變化毫無規(guī)律可循,打個比方,量子物理學家在使用功能手機的時候可能會遇到困難,而同樣的手機給到一個平均智商的十幾歲小孩手里,他卻能玩得得心應手。
在UI設計領域,不管用戶的認知能力和水平如何,都應該是設計師潛在的目標用戶。降低一件產(chǎn)品的能力要求可以使更多的人能夠使用該產(chǎn)品,并且使之前感覺使用困難的那部分人更易使用,這一點同樣適用于UI設計,在一個界面中,你增加的元素越多,整個界面的復雜性也就隨之增加,用戶在使用上所花的努力也就越大。曾經(jīng)有人說過:“最好的設計不是用來看的,是用來體驗的”。這意味著,你的 UI 應該讓用戶去體驗,而不是放一些花里胡哨的東西給用戶看。UI 設計越簡單,用戶體驗越好,不要濫用設計元素,不要使用擁擠的界面,擁擠的界面,不管功能多么強大,都會嚇跑用戶。
在一些優(yōu)秀的設計中,你看不到華而不實的UI修飾,或是用不到的設計元素。也就是說,其必須的元素一定是簡潔且有意義的。當你想著是否要在界面上加一個新功能或是元素的時候,問問自己,“用戶真的需要這些嗎?”或者是“為什么用戶想要這個小巧的動態(tài)圖標?”。你是否只是因為出于自我喜好而添加這些元素?記住,永遠不要在UI設計中給自己出風頭。

自適應界面
鑒于用戶的認知能力會有很大差別,為了照顧普通的小白用戶,我們要對界面不斷地簡化,比如說去掉一些功能,但另一個問題又隨之而來,如果界面太過簡單,又很難令那些想要更多功能或控制的高端用戶滿意。比如說,傻瓜相機操作簡單,幾乎人人都會使用,但是無法滿足一些高端用戶的需求,例如攝影師。于是,綜合各方面的因素,最常見的解決方案是讓用戶根據(jù)自己的需求進行界面的自定義。這個方法真的可行嗎?有關研究表明,只有不到5%的用戶會對默認設置進行更改,這就說明了用戶自定義的方法在界面設計中根本不可取。
那么,有沒有一種能夠根據(jù)用戶的認知能力和使用習慣進行自動適應的方案?雖然目前要實現(xiàn)這個功能,在UI設計領域還存在不小的難度,但這應該是值得嘗試的一種解決方法。而且,自適應這個功能在其他領域已經(jīng)有了先例,iPod之父Tony Fadell發(fā)明的智能恒溫器Nest或許就是個很好的借鑒例子,Nest不但外觀很潮,而且還能自動感應是否有人在家而調(diào)節(jié)溫度,并且根據(jù)用戶的習慣將溫度自動調(diào)節(jié)到最舒適的狀態(tài),并且隨著用戶使用它的時間越久,它就會更加了解用戶的習慣。
雖然Nest僅僅只是一個特例,但至少說明自適應技術是可行的,這就讓界面設計師的思維模式更加開放,或許將來要實現(xiàn)界面的自適應也并非不可能。

結論
我們已經(jīng)攻克了各種各樣的技術難題,比如實現(xiàn)Web的標準化、引入響應式Web設計概念、推出各種各樣的觸屏設備等等。也許是我們把太多精力投入在這些技術難題上,從而忽略了人性化界面設計的重要性。我們希望,互聯(lián)網(wǎng)行業(yè)的下一次變革能把更多精力集中在如何讓更多的應用和產(chǎn)品變得更為包容,將不同用戶的認知能力考慮在內(nèi),讓用戶界面變得更加智能,從而更有效地為更廣泛的人群服務,讓包容性設計的風暴刮得更猛烈些吧!
最后,鑒于包容性界面設計目前還處在探索階段,這里所說的只是一家之言,如能引發(fā)更多的思考,本文便是物盡其用了。
Via SmashingMagazine
(Danice 供雷鋒網(wǎng)專稿,轉載請注明!)
那么,什么是包容性設計?英國標準協(xié)會(2005)將包容性設計定義為“主流產(chǎn)品或服務的設計能為盡可能多的人群所方便使用……無需特別的適應或特殊的設計”。當然有人會說,這樣不是增加了生產(chǎn)成本嗎?我們當然不能指望某一個產(chǎn)品能適合各種人群的需要。但是如果設計的時候有這樣理念,產(chǎn)品會有更多的受眾,說不定能產(chǎn)生更大的效益,而且這也是社會責任的體現(xiàn)。

語言和美學
語言的人類交流的主要工具,它的影響力是無窮的,而且語言的表達方式也很重要,但是這點往往被人們給忽略了,美國杜克大學的一項研究表明,不管什么類型的工作,如果招聘廣告帶有明顯的性別傾向,那么這個工作的吸引力就會受影響。這里就引出了這樣一個問題:設計時所選擇的語言表達方式對新注冊的用戶數(shù)量或者購買產(chǎn)品的用戶數(shù)量會產(chǎn)生多大的影響?
我們都知道,所有的界面或多或少都有文字在其上。在選擇語言表達方式的時候,讓文字盡量口語化,而不是華美辭藻的堆砌,因為不是人人都是文學大師。為行為提供清晰、簡明的標簽,保持簡樸的文字敘述,用戶對此將會很贊賞,因為他們不再是聽命于他人的官腔——他們聽到的是如朋友般甚至自己說話的表述方式??梢赃@么說,如果設計師對每個像素、每個圖標、每個字體都考慮再三,那么他同樣需要斟酌每個詞語。

用戶認知能力
一般人的觀念里會絕對化地將人分為完全能力人和殘疾人,基于這個觀念產(chǎn)品也被設計成針對完全能力人使用的或針對殘疾人使用,實際上人的能力值有連續(xù)的變化范圍,而且這種變化毫無規(guī)律可循,打個比方,量子物理學家在使用功能手機的時候可能會遇到困難,而同樣的手機給到一個平均智商的十幾歲小孩手里,他卻能玩得得心應手。
在UI設計領域,不管用戶的認知能力和水平如何,都應該是設計師潛在的目標用戶。降低一件產(chǎn)品的能力要求可以使更多的人能夠使用該產(chǎn)品,并且使之前感覺使用困難的那部分人更易使用,這一點同樣適用于UI設計,在一個界面中,你增加的元素越多,整個界面的復雜性也就隨之增加,用戶在使用上所花的努力也就越大。曾經(jīng)有人說過:“最好的設計不是用來看的,是用來體驗的”。這意味著,你的 UI 應該讓用戶去體驗,而不是放一些花里胡哨的東西給用戶看。UI 設計越簡單,用戶體驗越好,不要濫用設計元素,不要使用擁擠的界面,擁擠的界面,不管功能多么強大,都會嚇跑用戶。
在一些優(yōu)秀的設計中,你看不到華而不實的UI修飾,或是用不到的設計元素。也就是說,其必須的元素一定是簡潔且有意義的。當你想著是否要在界面上加一個新功能或是元素的時候,問問自己,“用戶真的需要這些嗎?”或者是“為什么用戶想要這個小巧的動態(tài)圖標?”。你是否只是因為出于自我喜好而添加這些元素?記住,永遠不要在UI設計中給自己出風頭。

鑒于用戶的認知能力會有很大差別,為了照顧普通的小白用戶,我們要對界面不斷地簡化,比如說去掉一些功能,但另一個問題又隨之而來,如果界面太過簡單,又很難令那些想要更多功能或控制的高端用戶滿意。比如說,傻瓜相機操作簡單,幾乎人人都會使用,但是無法滿足一些高端用戶的需求,例如攝影師。于是,綜合各方面的因素,最常見的解決方案是讓用戶根據(jù)自己的需求進行界面的自定義。這個方法真的可行嗎?有關研究表明,只有不到5%的用戶會對默認設置進行更改,這就說明了用戶自定義的方法在界面設計中根本不可取。
那么,有沒有一種能夠根據(jù)用戶的認知能力和使用習慣進行自動適應的方案?雖然目前要實現(xiàn)這個功能,在UI設計領域還存在不小的難度,但這應該是值得嘗試的一種解決方法。而且,自適應這個功能在其他領域已經(jīng)有了先例,iPod之父Tony Fadell發(fā)明的智能恒溫器Nest或許就是個很好的借鑒例子,Nest不但外觀很潮,而且還能自動感應是否有人在家而調(diào)節(jié)溫度,并且根據(jù)用戶的習慣將溫度自動調(diào)節(jié)到最舒適的狀態(tài),并且隨著用戶使用它的時間越久,它就會更加了解用戶的習慣。
雖然Nest僅僅只是一個特例,但至少說明自適應技術是可行的,這就讓界面設計師的思維模式更加開放,或許將來要實現(xiàn)界面的自適應也并非不可能。

我們已經(jīng)攻克了各種各樣的技術難題,比如實現(xiàn)Web的標準化、引入響應式Web設計概念、推出各種各樣的觸屏設備等等。也許是我們把太多精力投入在這些技術難題上,從而忽略了人性化界面設計的重要性。我們希望,互聯(lián)網(wǎng)行業(yè)的下一次變革能把更多精力集中在如何讓更多的應用和產(chǎn)品變得更為包容,將不同用戶的認知能力考慮在內(nèi),讓用戶界面變得更加智能,從而更有效地為更廣泛的人群服務,讓包容性設計的風暴刮得更猛烈些吧!
最后,鑒于包容性界面設計目前還處在探索階段,這里所說的只是一家之言,如能引發(fā)更多的思考,本文便是物盡其用了。
Via SmashingMagazine
(Danice 供雷鋒網(wǎng)專稿,轉載請注明!)
相關文章
AudioContext 實現(xiàn)音頻可視化(web技術分享)
這篇文章主要分享的是web技術的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結的一些編碼規(guī)范,用于鞏固對html,css頁面重構時的基礎,需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強團隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當一個團隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護性,需要的朋友可以參考下2017-01-21
- 這篇文章主要為大家詳細介紹了響應式Web之流式網(wǎng)格系統(tǒng)的相關資料,感興趣的小伙伴們可以參考一下2016-07-04
在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29