曇花一現717422021-12-04 22:26:00

包容性設計（inclusive design）是近期產品設計界關注度很高的一個話題。

特別是在移動端APP領域，由於中國網際網路民已突破8億，在這8億人中，不同的群體對產品體驗的要求不同，現有的產品設計方案已經無法滿足多樣化使用者的需求。

2021年，工業和資訊化部副部長劉烈宏宣佈，工信部將於今年1月起進行為期一年的“網際網路應用適老化及無障礙改造專項行動”。

那麼，對於筆者深耕的金融B端產品領域來說，探索包容性設計刻不容緩。本篇文章筆者將帶領大家熟悉包容性設計，以及在金融B端產品領域我們對包容性設計的探索與實踐。

一、包容性設計的定義

英國標準協會（2005）將包容性設計定義為：“主流產品或服務的設計能儘可能多的為人群所方便使用，無需特別的適應或特殊的設計。”

微軟對包容性設計的解釋為：“我們的使命，是讓地球上的每個人獲得更多。設計的包容性開啟了使用者體驗，反應了人們如何適應周圍的環境。”

谷歌Material design如是解釋包容性設計：“一款設計良好的產品可供所有能力的使用者使用，包括視力低下、失明、聽力障礙、認知障礙或運動障礙的使用者。改進產品的無障礙功能可以增強所有使用者的可用性，這是非常值得做的事情。”

從英國標準協會、微軟、谷歌對包容性設計的定義中我們可以很清晰地知曉什麼是包容性設計。同時，筆者根據自身經驗，總結了包容性設計的兩個特徵：第一是多維度，第二是自定義。

圖1-1包容性設計特徵

1。 多維度

多維度的意思是指設計方案不可單一，不能只解決通用維度的需求，而要清楚使用群體的特徵，考慮更多可能性的設計方案，滿足不同群體的需求。

例如：從視覺層面來說（如圖1-2所示），終身看不見的盲人屬於視覺永久障礙群體；眼睛由於某些原因暫時看不清楚物體的人群屬於暫時障礙群體；開車時候不方便看手機螢幕的人群屬於情景障礙群體。

我們在設計產品時候，需適當考慮這些群體的特殊情況，多維度地去設計產品的功能與體驗。

圖1-2視覺障礙分類

2。 自定義

自定義的意思是指允許使用者自主來選擇何種體驗方式，從而協助自己完成常用場景下，或特殊場景下的某些功能。

例如通常使用者眼睛距離電腦螢幕45釐米左右，螢幕字號12px就可以保證使用者有效閱讀，但當用戶眼睛距離螢幕超過45釐米，甚至更遠時，12px的字號就會令使用者看起來略顯吃力，對於視力不佳的人來說更甚（如圖1-3所示）。

因此，在產品設計上，我們要考慮加入使用者可以自主改變字型大小的功能。現在有很多產品已經做到了，例如excel、今日頭條等。

圖1-3使用者眼睛距離螢幕遠近與字型大小

二、包容性設計與無障礙設計

無障礙設計大家聽得應該也不少，包容性設計和無障礙設計概念較為相近，在日常生活中，我們會互相取用。但實際上，兩者之間還是有些許差別的。

1。 包容性設計的重點

在設計方案的過程中，除了要考慮滿足80%的使用者群體需求，還需在此基礎上去思考更多的可能性，從而滿足一些永久障礙、情境障礙、臨時障礙使用者群體的需求，輸出友善的設計方案，去包容更廣泛、更合理的真實情況。

2。 無障礙設計的重點

在設計的全鏈路中，針對殘障群體（重視殘疾人、聾啞人等），聚焦輸出合適某類特殊群體需求的方案。

包容性設計和無障礙設計的相似之處在於並不強調只有單一的方案，而是針對不同的使用者群體有不同的解決方案，從而滿足多元化需求。它們的不同之處在於，無障礙設計直接、優先考慮到某類殘障群體，再做設計。

例如：Un Lavobos陶瓷洗手盆，設計師優先考慮殘疾人洗手時的需求，在洗手盆底部做了一個切面，保證產品的靈活性可以為殘障人士服務，如圖2-1所示。

圖2-1無障礙設計案例

三、建立金融B端產品包容性設計的背景

根據國家統計局資料顯示，2018年全國共有金融（證券、保險、私募、期貨、銀行等）從業人數約800萬人。從2003年以來，一直處於穩步上升趨勢，如圖3-1所示。

圖3-1金融從業人數

同時，金融從業者的平均年齡大約在30-40之間，這些人員大多數為客戶經理、投研人員等，高管的年齡普遍在50-60歲之間，如圖3-2所示。

圖3-2金融從業者年齡分佈

對於這30-60歲年齡段的金融從業者來說，他們在生理和心理方面都會存在差異。同時對於單個金融從業者自身的生命週期而言，也會存在差異，例如生病、懷孕等。

筆者這裡再舉兩個例子，來給大家說說包容性設計在金融B端產品中的重要性。

1。 色盲

色盲是指在辨別某幾種顏色方面存在缺陷，而由於辨別顏色的基因大多在X染色體上，因此色盲在男性中的發病率高於女性，大約8%的男性和0。5%的女性為色盲。由此我們可以感知到，在800萬金融從業者中，色盲也是存在的。

