您的網(wǎng)站設(shè)計(jì)適合每個(gè)人嗎？我們經(jīng)常談到在創(chuàng)作時(shí)要考慮到受眾，但重要的是要了解受眾可以通過(guò)多種方式進(jìn)行識(shí)別。

現(xiàn)在比以往任何時(shí)候都更重要的是，網(wǎng)站設(shè)計(jì)和視覺(jué)效果要包含整個(gè)受眾群體。包容性的審美觀會(huì)讓用戶覺(jué)得他們是設(shè)計(jì)的一部分，一個(gè)公司、組織或產(chǎn)品是為他們?cè)O(shè)計(jì)的。

包容性不僅僅是可獲得性。它是功能和視覺(jué)設(shè)計(jì)的結(jié)合，創(chuàng)造出人們認(rèn)同并想成為其中一部分的東西。

是時(shí)候檢查您自己和您的網(wǎng)站設(shè)計(jì)了，把您的偏見(jiàn)放在一邊，認(rèn)真看看項(xiàng)目，確保它們盡可能包羅一切。讓我們開(kāi)始吧。

1、什么是包容性設(shè)計(jì)？

有一種誤解，認(rèn)為包容性設(shè)計(jì)是為殘疾用戶設(shè)計(jì)的。雖然包容性的設(shè)計(jì)可以影響這些受眾，但影響遠(yuǎn)不止這些。

劍橋大學(xué)是這樣描述它的：

包容性設(shè)計(jì)強(qiáng)調(diào)理解用戶多樣性對(duì)決策的影響，從而使盡可能多的人參與其中。用戶多樣性包括功能、需求和愿望的變化。

包容性設(shè)計(jì)考慮到人們通過(guò)圖像和視頻觀看和互動(dòng)的方式的差異，它考慮了功能和可用性。它通過(guò)展示各個(gè)層次的多樣性，更準(zhǔn)確地描繪了世界的面貌。

同時(shí)，它必須是真實(shí)的。例如，如果您做的是一款女性產(chǎn)品，在用戶形象方面就有一些先天的限制。沒(méi)關(guān)系。只要注意在其他方面表現(xiàn)多樣性，比如年齡或種族。

2、包容性設(shè)計(jì)清單

包容性確實(shí)與功能有關(guān)，這里我們關(guān)注的是視覺(jué)呈現(xiàn)。當(dāng)訪問(wèn)者第一次看到您的網(wǎng)站設(shè)計(jì)時(shí)，他們會(huì)留下什么印象？這些形象如何反映整個(gè)品牌？客人的外賣是什么？

問(wèn)問(wèn)您自己，在您的網(wǎng)站上，圖片上的人是否有一個(gè)公平的代表。您是否會(huì)無(wú)意中使用冒犯他人的語(yǔ)言？（這種情況比您想象的更常見(jiàn)。）

包容性設(shè)計(jì)應(yīng)該表現(xiàn)出完整的多樣性，能力、語(yǔ)言、文化、性別、年齡、種族等人類差異形式。它可以簡(jiǎn)單到有一個(gè)紋身的人的圖像，也可以復(fù)雜到有多個(gè)翻譯和文化轉(zhuǎn)換的內(nèi)容。

您的設(shè)計(jì)是包容性的嗎？先做一個(gè)快速分析。

圖片中的人看起來(lái)都一樣嗎？（年齡、性別、體型、種族等）

內(nèi)容的背景不同嗎？（室外、室內(nèi)、城市、鄉(xiāng)村等）

語(yǔ)言對(duì)所有人都是歡迎和邀請(qǐng)的嗎？（沒(méi)有成見(jiàn)或有辱人格的字眼等）

功能和可用性是否清晰易懂？

至于包容性網(wǎng)站設(shè)計(jì)的功能方面，這個(gè)清單可以作為一個(gè)很好的起點(diǎn)。

3、包容性設(shè)計(jì)原則

