2021-4-8 資深UI設(shè)計者
隨著移動互聯(lián)網(wǎng)的發(fā)展與普及，人們的生活方式發(fā)生了巨大的變化。當我們足不出戶便可以享受到香噴噴的美食、相隔千里也能有面對面的交流體驗時，大多數(shù)老年人卻被關(guān)在了數(shù)字世界的大門之外：不會線上掛號、打不到網(wǎng)約車、因不會操作健康碼而被公交車拒載……這樣的事件屢見不鮮，本應(yīng)同樣享受互聯(lián)網(wǎng)便利的群體，近幾年來卻處處受阻。
數(shù)據(jù)顯示，2020 年我國老年人口達到約 2.43 億，占比 18%，50 歲以上的網(wǎng)民群體占比 22.8%，數(shù)量不可小覷。如何打破互聯(lián)網(wǎng)產(chǎn)品的使用壁壘，讓老年人也能自如地參與到互聯(lián)網(wǎng)生活中，是我們設(shè)計師應(yīng)當肩負的社會責(zé)任。
貝殼經(jīng)紀人作為社區(qū)的貼心服務(wù)者，經(jīng)常為社區(qū)內(nèi)的老年人提供幫助，解決手機使用問題。
△ 圖 1 經(jīng)紀人志愿者在社區(qū)幫助老人學(xué)習(xí)使用手機
我們通過觀察老年人使用手機的過程，并與具有豐富幫助經(jīng)驗的經(jīng)紀人深入溝通，發(fā)現(xiàn)老年人使用互聯(lián)網(wǎng)產(chǎn)品存在的主要障礙如下：
△ 圖 2 老年人使用互聯(lián)網(wǎng)產(chǎn)品的主要障礙
1. 手勢操作困難
由于骨骼肌老化，老年人動作幅度減小、操作的精細程度降低，他們在使用手機等小巧的設(shè)備時難以精準完成手勢操作，很容易出現(xiàn)誤觸現(xiàn)象。
皮膚老化同樣影響了老年人對手機的使用，細胞水分減少，皮膚褶皺加深，表皮干燥以及指紋的磨損，使得在使用觸屏?xí)r靈敏度下降，即便手勢正確，也難以順利完成操作目標。
2. 信息接收受阻
老年人的感官能力明顯下降。40 歲以后人的眼部開始老化，對光的敏感度以及對色彩的分辨能力下降，更容易炫光，難以識別藍紫色為代表的冷色調(diào)顏色；聽覺的靈敏度可能會減少 50%之多，難以分辨不同的聲音。我們認為毫無閱讀壓力的界面，在老年人眼中可能是模糊一片；我們聽起來特色鮮明的提示音，甚至都沒有傳入到老年人的耳朵里；讓我們感到新奇的震動觸感，老年人可能毫無感覺。
3. 界面理解障礙
老年人很難理解互聯(lián)網(wǎng)產(chǎn)品中的層級關(guān)系，以及元素間的關(guān)聯(lián)關(guān)系，這導(dǎo)致他們經(jīng)常不知道自己在操作哪一步驟，更難以預(yù)期到下一步會發(fā)生什么。另一方面，老年人很難通過歸納概括信息的特點來區(qū)分不同元素的功能和屬性，比如，對調(diào)整鈴聲、連接網(wǎng)絡(luò)等“設(shè)置”屬性的功能沒有統(tǒng)一的概念，想要調(diào)整時不知道去哪里操作。
4. 容易情緒挫敗
由于神經(jīng)系統(tǒng)退化，老年人對情緒的控制能力減弱，容易情緒低落。在使用手機受挫時，他們常會感到無助和沮喪，持續(xù)的負向反饋易降低老年人使用手機的意愿。加之屢次出現(xiàn)的互聯(lián)網(wǎng)詐騙案件，老年人對手機安全問題更加顧慮，難以分辨真假信息，便不愿嘗試不熟悉的功能。
洞察到以上問題及原因，我們分別從設(shè)計、功能、公益 3 個角度出發(fā)進行探索和實踐，為幫助老年人更順暢地使用互聯(lián)網(wǎng)產(chǎn)品添一把力。
設(shè)計應(yīng)當順應(yīng)老年人的生理和心理特點，并給予更多的人文關(guān)懷與鼓勵。為此，我們提出了以下設(shè)計策略：
△ 圖 3 適老化設(shè)計策略
研究表明，老年人更習(xí)慣單指操作，點擊、上下滑動、放大縮小是老年人可以清晰理解并熟練操作的手勢，交互中應(yīng)盡量以這些手勢為主，需避免四指滑動、長按等復(fù)雜手勢。對于老年人來說，動作的簡單易學(xué)性、高效性是最重要的因素，遠高于隱喻性、趣味性等。
△ 圖 4 老年人常用手勢
顏色：
參考《Web 內(nèi)容無障礙指南》中提供的指導(dǎo)意見，應(yīng)使用 AA 級或 AAA 級的對比度標準：對比度（AA 級），文本的視覺呈現(xiàn)以及文案圖像對比度至少要有 4.5:1，大文本至少有 3:1 的對比度；對比度（AAA 級），文本的視覺呈現(xiàn)以及文案圖像對比度至少要有 7:1，大文本至少有 4.5:1 的對比度。有很多在線工具可以幫助檢測顏色對比度以及是否達標，如 Contrast Ratio 在線檢測工具：https://contrast-ratio.com/
△ 圖 5 Contrast Ratio 在線檢測工具頁面
界面中，組件與文本對比度的標準是不同的，文本比組件需要更高的對比度。
避免使用藍色、紫色等冷色調(diào)。隨著年齡增長，人類的晶狀體會變黃變渾濁，導(dǎo)致選擇性的吸收藍光。所以藍色色調(diào)在老年人眼中可能會出現(xiàn)模糊褪色的視覺效果，從而降低元素在界面中的對比度。
顏色不應(yīng)該用作傳達信息、指示操作或區(qū)分元素的唯一視覺手段，需要用額外的文字提示，如：
△ 圖 6 顏色傳達示例說明
字體：
使用字體時，最小采用16像素，需要對主要信息進行加粗處理，并支持用戶可自由調(diào)節(jié)字體大小的能力，我們建議使用屏幕可讀性好的無襯線字體。
圖形：
首先需注意增加圖標和按鈕的尺寸大小。其次，應(yīng)盡量采用擬物化、通用化的設(shè)計，圖標語義盡可能具有老年人的生活時代特征，符合他們的知識經(jīng)驗。最后，建議搭配文字描述，方便老年人更清晰、快速理解。
△ 圖 7 圖形示例說明
引入更多維度的信息通道，能夠幫助老年人高效地接收信息。聽覺通道是僅次于視覺的最常使用的感覺通道，在設(shè)計時可考慮：
還可以通過點擊時產(chǎn)生的按壓觸覺來增強感知，更多的觸覺設(shè)計能夠幫助老年人獲得更加明顯的反饋。
界面的扁平化可分為 2 個方向：一是視覺層級的扁平化，弱化視覺效果，突出功能主義，以要表達的內(nèi)容或引導(dǎo)的操作為核心，盡可能減少干擾信息；二是信息層次的扁平化，建議頁面層級最多不要超過 2 級，縮短用戶與目標信息之間的觸達路徑。
在流程設(shè)計時，可將復(fù)雜任務(wù)拆分為目標清晰的子步驟，每一步驟中只讓用戶完成 1 項核心操作，并提供清晰的反饋，來提醒用戶要實現(xiàn)的最終目標。如滴滴的關(guān)懷版中對打車流程的精簡設(shè)計，很值得參考。
△ 圖 8 滴滴適老化設(shè)計
我們在做產(chǎn)品設(shè)計時，還要盡可能的堅持正念，尤其是面向老年群體時，需透明化個人信息的使用方式、強化危險告知，杜絕引誘式的廣告、提示等，減少干擾，避免利用老年人的弱點謀取利益，幫助他們在紛繁復(fù)雜的互聯(lián)網(wǎng)世界中不輕易受傷害。另一方面，建議使用鼓勵式的反饋設(shè)計，操作過程中給老年人更正向的情感激勵，提升使用信心。
基于以上設(shè)計策略，我們試著在貝殼找房首頁、房源詳情頁這 2 個核心頁面進行了適老化設(shè)計改造，其中老年版首頁已上線，歡迎大家在個人中心的設(shè)置里切換體驗。
1. 精簡功能，強化視覺元素：
老年關(guān)懷版的首頁中，我們只保留了買賣租賃最常使用的功能，同時放大入口的點擊區(qū)域，確保老年人也可以很快的發(fā)現(xiàn)目標功能并且順暢的點擊。
△ 圖 9 首頁球區(qū)設(shè)計
2. 多通道信息傳達與交互：
房源詳情頁承載了非常多的重要信息，尤其是頭部。我們著重突出視頻講房功能，讓老年人可以更加直觀地接收房源信息，避免閱讀大量文字，降低理解負荷。同時，大面積的分段視頻按鈕，可點擊快速切換到感興趣的內(nèi)容模塊，增強老年人的操作掌控感。
△ 圖 10 房源詳情頁頭部設(shè)計
房源詳情頁底部增加語音提問按鈕，吸底展示，方便老年人使用語音直接表達自己的訴求，信息以對話的形式直接地傳遞給用戶，更符合老年人的交流習(xí)慣。
△ 圖 11 房源詳情頁底部設(shè)計
3. 信息適老化：
結(jié)合老年人在房產(chǎn)交易中的特點，我們精簡了詳情頁中的信息，突出房源的養(yǎng)老宜居特點、與子女住所距離等老年人重點關(guān)注的內(nèi)容。
△ 圖 12 房源詳情頁信息設(shè)計
適老化設(shè)計后的房源詳情頁整體效果如下（此版僅由設(shè)計探索產(chǎn)出，若上線使用還需深入打磨）：
△ 圖 13 老年版房源詳情頁設(shè)計
在調(diào)研過程中我們發(fā)現(xiàn)，老年群體正在給火熱的二手房市場添柴加火，上海鏈家中，單 60 歲以上的購房者成交占比就達到 6.7%，53-62 歲成為置換客群的第二大年齡高峰。
△ 圖 14 2020 年上海市老年人購房情況
老年人的改善需求強烈，在選房時主要考慮與子女居所的距離、房屋本身的優(yōu)質(zhì)程度，重點關(guān)注：低樓層住宅、電梯房、小區(qū)環(huán)境、周圍醫(yī)院、小區(qū)的適老設(shè)施以及是否配備老年活動中心等信息。老年群體通常委托子女處理相關(guān)事務(wù)，但又有參與選房、表達意見的訴求，有部分的老年人會通過貝殼、鏈家 App 來了解房源信息。
因此，我們思考：如何通過更好的功能設(shè)計來滿足老年人這類特征明顯、訴求明確的客戶群體？比如，通過增加老年選房專題或調(diào)優(yōu)房源展示策略，優(yōu)選出近醫(yī)院、有電梯、便老設(shè)施齊全的房源和小區(qū)，方便老年人快速找到心儀的房源；再比如，增加設(shè)置子女小區(qū)功能，以此為基準向老年用戶推送相關(guān)房源；又比如，優(yōu)化家庭選房功能，針對性設(shè)計分享房源給父母的環(huán)節(jié)……在功能設(shè)計方面，我們還會繼續(xù)深入探索，給老年客戶一個更加貼心滿意的購房旅程。
當我們在享受互聯(lián)網(wǎng)帶來的便捷生活時，有一個數(shù)量不斷增長的群體成為了“邊緣人”。
設(shè)計應(yīng)當是民主的，是包容的，是具有人文關(guān)懷精神的。我們在日常產(chǎn)品設(shè)計中，需要有意識的考慮到老年人對于信息的接受、理解、記憶和行為的能力差異，在設(shè)計表現(xiàn)和產(chǎn)品功能上更加包容這個群體的特征，讓老年人同樣可以感受科技為生活帶來的美好變化。
雖然我們在盡力踐行著適老化研究，但依然還不夠。老去，是所有人都要面對的問題，我們終將會成為這個群體。適老化設(shè)計，應(yīng)該是適合所有人的設(shè)計，也應(yīng)當引起所有設(shè)計師的關(guān)注。
心存善念，盡力而為。
文章來源：優(yōu)設(shè) 作者：貝殼KEDC
藍藍設(shè)計( axecq.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://axecq.cn