我們每個人的經(jīng)歷各不相同。如此之多，以至于是時候指出 “正常 ”或 “平均 ”的概念是真正的誤解了。畢竟，您可能正在一個安靜的辦公空間中閱讀這篇博文，舒適地放置在電腦屏幕 前。但是，不同的讀者可能會在等待機場行李領(lǐng)取時在手機上瀏覽同一篇文章，經(jīng)過長途飛行后已經(jīng)筋疲力盡。
這兩種閱讀體驗截然不同，每一種都有自己的需求 - 影響從字母大小到對比度等方方面面。它變得更加多樣化：視障人士可能正在放大屏幕以提高可讀性。盲人可能正在聽這段文字，就像屏幕閱讀器讀的那樣。可能的人類經(jīng)歷不勝枚舉。
我們感知技術(shù)并與之互動的方式與我們的身份一樣獨特，它借鑒了我們的直接環(huán)境以及我們的背景、知識和能力。當(dāng)我們在創(chuàng)建產(chǎn)品和界面時，只考慮一個理想的用戶（一個通常與其創(chuàng)造者驚人程度相似的假設(shè)存在），我們就會錯過與我們的設(shè)計接觸的廣泛現(xiàn)實生活中的人。這就是 Web 可訪問性和包容性設(shè)計發(fā)揮作用的地方。
包容性設(shè)計的 7 項原則：
以多種方式提供內(nèi)容
在設(shè)計時考慮各種情況
保持一致性和設(shè)計慣例
創(chuàng)建簡單直觀的設(shè)計
合作克服個人偏見
允許容忍用戶錯誤
測試和測量
什么是包容性設(shè)計？
包容性設(shè)計是一種方法，旨在優(yōu)化我們針對人類各種需求和能力創(chuàng)造的產(chǎn)品。在包容性設(shè)計中，設(shè)計師和工程師希望提供多種選擇來體驗產(chǎn)品，而不是單一的、一刀切的路線。
包容性設(shè)計建立在 UX 設(shè)計和輔助功能原則之上 - 它努力讓所有用戶都感到受歡迎和包容。通過提供多種與產(chǎn)品交互的解決方案，包容性設(shè)計以適合個人需求的方式擴大了可以使用它的人的范圍。
當(dāng)談到包容性設(shè)計時，重要的是要記住它是一個過程，而不是一個最終目標(biāo)。在任何可能的情況下，滿足所有人需求的界面永遠遙不可及。但是，擴大我們對 Web 和移動設(shè)計意味著什么以及我們?yōu)檎l進行設(shè)計的認(rèn)識，仍然是一項值得的努力，可以帶來持續(xù)的增長和改進。
作為一家包容性設(shè)計公司，我們致力于讓網(wǎng)絡(luò)成為每個人的地方，無論情況和能力如何。除了遵守 WCAG 2.0 準(zhǔn)則并為我們的用戶提供使其網(wǎng)站可訪問的工具之外，我們還將向全球所有用戶提供最佳體驗作為優(yōu)先事項。
以多種方式提供內(nèi)容
確保界面上的每個元素都可以通過多種方式體驗，并且所有這些方法提供的價值是等效的。大量可比較的選項可以增加滿足每個用戶獨特需求和能力的機會，而不會影響內(nèi)容的質(zhì)量。
自從將包容性和可訪問性作為公司重點以來，我們開始注意到，在我們提供的無障礙替代方案中更加謹(jǐn)慎實際上可以改進設(shè)計本身。例如，當(dāng)我們?yōu)閳D像編寫的替代文本描述沒有為頁面的上下文增加太多價值時，它幫助我們看到圖像本身并沒有提供我們預(yù)期的那么多價值。這導(dǎo)致了頁面設(shè)計的變化和不同的圖像選擇，這進一步加強了頁面的信息并提高了整體可用性。
考慮到各種情況的設(shè)計
用戶將在各種不同的上下文中瀏覽您的產(chǎn)品，您的界面應(yīng)該適應(yīng)這些情況。例如，首次使用的用戶可能正在尋找您的服務(wù)的介紹性細(xì)分。但是，已建立的用戶可能確切地知道他們要做什么，在快速執(zhí)行任務(wù)的同時同時處理另一項差事的多任務(wù)處理。
在實踐中：按行為對用戶進行細(xì)分的彈出式燈箱，例如針對首次訪問者的一次性彈出窗口，或針對即將離開網(wǎng)站的訪問者的退出彈出窗口。另一個示例是暗模式，旨在在弱光環(huán)境中獲得更好的觀看體驗。
保持一致性和設(shè)計慣例
用戶需要知道在瀏覽您的產(chǎn)品時會發(fā)生什么。旨在讓他們了解他們的每個操作將在屏幕上產(chǎn)生什么。這可以通過制作一個采用成熟設(shè)計約定的連貫接口來實現(xiàn)。利用這些熟悉的模式來強化您的信息并改善用戶體驗。
在實踐中：一個眾所周知的設(shè)計約定是將按鈕變灰，以表示當(dāng)前不可用的操作。使用對您有利的此類約定，并避免混淆場景，例如您實際上希望用戶單擊的灰色按鈕。
其他示例包括綠色和紅色（分別表示“是”和“否”），以及指向主頁的logo的網(wǎng)站導(dǎo)航約定。
創(chuàng)建簡單直觀的設(shè)計
我們確實承認(rèn)對視差滾動、交互式懸停效果和其他網(wǎng)頁設(shè)計趨勢的熱愛堅定不移。但與此同時，這些時尚可能會導(dǎo)致審美決定，從而分散對 UX 設(shè)計的注意力，使其不那么直觀。界面的設(shè)計應(yīng)指導(dǎo)用戶執(zhí)行手頭的任務(wù)。同樣，您使用的任何設(shè)計功能（從懸停效果到動畫）都應(yīng)該結(jié)合在一起來強化您的內(nèi)容，而不是為了美觀而掩蓋它。
包容性設(shè)計不應(yīng)該與好的設(shè)計相矛盾。相反，它可以幫助完善它。包容性設(shè)計的原則可以讓我們在希望產(chǎn)品傳遞的信息方面保持正軌。
在實踐中： 網(wǎng)站或應(yīng)用程序中有許多方面可以幫助使設(shè)計變得簡單直觀。例如，易于訪問的網(wǎng)站菜單、懸停效果和視覺指示器以指示元素可單擊，以及折疊的元素以有組織的方式排列大量內(nèi)容。使用視覺層次結(jié)構(gòu)還有助于確定每個頁面上內(nèi)容的優(yōu)先級。
合作克服個人偏見
我們都有個人偏見，這導(dǎo)致我們?yōu)榕c我們最相似的用戶進行設(shè)計。為了克服這些偏見，最好超越我們自己的同理心，無論多么善意，并與背景以及身體、認(rèn)知和學(xué)習(xí)能力不同的個人密切合作。這種合作導(dǎo)致了對產(chǎn)品及其痛點的獨特見解。
我們努力確保我們的團隊包括所有年齡、能力和背景的設(shè)計師、開發(fā)人員、工程師和 QA 專家。
在實踐中：確保廣泛的人員參與該過程，從最初的用戶研究到設(shè)計本身和產(chǎn)品的測試階段。
允許容忍用戶錯誤
作為放棄完美用戶概念的一部分，記住所有用戶也會犯錯誤是有益的。從一開始就將這個非常人性化的事實納入設(shè)計中可以帶來更愉快、不那么令人沮喪的瀏覽體驗。為用戶錯誤留出空間意味著為用戶提供改變主意和糾正錯誤的機會。這樣，用戶可以享受到知道他們的行為永遠不會不可逆轉(zhuǎn)的好處。
除了具有包容性之外，這種設(shè)計方法還通過培養(yǎng)與數(shù)字世界建立更人性化和積極的關(guān)系.
在實踐中：撤消和重做選項、在執(zhí)行永久操作之前顯示的警告消息，以及提供清晰且信息豐富的狀態(tài)指示的成功或錯誤消息。友好的 404 頁面設(shè)計也可以緩解錯誤時刻的緊張情緒。
測試和測量
與設(shè)計過程的任何其他部分一樣，我們產(chǎn)品的包容性也應(yīng)該經(jīng)過檢查和測試。將包容性作為產(chǎn)品開發(fā)所有階段（從 UX 原型設(shè)計到用戶訪談和可用性測試）要研究的參數(shù)之一。
在實踐中：確保檢查你的界面是否符合輔助功能，并問問自己它是否滿足上述所有標(biāo)準(zhǔn)。最重要的是，在需求和能力與你不同的人的幫助下測試產(chǎn)品，并尋求有關(guān)如何最好地滿足這些需求的反饋。