UI設(shè)計(jì)中的通用包容性

　　UI設(shè)計(jì)包容性的挑戰(zhàn)在于創(chuàng)造一種適應(yīng)性強(qiáng)、靈活、可擴(kuò)展的體驗(yàn)，最重要的是，讓盡可能多的人都能使用它。作為UI設(shè)計(jì)師，我們的目標(biāo)是倡導(dǎo)為每個(gè)人，而不是少數(shù)人改善用戶體驗(yàn)。在這篇文章中，AAA教育的武老師將分享一些方法，使數(shù)碼產(chǎn)品更實(shí)用和用戶接受。
 

　　色彩的運(yùn)用
 

　　作為設(shè)計(jì)師，色彩是我們的工具。設(shè)計(jì)一個(gè)可用的產(chǎn)品并不意味著避免使用顏色或使用無聊的調(diào)色板。然而，它確實(shí)有一些指導(dǎo)方針，以幫助有視覺障礙或顏色缺陷的人能夠像非視障人士一樣使用我們的產(chǎn)品。
 

　　以下是一些經(jīng)驗(yàn)法則：
 

　　1、所有文本和背景之間的顏色對比度必須至少為4.5:1
 

　　2、不要僅僅依靠顏色來傳達(dá)信息。例如，錯(cuò)誤狀態(tài)不僅應(yīng)以紅色輪廓顯示，還應(yīng)使用警告圖標(biāo)和描述性文本進(jìn)行警告
 

　　3、顏色生成器可以為任何顏色生成調(diào)色板。通過調(diào)整算法的色調(diào)、亮度和亮度，生成一個(gè)符合無障礙標(biāo)準(zhǔn)且美觀的調(diào)色板
 

　　為了確保我們符合顏色標(biāo)準(zhǔn)，請下載figma、XD或sketch的stark插件(如果不使用這些插件，請使用colorable檢查對比度)。斯塔克通過模擬色盲、檢查對比度和提供智能色彩建議，輕松確保設(shè)計(jì)的可訪問性。
 

　　圖形的多樣性
 

　　在包容性設(shè)計(jì)中，有一個(gè)很容易實(shí)現(xiàn)的目標(biāo)，那就是增強(qiáng)圖形的多樣性。無論是現(xiàn)有的還是全新的插畫風(fēng)格，創(chuàng)作出被更多人認(rèn)可的圖形和插圖都是一個(gè)偉大的勝利。使用不同的圖像是創(chuàng)造包容性文化和產(chǎn)品體驗(yàn)的一大步。
 

　　無論你如何吸引人，他們很快就會(huì)成為你組織的代表，并反映出你的組織如何看待人。
 

　　拒絕性別歧視
 

　　不管是什么原因，這么小的問題都會(huì)建立人們對產(chǎn)品和品牌的印象。
 

　　問關(guān)于我性別的問題我通常感到不安。在與人們交流之后，我了解到這些問題是如何產(chǎn)生問題的，我也看到了改進(jìn)產(chǎn)品以創(chuàng)造更多性別包容性體驗(yàn)的機(jī)會(huì)。
 

　　我不是這方面的專家，而且我一直在做得越來越好，但我發(fā)現(xiàn)了Sabrina Fonseca的一篇文章：為性別多樣性和包容性設(shè)計(jì)表格。在這篇文章中，概述了我們?nèi)绾卧O(shè)計(jì)對人們來說容易的表單。以下是她的一些建議：
 

　　1、明確告知調(diào)查問卷的目的
 

　　2、確保調(diào)查問卷的隱私和安全
 

　　3、可選回答問題，允許“無答案”
 

　　4、沒有充分理由，不要詢問性別、工資等信息
 

　　UI設(shè)計(jì)師個(gè)人能力和經(jīng)驗(yàn)的局限性
 

　　正如我前面提到的，回答表格中的性別問題對我來說很容易。但對其他人來說不一定。只有在了解了別人的經(jīng)歷之后，我才意識到這個(gè)問題。意識到并承認(rèn)你的盲點(diǎn)是很重要的。我們需要做的是提高每個(gè)人的經(jīng)驗(yàn)，而不僅僅是像我們這樣的人。
 

　　適應(yīng)環(huán)境
 

　　作為設(shè)計(jì)師，我們必須問的一個(gè)基本問題是：我們是被迫適應(yīng)技術(shù)還是適應(yīng)我們的技術(shù)？環(huán)境因素、地理位置、能力、時(shí)間、情感)影響我們的能力以及我們?nèi)绾闻c產(chǎn)品互動(dòng)。microsoftdesign有一個(gè)很好的工具包來考慮包容性設(shè)計(jì)，我建議檢查一下他們的inclusive101文檔
 

　　1、當(dāng)人們在不同的環(huán)境中移動(dòng)時(shí)，他們的能力會(huì)發(fā)生巨大變化。在嘈雜的人群中，聽力會(huì)下降。在黑暗中，視力會(huì)受損。新父母一天的大部分時(shí)間都是用一只手做事情。一天會(huì)導(dǎo)致感覺超負(fù)荷。
 

