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

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

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

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

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

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

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

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

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

我們已經(jīng)攻克了各種各樣的技術(shù)難題,比如實現(xiàn)Web的標(biāo)準(zhǔn)化、引入響應(yīng)式Web設(shè)計概念、推出各種各樣的觸屏設(shè)備等等。也許是我們把太多精力投入在這些技術(shù)難題上,從而忽略了人性化界面設(shè)計的重要性。我們希望,互聯(lián)網(wǎng)行業(yè)的下一次變革能把更多精力集中在如何讓更多的應(yīng)用和產(chǎn)品變得更為包容,將不同用戶的認(rèn)知能力考慮在內(nèi),讓用戶界面變得更加智能,從而更有效地為更廣泛的人群服務(wù),讓包容性設(shè)計的風(fēng)暴刮得更猛烈些吧!
最后,鑒于包容性界面設(shè)計目前還處在探索階段,這里所說的只是一家之言,如能引發(fā)更多的思考,本文便是物盡其用了。
Via SmashingMagazine
(Danice 供雷鋒網(wǎng)專稿,轉(zhuǎn)載請注明!)
相關(guān)文章
AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下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ā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當(dāng)一個團隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(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