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