2。 老年人的視覺特徵

視網膜是人類視覺感知中最重要的一部分。隨著年領增長，視網膜變薄，視覺功能開始下降。人到30歲開始，感光方面就會下降，到了60歲，視覺感光只有20歲的二分之一左右。

綜上所述，金融B端產品引入包容性設計刻不容緩。

四、包容性設計原則在金融B端產品中的使用

那麼在面對金融B端產品時，我們設計者如何做，才算是考慮到了包容性設計呢？筆者認為：

建立意識，明確包容性設計的重要性；

付諸行動，在產品設計中融入包容性設計。

筆者根據這些年的實際經驗，給大家輸出8條包容性設計原則，同時給出在金融B端產品中的探索（有些已落地，有些正在落地中）。

1。 採用安全感

使用金融B端產品的使用者，除了年輕的還有年長的，因此他們在一些認知上，多少會有些差別。例如年長使用者通常會覺得支付寶免密支付不安全，而年輕使用者並不會這麼認為。

因此在金融B端產品設計上，我們要給予使用者安全的感覺。在表格常駐編輯模式的情況下，修改過的內容我們會給予提示（比如表格編輯框底色變為藍色），避免年長的操作者產生不安全感，不知道自己是否修改過了內容，如圖4-1所示。

圖4-1表格常駐編輯模式

2。 採用高對比度的顏色模式

隨著年齡增長，人的視覺感知會越來越差，同時由於硬體的問題，人們對顏色的感知也是不同的，多維度的原因，會讓金融B端產品在顏色的使用上需要慎重。

我們可以遵守W3C的無障礙設計原則，保證常規尺寸文字、圖示等與背景的對比度大於4。5：1。金融B端產品大量為表單，我們將表單欄位和內容的顏色均設定成了#333（如圖4-2所示），大大提高了使用者獲取資訊的效率。

圖4-2表單文字與背景對比度

3。 提供音效方式的設計

金融從業者通常非常繁忙，系統有重要資訊過來的時候，如果僅僅只有文字提示，很多人會注意不到，從而錯過了重要的需要處理的資訊。因此在金融B端產品中，我們可以加入音效訊息提示的方式，讓使用者準確且快速接收訊息。

4。 少依賴顏色區分重要資訊

紅綠色盲為不能區分紅色和綠色，藍黃色盲為不能分辨藍色和黃色，因此在金融B端產品中，重要的資訊不要完全使用顏色來區分，而需要加入文字資訊，如圖4-3所示。

圖4-3加上文字的錯誤資訊提示

5。 多考慮容錯機制

對於誤操作的事件，大家都會感到反悔，而對於老年人來說，這種誤操作的頻率會增大。因此在金融B端產品設計中，我們非常注意這個問題，在一些刪除類功能上，都會再次提醒使用者是否真的需要刪除，如圖4-4所示。

圖4-4刪除提示

6。 確保可點選區域足夠大

在移動端產品中，為了防止使用者手指很難準確點選按鈕的情況，對可點選區域需足夠大的要求，被頻繁提出，而在B端產品中卻很少被提及。

不過筆者近期發現，一些金融管理者人士提出，現在的按鈕觸發區太小了，如果滑鼠沒有精準移到圖示上，根本無法觸發功能。因此筆者建議，除了目標物本身的尺寸外，我們儘量加大目標物的可觸控區，如圖4-5所示。

圖4-5加大觸控區

7。 給予使用者自定義空間

在一些已經形成業內標準的場景下，我們金融B端產品設計時也不要落下，應提供給使用者自定義空間，自定義可以滿足使用者不同場景下的需求。

例如想看更多資訊，頁面間距可以變窄；喜歡滾屏看資訊，頁面間距可以變大，如圖4-6所示。讓使用者自主調整頁面佈局，可以讓他們感受到產品的包容性。

追夢人155762021-12-09 15:40:12

1。多維的

多維意味著設計方案不能單一，不能只解決一般維度的需求，要明確利用群體的特點，考慮更多可能的設計方案，滿足不同群體的需求。

2。適應客戶

自定義是指允許使用者選擇自己的體驗模式，以幫助他們在普通場景或特殊場景中完成一些功能。

第二，包容性設計和無障礙設計

無障礙設計大家都聽過不少，包容性設計和無障礙設計的概念都差不多。在日常生活中，我們會互相利用。但實際上，兩者還是有些區別的。

1。包容性設計的重點

在設計過程中，除了滿足80%使用者的需求之外，還要在此基礎上考慮更多的可能性，以滿足永久障礙、情景障礙和臨時障礙使用者的需求，輸出友好的設計方案，以適應更廣泛、更合理的真實情況。

2。無障礙設計要點

在整個環節的設計中，以殘疾人群體為重點（關注殘疾人、聾啞人等。），專注於輸出適合某個特殊群體需求的解決方案。

包容性設計與無障礙設計的相似之處在於，不強調單一的解決方案，而是針對不同的使用者群體採用不同的解決方案，以滿足多樣化的需求。兩者的區別在於，無障礙設計直接，在設計之前優先考慮某些殘疾人群體。