
1對1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
包容性網(wǎng)頁設(shè)計(jì)快速指南
2022年02月02日瀏覽:
關(guān)鍵要點(diǎn):
包容性設(shè)計(jì)旨在設(shè)計(jì)數(shù)字產(chǎn)品時考慮不同用戶群體的觀點(diǎn)。
它考慮了可能影響用戶對產(chǎn)品體驗(yàn)的臨時和情境因素。
設(shè)計(jì)師在創(chuàng)建包容性體驗(yàn)時可以使用 8 條包容性網(wǎng)頁設(shè)計(jì)原則。
設(shè)計(jì)包容性網(wǎng)絡(luò)產(chǎn)品的練習(xí)之一是微軟的包容性設(shè)計(jì)思維。
一個常見的誤解是包容性網(wǎng)頁設(shè)計(jì)是無障礙設(shè)計(jì)的可互換術(shù)語。雖然有一個鏈接,但重要的是要認(rèn)識到可訪問性是包容性設(shè)計(jì)的一個組成部分,我們從多個人口統(tǒng)計(jì)的角度看待一個功能或產(chǎn)品。
不幸的是,包容性這個詞是高度政治化的,讓設(shè)計(jì)師對如何應(yīng)用包容性中間件感到困惑。本文著眼于包容性網(wǎng)頁設(shè)計(jì),它是什么,不是什么,以及設(shè)計(jì)團(tuán)隊(duì)如何構(gòu)建更具包容性的用戶體驗(yàn)。
什么是包容性設(shè)計(jì)?
包容性設(shè)計(jì)是一種 UX 方法,設(shè)計(jì)師考慮不同用戶群體和人口統(tǒng)計(jì)的環(huán)境和情況,以確保每個人而不是少數(shù)用戶都可以訪問產(chǎn)品。
遵循包容性設(shè)計(jì)流程會鼓勵用戶體驗(yàn)設(shè)計(jì)師考慮永久、臨時和情境因素,這些因素會阻止人們按預(yù)期使用數(shù)字產(chǎn)品。
在考慮性別、年齡、種族和其他廣義人口統(tǒng)計(jì)數(shù)據(jù)等包容性設(shè)計(jì)時,設(shè)計(jì)師必須避免偏見或假設(shè)。將如此廣泛的人口統(tǒng)計(jì)數(shù)據(jù)視為限制是有偏見的(并且可能是令人反感的),并且可能弊大于利。
包容性設(shè)計(jì)與無障礙設(shè)計(jì)
將包容性設(shè)計(jì)視為封裝可訪問性的總稱。在可訪問性專門針對殘疾用戶的情況下,包容性延伸到用戶可能感到被排斥的其他因素,例如語言障礙、身體限制、技術(shù)限制,甚至互聯(lián)網(wǎng)連接。
可訪問性解決了永久性限制或殘疾,而包容性設(shè)計(jì)方法著眼于臨時和情境因素。
包容性設(shè)計(jì)的永久、臨時、情境考慮
用戶體驗(yàn)設(shè)計(jì)師在考慮包容性網(wǎng)頁設(shè)計(jì)時會使用三類:
永恒的
暫時的
情境
在這些類別中的每一個中都有一些殘疾、限制或約束:
視覺的
靈巧
聽力
認(rèn)知的
演講
設(shè)計(jì)團(tuán)隊(duì)在設(shè)計(jì)無障礙/包容性時經(jīng)常犯的錯誤是只考慮永久性殘疾,比如永久性聽力障礙的人。
但是那些有暫時性或情境性聽力障礙的人呢?
永久的: 永久失聰或聽力受損的人。
臨時的: 因受傷而暫時喪失聽力的人。
環(huán)境: 由于環(huán)境而無法聽到聲音的人,例如沒有耳機(jī)的繁忙通勤列車上。
通常,當(dāng)您為永久性殘疾進(jìn)行設(shè)計(jì)時,臨時和情境用戶也會受益。但設(shè)計(jì)師必須獨(dú)立看待每一種情況,以確保體驗(yàn)是完全包容的。
在這個聽力障礙示例中,視頻字幕將使所有三個類別受益。盡管如此,設(shè)計(jì)師可能會考慮將視頻靜音,這樣繁忙的通勤火車用戶(情境)就不會打擾他們周圍的人。
包容性網(wǎng)頁設(shè)計(jì)的重要性
從社會角度來看,包容性網(wǎng)頁設(shè)計(jì)不僅是一個好主意;它對商業(yè)價值也很重要。排除某些人的產(chǎn)品為公司創(chuàng)造了錯失的收入機(jī)會。
假設(shè)您正在為美國市場設(shè)計(jì)一個應(yīng)用程序,并假設(shè)每個人都會說英語,而事實(shí)上,有4100 萬母語為西班牙語的人生活在美國;它占人口的 10% 以上。
在另一個示例中,您假設(shè)只有身體殘疾的人不能使用他們的手。但是手臂受傷的人呢?還是抱著孩子但只有一只手可用的父母?
當(dāng)您推斷殘疾、限制和約束的可能性時,您會看到包容性設(shè)計(jì)方法的重要性以及它如何影響業(yè)務(wù)及其客戶。
包容性設(shè)計(jì)原則
UX 設(shè)計(jì)師可以用來為用戶創(chuàng)造包容性體驗(yàn)的七項(xiàng)原則。
1.提供可比較的體驗(yàn)
2.考慮情境挑戰(zhàn)
3.讓用戶控制
4.提供選擇
5.內(nèi)容優(yōu)先
6.增加價值
7.獲得不同的觀點(diǎn)
許多設(shè)計(jì)師可能已經(jīng)將這些原則應(yīng)用于設(shè)計(jì),但了解它們?nèi)绾卧鰪?qiáng)包容性可能會鼓勵您更深入地研究并找到更大的改進(jìn)空間。
1) 提供可比較的經(jīng)驗(yàn)
用戶界面應(yīng)該使所有用戶能夠以可比較的價值、質(zhì)量和效率完成任務(wù)。一個很好的例子是我們?nèi)绾螢閳D標(biāo)、圖像和其他圖形使用替代文本,以便視障用戶可以消化視覺內(nèi)容。
用戶體驗(yàn)設(shè)計(jì)師還必須考慮技術(shù)如何排除用戶。有人可以在臺式機(jī)和移動設(shè)備上完成相同的任務(wù)嗎?Android和iOS之間有什么區(qū)別嗎?
2) 考慮環(huán)境挑戰(zhàn)
某人的環(huán)境如何影響他們的用戶體驗(yàn)?當(dāng)設(shè)計(jì)人員同情用戶并在各種條件下使用數(shù)字產(chǎn)品進(jìn)行測試時,他們可以設(shè)計(jì)解決方案來應(yīng)對情境挑戰(zhàn)。
例如,設(shè)計(jì)一個火車票務(wù)應(yīng)用程序,讓只有一只手的用戶可以買票,這也有助于忙碌的體格健壯的通勤者在步行趕火車時用一只空閑的手買票。
3)讓用戶控制
一個好的設(shè)計(jì)可以讓人們控制他們的用戶體驗(yàn)。您還希望避免覆蓋瀏覽器和設(shè)備設(shè)置,例如方向、字體大小、縮放和對比度。
殘障用戶通常需要特定設(shè)置才能使用數(shù)字產(chǎn)品。覆蓋這些將阻礙它們的使用并將它們排除在用戶體驗(yàn)之外。
設(shè)計(jì)師還應(yīng)該考慮他們?nèi)绾螒?yīng)用 UX 模式和動畫。對于只使用鍵盤或屏幕閱讀器的用戶來說,無限滾動是一個挑戰(zhàn)。添加“加載更多”按鈕可為用戶提供控制,同時提供相同級別的便利。
4) 優(yōu)惠選擇
UX 設(shè)計(jì)師必須在便利性和選擇之間取得平衡。例如,刷卡既快捷又方便,但并非所有人都可以。提供一個按鈕或鏈接來完成相同的任務(wù)使所有用戶都可以訪問該功能。
5) 內(nèi)容優(yōu)先
確定內(nèi)容和布局的優(yōu)先級可以幫助用戶輕松完成核心任務(wù)并查找信息。設(shè)計(jì)師還可以使用手風(fēng)琴等 UI 組件來隱藏用戶不需要的內(nèi)容。
例如,在 FAQ 部分使用手風(fēng)琴有助于屏幕閱讀器快速找到他們需要的答案,而不是通過每一個問答。其他用戶也可以從這種常見問題解答格式中受益,因?yàn)樗麄兛梢話呙杳總€問題以找到他們想要的問題。
6) 增值
UX 設(shè)計(jì)師必須利用設(shè)備功能為用戶增加價值。設(shè)備的麥克風(fēng)、攝像頭、振動和地理定位是有益于廣泛人群的有用工具。
例如,針對語音搜索和命令優(yōu)化您的產(chǎn)品不僅有利于屏幕閱讀器,還有益于使用 Alexa、Siri 或 Bixby 的用戶。
在許多情況下,用戶體驗(yàn)設(shè)計(jì)師可以利用設(shè)備的功能來改善數(shù)字產(chǎn)品的用戶體驗(yàn)并為每個人創(chuàng)造更多價值。
7)獲得不同的觀點(diǎn)
用戶體驗(yàn)設(shè)計(jì)師必須從利益相關(guān)者和可用性參與者那里尋求不同的觀點(diǎn)。研究和測試必須包括可能超出您的用戶角色的參與者。
也許有殘障或有限制的人沒有使用您的產(chǎn)品,因?yàn)樗懦怂麄儭R虼?,如果您僅根據(jù)客戶數(shù)據(jù)和分析進(jìn)行測試,您可能會在不知不覺中排除人。
應(yīng)用包容性設(shè)計(jì)思維
定位: 首先讓自己了解用戶的障礙和限制,以及不同的人如何與技術(shù)互動。
框架: 從人類局限的角度看待您的設(shè)計(jì)。
構(gòu)思: 確定您的設(shè)計(jì)之間的不匹配以及第二步的限制。認(rèn)識到產(chǎn)品設(shè)計(jì)沒有萬能的。
迭代: 使用原型構(gòu)建和測試概念。
優(yōu)化: 看看包容性設(shè)計(jì)解決方案如何影響產(chǎn)品體驗(yàn),是否可行,以及它將如何在實(shí)際使用中轉(zhuǎn)化?