• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】解析UI設計中的包容性設計技巧




    解析UI設計中的包容性設計技巧

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自未知的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    近年來,移動互聯網行業快速發展,互聯網已經成為人們日常經常使用的信息交流和獲取渠道。雖然智能手機和平板等移動設備更新換代的速度非常快,可是目前大多數網頁和應用在設計之初沒有考慮到特殊人群的需要,就算設備再強大,這類人群在訪問網頁或使用應用時


    設計理論教學開始

    近年來,移動互聯網行業快速發展,互聯網已經成為人們日常經常使用的信息交流和獲取渠道。雖然智能手機和平板等移動設備更新換代的速度非常快,可是目前大多數網頁和應用在設計之初沒有考慮到特殊人群的需要,就算設備再強大,這類人群在訪問網頁或使用應用時還是會遇到很多困難。於是乎,“包容性設計”的概念就被引入到了UI設計中。

    那麼,什麼是包容性設計?英國標準協會(2005)將包容性設計定義為“主流產品或服務的設計能為儘可能多的人群所方便使用……無需特別的適應或特殊的設計”。當然有人會說,這樣不是增加了生產成本嗎?我們當然不能指望某一個產品能適合各種人群的需要。但是如果設計的時候有這樣理念,產品會有更多的受眾,說不定能產生更大的效益,而且這也是社會責任的體現。

    解析UI設計中的包容性設計技巧

    在設計越來越高科技、奢侈感、概念化的今天,包容性設計也許是最為親民與平衡的設計理念,它拒絕讓少數服從多數,也不想讓多數配合少數,它相信,對極端人群的細心觀察,加上對普通大眾的廣泛關注,能創造出更具包容性、屬於更多人的好設計。今天我們就來簡單談談UI設計中的包容性設計需要注意和有待改進的地方:

    語言和美學

    語言的人類交流的主要工具,它的影響力是無窮的,而且語言的表達方式也很重要,但是這點往往被人們給忽略了,美國杜克大學的一項研究表明,不管什麼類型的工作,如果招聘廣告帶有明顯的性別傾向,那麼這個工作的吸引力就會受影響。這裡就引出了這樣一個問題:設計時所選擇的語言表達方式對新註冊的用戶數量或者購買產品的用戶數量會產生多大的影響?

    我們都知道,所有的界面或多或少都有文字在其上。在選擇語言表達方式的時候,讓文字盡量口語化,而不是華美辭藻的堆砌,因為不是人人都是文學大師。為行為提供清晰、簡明的標籤,保持簡樸的文字敘述,用戶對此將會很讚賞,因為他們不再是聽命於他人的官腔——他們聽到的是如朋友般甚至自己說話的表述方式。可以這麼說,如果設計師對每個像素、每個圖標、每個字體都考慮再三,那麼他同樣需要斟酌每個詞語。

    解析UI設計中的包容性設計技巧

    當然,語言表達方式的好壞只是衡量標準之一,除此之外,美學同樣在UI設計中扮演着重要的角色,元素的擺放、形狀(稜角或者是圓角)以及色彩的使用,在不同性別、不同文化的用戶眼裡,所產生的效果也是不盡相同。就拿色彩來說,沒有一種色彩方案能夠符合所有用戶的胃口,在使用色彩的時候要記住兩件事,首先,不同文化中的顏色代表的含義有所不同,所以確保你的目標用戶能夠理解你所選顏色的含義。其次,不要忽略色盲用戶,在區分不同元素時,多花些心思和功夫,使用一些顏色以外的技巧,例如一個圖標中的長條。如果用戶是色盲,他們就不能區分特定的顏色,多數色盲患者都是紅綠色盲,所以你需要使用其他的方法,例如不同形狀、不同材質加以區分。

    用戶認知能力

    一般人的觀念里會絕對化地將人分為完全能力人和殘疾人,基於這個觀念產品也被設計成針對完全能力人使用的或針對殘疾人使用,實際上人的能力值有連續的變化範圍,而且這種變化毫無規律可循,打個比方,量子物理學家在使用功能手機的時候可能會遇到困難,而同樣的手機給到一個平均智商的十幾歲小孩手裡,他卻能玩得得心應手。

    在UI設計領域,不管用戶的認知能力和水平如何,都應該是設計師潛在的目標用戶。降低一件產品的能力要求可以使更多的人能夠使用該產品,並且使之前感覺使用困難的那部分人更易使用,這一點同樣適用於UI設計,在一個界面中,你增加的元素越多,整個界面的複雜性也就隨之增加,用戶在使用上所花的努力也就越大。曾經有人說過:“最好的設計不是用來看的,是用來體驗的”。這意味着,你的 UI 應該讓用戶去體驗,而不是放一些花里胡哨的東西給用戶看。UI 設計越簡單,用戶體驗越好,不要濫用設計元素,不要使用擁擠的界面,擁擠的界面,不管功能多麼強大,都會嚇跑用戶。

    在一些優秀的設計中,你看不到華而不實的UI修飾,或是用不到的設計元素。也就是說,其必須的元素一定是簡潔且有意義的。當你想着是否要在界面上加一個新功能或是元素的時候,問問自己,“用戶真的需要這些嗎?”或者是“為什麼用戶想要這個小巧的動態圖標?”。你是否只是因為出於自我喜好而添加這些元素?記住,永遠不要在UI設計中給自己出風頭。

    #FormatImgID_2#自適應界面

    鑒於用戶的認知能力會有很大差別,為了照顧普通的小白用戶,我們要對界面不斷地簡化,比如說去掉一些功能,但另一個問題又隨之而來,如果界面太過簡單,又很難令那些想要更多功能或控制的高端用戶滿意。比如說,傻瓜相機操作簡單,幾乎人人都會使用,但是無法滿足一些高端用戶的需求,例如攝影師。於是,綜合各方面的因素,最常見的解決方案是讓用戶根據自己的需求進行界面的自定義。這個方法真的可行嗎?有關研究表明,只有不到5%的用戶會對默認設置進行更改,這就說明了用戶自定義的方法在界面設計中根本不可取。

    那麼,有沒有一種能夠根據用戶的認知能力和使用習慣進行自動適應的方案?雖然目前要實現這個功能,在UI設計領域還存在不小的難度,但這應該是值得嘗試的一種解決方法。而且,自適應這個功能在其他領域已經有了先例,iPod之父Tony Fadell發明的智能恆溫器Nest或許就是個很好的借鑒例子,Nest不但外觀很潮,而且還能自動感應是否有人在家而調節溫度,並且根據用戶的習慣將溫度自動調節到最舒適的狀態,並且隨着用戶使用它的時間越久,它就會更加了解用戶的習慣。

    雖然Nest僅僅只是一個特例,但至少說明自適應技術是可行的,這就讓界面設計師的思維模式更加開放,或許將來要實現界面的自適應也並非不可能。

    #FormatImgID_3#結論

    我們已經攻克了各種各樣的技術難題,比如實現Web的標準化、引入響應式Web設計概念、推出各種各樣的觸屏設備等等。也許是我們把太多精力投入在這些技術難題上,從而忽略了人性化界面設計的重要性。我們希望,互聯網行業的下一次變革能把更多精力集中在如何讓更多的應用和產品變得更為包容,將不同用戶的認知能力考慮在內,讓用戶界面變得更加智能,從而更有效地為更廣泛的人群服務,讓包容性設計的風暴颳得更猛烈些吧!

    最後,鑒於包容性界面設計目前還處在探索階段,這裡所說的只是一家之言,如能引發更多的思考,本文便是物盡其用了。

    — —

    文章永久連結為: 解析UI設計中的包容性設計技巧