　　2、永久性殘疾人的設(shè)計(jì)似乎是一個(gè)主要的制約因素，但由此產(chǎn)生的設(shè)計(jì)實(shí)際上可以使更多的人受益。例如，字幕是為聾啞人設(shè)計(jì)的。然而，字幕有很多優(yōu)點(diǎn)，比如在擁擠的機(jī)場閱讀，或者教孩子如何閱讀。同樣，高對比度的屏幕設(shè)置最初是為了讓盲人受益。但今天，許多人在明亮的陽光下使用設(shè)備時(shí)，可以從高對比度設(shè)置中受益。遙控器、自動(dòng)開門器、有聲讀物等都在設(shè)計(jì)中，考慮到限制因素，這是一個(gè)包容性的設(shè)計(jì)。
 

　　瑞典人體工程學(xué)小組創(chuàng)始人之一瑪麗安·本克特松說：在設(shè)計(jì)新產(chǎn)品時(shí)，殘疾用戶的需求和局限性為我們提供了重要的參考。
 

　　自定義設(shè)計(jì)
 

　　我們應(yīng)該允許我們的用戶根據(jù)他們的喜好定制他們?nèi)绾闻c我們的產(chǎn)品交互。定制不僅是構(gòu)建更具包容性的產(chǎn)品的關(guān)鍵，也是獲得更好體驗(yàn)和可用性的核心原則。我們可以通過在設(shè)置中提供選項(xiàng)來定制設(shè)計(jì)和體驗(yàn)。
 

　　以下是一些初步建議：
 

　　1、自定義字體大小和樣式
 

　　2、切換到暗/亮模式或調(diào)整顏色主題
 

　　3、調(diào)整每種通知類型的通知設(shè)置
 

　　4、為常見操作自定義手勢或鍵盤快捷鍵
 

　　避免使用專門術(shù)語
 

　　每個(gè)人都生活在某種泡沫中。無論你是漁民還是產(chǎn)品經(jīng)理，你已經(jīng)在這個(gè)泡沫中呆了很長時(shí)間，行業(yè)術(shù)語已經(jīng)成為你的第二天性。在設(shè)計(jì)產(chǎn)品時(shí)，我們需要回顧我們使用的語言，以確保我們不會(huì)將任何人排除在我們的產(chǎn)品之外。
 

　　例如，如果我們在一家高級餐廳，菜單上寫著“gravimax with hovm@star sauce and lemon”。如果你想知道這是瑞典腌三文魚，你必須谷歌它。如果你是瑞典人或美食家，你可能對這道菜很熟悉，但對那些不熟悉的人來說則是倒霉。
 

　　由于我們的客戶可能沒有一系列的專業(yè)知識，我們應(yīng)該創(chuàng)造出能更好地反映新手需求的產(chǎn)品。
 

　　如果我們的產(chǎn)品同時(shí)滿足醫(yī)生和病人的需求，那么我們的搜索功能必須對廣泛的查詢開放。“短暫性腦缺血發(fā)作”的正式名稱是大多數(shù)人所說的“小中風(fēng)”。如果網(wǎng)站上只列出TIA，那么對于沒有這個(gè)專業(yè)水平的人來說，包容性就不會(huì)那么高。
 

　　左手和右手
 

　　如前所述，當(dāng)我們?yōu)橐唤M用戶設(shè)計(jì)時(shí)，我們?yōu)樵S多用戶解決問題。一個(gè)很好的例子是慣用右手和左手的用戶的產(chǎn)品體驗(yàn)。世界上大約10%的人口是左撇子(約7億)。
 

　　如果我們能為這10%的用戶解決可用性問題，我們也將改善單臂或暫時(shí)性手臂受傷患者的體驗(yàn)。在設(shè)置中提供一個(gè)選項(xiàng)，用于自定義重要操作的位置?；蛘吒玫氖?，將操作放在一個(gè)中立的地方，這樣用戶就可以點(diǎn)擊他們喜歡的地方。
 

　　如果設(shè)計(jì)師是右撇子，產(chǎn)品可能會(huì)偏向右撇子用戶。讓一些左撇子試試看他們的反饋是什么。
 

　　降低學(xué)習(xí)成本

　　用戶期望在整個(gè)網(wǎng)絡(luò)上有類似的體驗(yàn)。像“搜索”、“主頁”或“收藏夾”這樣的圖標(biāo)在大多數(shù)界面上都有類似的性能。如果我們使用非標(biāo)準(zhǔn)圖標(biāo)來表示這些操作，我們可能會(huì)損害我們的用戶體驗(yàn)，并讓我們的軟件用戶頭疼。

　　一旦打破慣例，用戶的大腦將花費(fèi)更多時(shí)間處理新內(nèi)容。設(shè)計(jì)師不僅要考慮人類認(rèn)知的局限性，還要考慮工作記憶有限的現(xiàn)實(shí)。

　　這篇文章是為了幫助設(shè)計(jì)師，產(chǎn)品所有者，產(chǎn)品經(jīng)理，Uxer，開發(fā)人員和其他人建立一個(gè)更加用戶友好的產(chǎn)品體驗(yàn)，起到借鑒作用，理解UI設(shè)計(jì)中的包容性。這篇文章的知識你學(xué)會(huì)了嗎，更多資訊請持續(xù)關(guān)注AAA教育。