金融B端產品的包容性設計探索
編輯導語:什么是包容性設計呢?即“主流產品或服務的設計能盡可能多的為人群所方便使用,無需特別的適應或特殊的設計?!蹦敲矗鹑贐端產品應該如何進行包容性設計呢?本文筆者帶領大家一起對包容性設計進行了探索與實踐。
包容性設計(inclusive design)是近期產品設計界關注度很高的一個話題。
特別是在移動端APP領域,由于中國互聯網民已突破8億,在這8億人中,不同的群體對產品體驗的要求不同,現有的產品設計方案已經無法滿足多樣化用戶的需求。
2021年,工業和信息化部副部長劉烈宏宣布,工信部將于今年1月起進行為期一年的“互聯網應用適老化及無障礙改造專項行動”。
那么,對于筆者深耕的金融B端產品領域來說,探索包容性設計刻不容緩。本篇文章筆者將帶領大家熟悉包容性設計,以及在金融B端產品領域我們對包容性設計的探索與實踐。
一、包容性設計的定義
英國標準協會(2005)將包容性設計定義為:“主流產品或服務的設計能盡可能多的為人群所方便使用,無需特別的適應或特殊的設計。”
微軟對包容性設計的解釋為:“我們的使命,是讓地球上的每個人獲得更多。設計的包容性開啟了用戶體驗,反應了人們如何適應周圍的環境?!?/p>
谷歌Material design如是解釋包容性設計:“一款設計良好的產品可供所有能力的用戶使用,包括視力低下、失明、聽力障礙、認知障礙或運動障礙的用戶。改進產品的無障礙功能可以增強所有用戶的可用性,這是非常值得做的事情?!?/p>
從英國標準協會、微軟、谷歌對包容性設計的定義中我們可以很清晰地知曉什么是包容性設計。同時,筆者根據自身經驗,總結了包容性設計的兩個特征:第一是多維度,第二是自定義。
圖1-1包容性設計特征
1. 多維度
多維度的意思是指設計方案不可單一,不能只解決通用維度的需求,而要清楚使用群體的特征,考慮更多可能性的設計方案,滿足不同群體的需求。
例如:從視覺層面來說(如圖1-2所示),終身看不見的盲人屬于視覺永久障礙群體;眼睛由于某些原因暫時看不清楚物體的人群屬于暫時障礙群體;開車時候不方便看手機屏幕的人群屬于情景障礙群體。
我們在設計產品時候,需適當考慮這些群體的特殊情況,多維度地去設計產品的功能與體驗。
圖1-2視覺障礙分類
2. 自定義
自定義的意思是指允許用戶自主來選擇何種體驗方式,從而協助自己完成常用場景下,或特殊場景下的某些功能。
例如通常用戶眼睛距離電腦屏幕45厘米左右,屏幕字號12px就可以保證用戶有效閱讀,但當用戶眼睛距離屏幕超過45厘米,甚至更遠時,12px的字號就會令用戶看起來略顯吃力,對于視力不佳的人來說更甚(如圖1-3所示)。
因此,在產品設計上,我們要考慮加入用戶可以自主改變字體大小的功能?,F在有很多產品已經做到了,例如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. 確??牲c擊區域足夠大
在移動端產品中,為了防止用戶手指很難準確點擊按鈕的情況,對可點擊區域需足夠大的要求,被頻繁提出,而在B端產品中卻很少被提及。
不過筆者近期發現,一些金融管理者人士提出,現在的按鈕觸發區太小了,如果鼠標沒有精準移到圖標上,根本無法觸發功能。因此筆者建議,除了目標物本身的尺寸外,我們盡量加大目標物的可觸控區,如圖4-5所示。
圖4-5加大觸控區
7. 給予用戶自定義空間
在一些已經形成業內標準的場景下,我們金融B端產品設計時也不要落下,應提供給用戶自定義空間,自定義可以滿足用戶不同場景下的需求。
例如想看更多信息,頁面間距可以變窄;喜歡滾屏看信息,頁面間距可以變大,如圖4-6所示。讓用戶自主調整頁面布局,可以讓他們感受到產品的包容性。
圖4-6自主調整頁面
8. 給圖標和圖片添加文本內容
由于金融從業者的年齡跨度較大,因此在相同信息的認知上會出現差別。例如對于“編輯”圖標,我們業內人士很熟悉,但是對于年長者來說,并不熟悉,此時我們設計者可以放上文本提示,如圖4-7所示。
圖4-7 hover圖標加文本提示
五、總結
不論是金融B端產品的設計者,還是其他產品的設計人員,我們能提前將包容性設計考慮進去,那么產品整體都會更上一層。試想一下,如果有一天我們老了,或者我們發生了暫時性障礙,假如我們的身邊充滿了包容性設計,那我們的生活將會多么的美好。
筆者會持續探索金融B端產品的包容性設計,大家有任何想法或好的點子都可以隨時留言與我聯系喲,我們一起為產品的包容性貢獻自己的綿薄之力。
作者:知果;公眾號:果有料
本文由 @知果 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
感謝作者,很多方面之前都沒有留意
繼續努力輸出好文
對于作者提出的第四塊兒內容里面,有兩條讓我受益,感謝作者的分享,之前也沒有接觸過金融產品,不過如果你讓我設計我可能就會忘記考慮到這類用戶群體的障礙問題以及年齡所帶來的一些生理障礙問題,感謝作者的分享。
謝謝您的認同,陸續輸出好文與大家分享呀