包容性設(shè)計(jì)原則，Henny Swan, Ian Pouncey, Heydon Pickering和Leonie Watson的一個(gè)項(xiàng)目，提供了一個(gè)很好的出發(fā)點(diǎn)來(lái)思考如何在設(shè)計(jì)中變得更加包容性。這些原則在美學(xué)、功能和可訪問(wèn)性方面為包容性提供了指導(dǎo)。

這些原則包括：

為所有用戶提供可比較的體驗(yàn)

考慮地點(diǎn)、互動(dòng)和能力方面的情境差異

與用戶模式和功能保持一致

在有意義的時(shí)候?qū)⒖刂茩?quán)交給用戶

提供各種選擇和可供選擇的用戶旅程

把內(nèi)容優(yōu)先安排在一件事上，或者一次只關(guān)注一件事

通過(guò)特性、內(nèi)容和可視化框架增加價(jià)值

4、如何使項(xiàng)目更具包容性

這聽(tīng)起來(lái)很簡(jiǎn)單，對(duì)吧？您想要?jiǎng)?chuàng)造能夠吸引盡可能廣泛的受眾的設(shè)計(jì)。

但是您多久會(huì)遇到一個(gè)網(wǎng)站，照片里的人都是白人？或者孩子們都不戴眼鏡的地方？還有很多其他的例子表明缺乏包容性。

首先要考慮您的實(shí)際受眾，他們長(zhǎng)什么樣？他們關(guān)心什么？對(duì)他們來(lái)說(shuō)什么是重要的？這些東西應(yīng)該在設(shè)計(jì)中按比例反映出來(lái)。

這可能是在流程早期與設(shè)計(jì)團(tuán)隊(duì)的對(duì)話。這可能也會(huì)讓人有些不舒服。您將需要反映這種多樣性的圖像和插圖。在拍攝照片之前進(jìn)行溝通是很有意義的。

對(duì)您的觀眾進(jìn)行投票，問(wèn)他們對(duì)您的產(chǎn)品或品牌有什么期待。敞開(kāi)溝通的大門，收集反饋信息，這樣您就能發(fā)現(xiàn)哪些地方存在您看不見(jiàn)的偏見(jiàn)，從而有機(jī)會(huì)做得更好。

在會(huì)議和照片中審視自己。誰(shuí)不是您團(tuán)隊(duì)的一員？當(dāng)您審視自己在包容性方面的缺點(diǎn)時(shí)，就更容易看出哪里有可能發(fā)生改變。在談話中被遺漏的人可能是最重要的。

這可以歸結(jié)為：如果您的公司文化是多元和包容的，那么讓這些人參與對(duì)話并創(chuàng)造最佳實(shí)踐就會(huì)容易得多。但是如果坐在您桌子旁的每個(gè)人看起來(lái)和想的都一樣，那么為您不知道的東西創(chuàng)造和設(shè)計(jì)就會(huì)困難得多。

5、支持包容性的設(shè)計(jì)決策：

實(shí)踐的敏感性；如果您覺(jué)得有些東西可能會(huì)冒犯您，那就不要說(shuō)了

警告之前傷害；如果有不愉快的事情發(fā)生，讓用戶知道

提供可選路徑和選項(xiàng)

注意alt文本；不要讓不該溜進(jìn)來(lái)的東西溜進(jìn)來(lái)

和真人一起提問(wèn)和測(cè)試；他們會(huì)告訴您什么地方不對(duì)

結(jié)論

包容性設(shè)計(jì)歸結(jié)為兩件事：美學(xué)和功能。它們同樣重要，尤其是在網(wǎng)站設(shè)計(jì)中。

創(chuàng)造更具包容性的設(shè)計(jì)的第一步是認(rèn)清您自己的偏見(jiàn)，收集反饋，然后努力創(chuàng)造一些能吸引更多人的東西。這并不總是容易的，但是包容性的設(shè)計(jì)對(duì)業(yè)務(wù)是有好處的，因?yàn)樗С指鼜V泛的受眾基礎(chǔ)。