以手機(jī)銀行為例,探索適老化設(shè)計(jì)之道
編輯導(dǎo)語(yǔ):適老化改造已經(jīng)提上日程,若想彌合老齡人群與產(chǎn)品使用之間的縫隙,研發(fā)團(tuán)隊(duì)需要站在老齡人群的使用場(chǎng)景下進(jìn)行設(shè)計(jì)改良,與此同時(shí),讓適老化設(shè)計(jì)從行為層面出發(fā),滿(mǎn)足更普遍的需求痛點(diǎn)。本篇文章里,作者就手機(jī)銀行的適老化設(shè)計(jì)做了總結(jié),不妨來(lái)看一下。
國(guó)務(wù)院辦公廳在去年11月份印發(fā)了《關(guān)于切實(shí)解決老年人運(yùn)用智能技術(shù)困難的實(shí)施方案》,發(fā)改委、衛(wèi)健委、工業(yè)信息化部、交通運(yùn)輸部、中國(guó)人民銀行部委聯(lián)合出動(dòng),在國(guó)內(nèi)數(shù)字化服務(wù)行業(yè)掀起了一陣波瀾,這也讓我們對(duì)正在探索的手機(jī)銀行方案進(jìn)行重新的審視。
一、“老年版”之困
我們相信未來(lái)產(chǎn)品的設(shè)計(jì),一定是更加跨梯度、跨年齡兼容的,產(chǎn)品能為更多的用戶(hù)帶來(lái)便捷友好的使用體驗(yàn)。我們正是以這樣的思路去理解和探索適老化設(shè)計(jì),持續(xù)為用戶(hù)創(chuàng)造更加有溫度的手機(jī)銀行產(chǎn)品。
作為金融領(lǐng)域的“小學(xué)生”,在設(shè)計(jì)之初,我們仔細(xì)閱讀了工信部牽頭響應(yīng)國(guó)務(wù)院號(hào)召的第一封細(xì)則《互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專(zhuān)項(xiàng)行動(dòng)方案》(以下簡(jiǎn)稱(chēng)“行動(dòng)方案”),文中提到產(chǎn)品設(shè)計(jì)中需要為老年人單獨(dú)定制一個(gè)“老年版”,通過(guò)例如:更大的字號(hào)、更高的對(duì)比度、語(yǔ)音讀屏、簡(jiǎn)化交互操作等設(shè)計(jì)兼顧老人的使用習(xí)慣。
于是我們馬上遇到了第一個(gè)問(wèn)題,一旦我們?cè)谙到y(tǒng)層面提供了“老年版”的切換入口,就等于給老年人群貼上了“因?yàn)槟阈袆?dòng)不便、視力不好,所以我們提供了一個(gè)不同的版本”的標(biāo)簽,這真的是老人想要的嗎?
針對(duì)該問(wèn)題,我們的解法不難——在入口的文案上下功夫,例如避開(kāi)“老年版”而采用“關(guān)懷版”“簡(jiǎn)潔版”“大字版”這樣的文案。但很快,我們遇到了第二個(gè)問(wèn)題。當(dāng)再次仔細(xì)翻閱《行動(dòng)方案》時(shí),發(fā)現(xiàn)里面明確提出了老年版零廣告插件的要求。
從老年人對(duì)信息的辨別能力較弱,容易上當(dāng)受騙的角度出發(fā)的,其出發(fā)點(diǎn)是好的,可這帶來(lái)了商業(yè)上的矛盾,如果所有用戶(hù)都切換到這個(gè)版本,如何兼顧產(chǎn)品的商業(yè)價(jià)值呢?如果我們把入口的層級(jí)適當(dāng)藏深,提高一些門(mén)檻,保證不是所有用戶(hù)都切過(guò)去,又會(huì)導(dǎo)致對(duì)老年人來(lái)說(shuō),操作入口層級(jí)深,切換門(mén)檻高的問(wèn)題。到底要怎么解決這個(gè)問(wèn)題呢?
我們認(rèn)為,目前相對(duì)合適的設(shè)計(jì)策略是,將適老的概念通用化。
二、每個(gè)人都有“老齡化時(shí)刻”
我們認(rèn)為適老設(shè)計(jì),是針對(duì)具有老齡化行為的所有人的設(shè)計(jì)。
馬里蘭大學(xué)的Gregg Vanderheiden是信息學(xué)院的交互設(shè)計(jì)教授,他在論文《產(chǎn)品制造商在阻礙、激勵(lì)消費(fèi)所采用的通用設(shè)計(jì)實(shí)踐》(Barriers, Incentives and Facilitators for Universal Design Practices by Consumer Product Manufacturers)里提到了一個(gè)概念-“情境性障礙(Situational Limitation)”,是指我們?nèi)魏我粋€(gè)人,都會(huì)在某個(gè)場(chǎng)景下出現(xiàn)臨時(shí)性的行動(dòng)障礙。
比如,你有沒(méi)有在開(kāi)車(chē)時(shí),想要使用手機(jī)找某首歌卻非常困難?在陽(yáng)光刺眼的路上走著,卻需要用手機(jī)預(yù)約一個(gè)銀行網(wǎng)點(diǎn)?或疫情期間,帶著口罩費(fèi)力地解鎖你的屏幕?
以上這些情況不僅是老人會(huì)遇到,是我們所有人都會(huì)遇到的問(wèn)題,在開(kāi)車(chē)找歌的5分鐘里,我們的眼睛會(huì)產(chǎn)生短暫的類(lèi)似白內(nèi)障的視力效果,但這個(gè)障礙是短暫的,當(dāng)我們脫離當(dāng)前情境下,障礙會(huì)自然消失,我們遇到的問(wèn)題是情境性短暫障礙。
與情境性障礙對(duì)應(yīng)的,是永久性障礙,這兩者的差異就如One Arm到New Parent,同樣都是一條胳膊無(wú)法行動(dòng),但New Parent的狀態(tài)很快就會(huì)結(jié)束。
用戶(hù)障礙狀態(tài),來(lái)自Microsoft Inclusive Design在銀行服務(wù)場(chǎng)景中,以下場(chǎng)景都屬于情境性障礙:
- 在強(qiáng)光下預(yù)約手機(jī)銀行時(shí),我們會(huì)出現(xiàn)短暫的視覺(jué)障礙;
- 抱著小孩子去ATM取錢(qián),我們會(huì)出現(xiàn)短暫的肢體障礙;
- 對(duì)銀行部分業(yè)務(wù)流程不熟悉,我們會(huì)出現(xiàn)短暫的認(rèn)知障礙。
其實(shí)我們?cè)谏钪泻芏鄷r(shí)刻,都會(huì)因?yàn)橥獠凯h(huán)境的限制導(dǎo)致我們產(chǎn)生短暫性地“老齡化時(shí)刻”,那這對(duì)我們?cè)O(shè)計(jì)方案有什么啟發(fā)?
三、讓所有人受益的設(shè)計(jì)
我們相信:起初為行動(dòng)障礙的老人或殘障人士的設(shè)計(jì),最終有可能所有人都受益。
如谷歌無(wú)障礙設(shè)計(jì)專(zhuān)家夏冰瑩在她的《5 lessons I learned by designing for accessibility》中提到的經(jīng)典案例-Curb Cut Effect(人行道斜坡效應(yīng)),斜坡起初是為了給行動(dòng)不便的老人或依賴(lài)輪椅的殘障人士設(shè)計(jì)的,但我們有拖行李箱經(jīng)驗(yàn)的同學(xué)應(yīng)該都能感受到這項(xiàng)設(shè)計(jì)帶來(lái)的便利。
人行道斜坡實(shí)景圖
這種設(shè)計(jì)思路也被稱(chēng)為“通用性設(shè)計(jì)”,類(lèi)似的案例還有很多,例如:閉合字幕,閉合字幕的發(fā)明是為了讓聽(tīng)力障礙的人,不用通過(guò)音效和背景音,也能夠更好地理解電影里的情節(jié),但最終,我們很多人都能從中獲益。如果我們希望在嘈雜的環(huán)境下仍然可以觀看視頻,開(kāi)啟閉合字幕可以幫我們更清楚地理解內(nèi)容。
閉合字幕頁(yè)面,來(lái)自Youtube
從這個(gè)案例我們得到的啟發(fā)是,優(yōu)秀的適老化設(shè)計(jì)并不一定要強(qiáng)調(diào)“老年”這個(gè)詞,而是通過(guò)滿(mǎn)足更加普適的場(chǎng)景痛點(diǎn),來(lái)指導(dǎo)我們的方案設(shè)計(jì)。
四、情景性障礙下的設(shè)計(jì)考量
銀行服務(wù)作為日常生活中的必備服務(wù),覆蓋的人群從大學(xué)生到老年人,跨度很大,所以在產(chǎn)品框架規(guī)劃初期,就應(yīng)當(dāng)充分考慮到所有具有暫時(shí)性障礙的場(chǎng)景,設(shè)計(jì)并不按照年齡劃分,而是一種按照行為區(qū)分的設(shè)計(jì)思路。
情境性障礙主要分為以下幾類(lèi):視覺(jué)障礙、肢體障礙、聽(tīng)覺(jué)障礙以及認(rèn)知障礙。
1. 視覺(jué)情境性障礙
老年黃斑病變是一種常見(jiàn)的慢性疾病,會(huì)導(dǎo)致患者視力受損,患者的中央視野會(huì)出現(xiàn)模糊或者形成視覺(jué)盲點(diǎn)。雖然對(duì)周邊視覺(jué)影響不大,但中央視力受損會(huì)影響患者閱讀、駕車(chē)以及辨認(rèn)臉孔的能力。下圖是我模擬視覺(jué)障礙的效果。
不同情境、身體狀態(tài)下所看到的頁(yè)面
在情境性視覺(jué)障礙的實(shí)際案例在前往銀行的路上,陽(yáng)光明媚,小張想要打開(kāi)手機(jī)來(lái)查看一下賬戶(hù)余額,讓辦理業(yè)務(wù)時(shí)心理有數(shù),但卻因?yàn)閺?qiáng)光的照射導(dǎo)致小張需要很費(fèi)力地在屏幕上找到某個(gè)功能項(xiàng)。
1)這對(duì)我們有什么啟發(fā)?
仔細(xì)分析情境,用戶(hù)打開(kāi)手機(jī)銀行經(jīng)常是臨時(shí)起意去查看賬戶(hù)余額,這使得打開(kāi)手機(jī)銀行的外部環(huán)境豐富多樣,用戶(hù)可能是在走在去銀行的路上,也可能是在駕駛的途中,打開(kāi)快,離開(kāi)也快,這對(duì)信息架構(gòu)的清晰性有極高的要求。
然而,目前多數(shù)手機(jī)銀行的首頁(yè)架構(gòu)是寬而淺的,基本是Banner+金剛區(qū)的搭配,這是一種非常成熟的信息架構(gòu),它能在短時(shí)間內(nèi)營(yíng)造出功能豐富強(qiáng)大的感覺(jué)。
但這樣的架構(gòu)也有一個(gè)問(wèn)題,那就是金剛區(qū)的結(jié)構(gòu)只能采用icon+banner的方式,這種結(jié)構(gòu)限制了我們能夠傳遞給用戶(hù)的信息量,用戶(hù)在進(jìn)入應(yīng)用后,功能入口密度較大,需要一段時(shí)間的探索學(xué)習(xí)。
2)以用戶(hù)資產(chǎn)為中心組織首頁(yè)的設(shè)計(jì)
解決這個(gè)問(wèn)題要回到如何保證信息架構(gòu)清晰性的問(wèn)題上。我們面臨的問(wèn)題是,銀行的業(yè)務(wù)復(fù)雜專(zhuān)業(yè)且全面,應(yīng)當(dāng)如何去組織信息結(jié)構(gòu)?
業(yè)務(wù)現(xiàn)狀
如果將首頁(yè)的信息架構(gòu)進(jìn)行抽象,有兩種主流的框架,寬而淺的散裝首頁(yè)是目前采用比較多的設(shè)計(jì)方式,我們認(rèn)為這種方式的優(yōu)勢(shì)在于能在首頁(yè)承載更多業(yè)務(wù),但對(duì)用戶(hù)來(lái)說(shuō),信息明確度上會(huì)有些模糊;另一種就是窄而深的線(xiàn)性架構(gòu),首頁(yè)的功能的曝光量上會(huì)有所縮減,但能保證每一個(gè)功能的信息量足夠多。
首頁(yè)信息架構(gòu)差異
在元素層面,我們采用原子拼接的設(shè)計(jì)方式,將矩陣放大,保證每個(gè)原子能夠有更大的信息展示空間。
原先的賬戶(hù)管理以icon形式承載的入口,我們替換為343×256的賬戶(hù)信息卡,這樣放大的好處主要在于我們可以將藏在2、3甚至更深層級(jí)的信息淺層化,更加直觀地給到用戶(hù),并且首頁(yè)框架我們按照優(yōu)先級(jí)排序,保證用戶(hù)想要的一定能最快看到。
一級(jí)頁(yè)面示意
這種架構(gòu)也可以靈活地根據(jù)客戶(hù)業(yè)務(wù)的不同階段、不同需求進(jìn)行快速調(diào)整。靈活的組合方式可以使整個(gè)團(tuán)隊(duì)更有節(jié)奏地提升產(chǎn)品質(zhì)量。
擴(kuò)展性示意
2. 肢體情境性障礙
肢體障礙的情況差別會(huì)比較大,老年群體中比較普遍的頸椎病、長(zhǎng)期服用藥物導(dǎo)致的周?chē)窠?jīng)壓迫疾病等,在產(chǎn)品使用過(guò)程中,會(huì)存在以下障礙:
- 手指顫抖導(dǎo)致靈活度受限:點(diǎn)擊一個(gè)按鈕所花費(fèi)的時(shí)間較長(zhǎng),對(duì)同一個(gè)操作控件的可點(diǎn)擊區(qū)的面積要求更高;
- 手掌力度下降導(dǎo)致握持不穩(wěn):老人傾向于大屏手機(jī),但大屏手機(jī)的重量使得老人需要使用更大的力度持握,無(wú)法長(zhǎng)時(shí)間連續(xù)使用手機(jī)。
1)體現(xiàn)在情境性肢體障礙的實(shí)際案例
在顛簸的大巴車(chē),接到一個(gè)日歷通知,告知用戶(hù)需要向某銀行卡轉(zhuǎn)賬,于是需要在顛簸的環(huán)境下打開(kāi)手機(jī)銀行進(jìn)行轉(zhuǎn)賬操作。此時(shí),劇烈晃動(dòng)的屏幕會(huì)讓我們的手指靈活度短暫受限,無(wú)法精準(zhǔn)快速地點(diǎn)擊按鈕,甚至?xí)霈F(xiàn)手機(jī)掉落的情況。
2)這對(duì)我們有什么啟發(fā)?
肢體障礙的情境下,需盡量保證按鈕簡(jiǎn)單聚焦,對(duì)內(nèi)容進(jìn)行一再精簡(jiǎn)合并,讓出更多的面積保證操作。這里的精簡(jiǎn)是用最簡(jiǎn)單的語(yǔ)言精準(zhǔn)地傳達(dá)內(nèi)容,而不是直接刪除內(nèi)容。
3)不跳出的高效轉(zhuǎn)賬流程設(shè)計(jì)
轉(zhuǎn)賬作為目前手機(jī)銀行使用頻率最高的操作,平均每個(gè)人用戶(hù)的常用轉(zhuǎn)賬人在2-3個(gè),基于此,我們?cè)诹鞒躺喜捎昧溯p量的設(shè)計(jì)方式,給用戶(hù)營(yíng)造一種輕量快速的體驗(yàn)。
在元素上,我們?cè)O(shè)計(jì)了上卡片+下信息的布局,將頁(yè)面內(nèi)容切割為兩部分,充分利用卡片元素承載更多轉(zhuǎn)賬對(duì)象的信息,從而讓用戶(hù)可以聚焦在輸入金額的操作上。
轉(zhuǎn)賬流程示意
同時(shí),在新建銀行卡的流程,繼承了滑動(dòng)操作,只需要滑動(dòng)即可激活流程。同時(shí)在用戶(hù)輸入基本信息的同時(shí),實(shí)時(shí)更新所輸入的信息,輔助用戶(hù)完成新建操作。
添加銀行卡操作示意后續(xù)我們將會(huì)增加信息穿梭,語(yǔ)音喚起的功能,期望在整個(gè)流程上能做到最簡(jiǎn)化。
信息穿梭示意
3. 認(rèn)知情境性障礙
老年人是阿茲海默癥、海馬區(qū)受損的高發(fā)人群,這類(lèi)疾病會(huì)導(dǎo)致人對(duì)外界事物產(chǎn)生認(rèn)知障礙,主要表現(xiàn)為記憶力下降、學(xué)習(xí)障礙等。認(rèn)知障礙主要分為2個(gè)階段:
- 輕度記憶力減退期,這個(gè)階段主要是應(yīng)變能力下降,對(duì)新事物表現(xiàn)出茫然的情緒,對(duì)所處位置定向困難;
- 中度視空間能力下降,在這個(gè)階段,人處理問(wèn)題,辨別事物的相似點(diǎn)和差異點(diǎn)方面有困難。
1)體現(xiàn)在情境性認(rèn)知障礙的實(shí)際案例
小張開(kāi)了一上午會(huì),頭腦昏昏沉沉,但昨天預(yù)約了今天中午的大額取現(xiàn),臨出門(mén)時(shí)總覺(jué)得似乎少帶了什么東西。這種短暫的認(rèn)知障礙,是因?yàn)榇竽X長(zhǎng)時(shí)間工作后,出現(xiàn)了暫時(shí)的記憶力減退的情況。
2)這對(duì)我們有什么啟發(fā)?
認(rèn)知障礙對(duì)我們來(lái)說(shuō),更多的是當(dāng)用戶(hù)辦理線(xiàn)上業(yè)務(wù)時(shí),我們應(yīng)當(dāng)將信息以更易懂的方式傳遞給用戶(hù)。
銀行的業(yè)務(wù)相對(duì)比較復(fù)雜,比如購(gòu)買(mǎi)理財(cái)產(chǎn)品時(shí),”開(kāi)放式基金”、”結(jié)息”、”R2風(fēng)險(xiǎn)”等專(zhuān)業(yè)名詞的理解門(mén)檻較高,使得很多用戶(hù)在購(gòu)買(mǎi)時(shí)難以辨別產(chǎn)品差異,從而把關(guān)注度只放在收益、投資期限這些參數(shù)上。
并且,很多政策性的波動(dòng)其實(shí)最終體現(xiàn)在頁(yè)面上的只是某個(gè)名詞的變化,這讓很多用戶(hù)更加一頭霧水。
例如,2018年國(guó)家發(fā)布了大資產(chǎn)新規(guī),以央行為首的所有銀行,要求理財(cái)產(chǎn)品必須是凈值型,不再出售保本理財(cái)產(chǎn)品。也就是說(shuō),投資者購(gòu)買(mǎi)理財(cái)產(chǎn)品不再高枕無(wú)憂(yōu),需要自負(fù)盈虧。
這在很多理財(cái)產(chǎn)品介紹頁(yè)中,唯一明顯變化的就是加了“凈值型”三個(gè)字,至今仍有很多用戶(hù)還會(huì)有理財(cái)=穩(wěn)贏的認(rèn)知。
3)同屏解說(shuō)的設(shè)計(jì)
因?yàn)槔碡?cái)產(chǎn)品構(gòu)成的復(fù)雜性,需要很多專(zhuān)業(yè)名詞來(lái)解釋產(chǎn)品構(gòu)成、風(fēng)險(xiǎn)說(shuō)明等。所以我們?cè)谠斍轫?yè)保持了理財(cái)產(chǎn)品的通用結(jié)構(gòu),增加了同屏解說(shuō)的入口,開(kāi)啟該功能后,產(chǎn)品介紹中的主要價(jià)值將會(huì)被提煉出來(lái)置頂,同時(shí)復(fù)雜的詞匯會(huì)高亮展示,并對(duì)這些詞匯進(jìn)行解釋?zhuān)ㄟ^(guò)這種方式,降低用戶(hù)的理解門(mén)檻。
同屏解說(shuō)方案示意
4)網(wǎng)點(diǎn)流程指引的設(shè)計(jì)
目前,各大銀行都在進(jìn)行業(yè)務(wù)的線(xiàn)上遷移,但多數(shù)用戶(hù)仍然有去網(wǎng)點(diǎn)辦理業(yè)務(wù)的習(xí)慣。
用戶(hù)辦理渠道示意
在線(xiàn)下網(wǎng)點(diǎn)預(yù)約業(yè)務(wù)時(shí),首先呈現(xiàn)給用戶(hù)的的是“您要選擇哪一項(xiàng)業(yè)務(wù)”,用戶(hù)選擇完自己所要辦理的業(yè)務(wù)后,如果該業(yè)務(wù)可以線(xiàn)上辦理,我們會(huì)推薦用戶(hù)線(xiàn)上辦理,如果只能線(xiàn)下辦理,我們?cè)僬故揪W(wǎng)點(diǎn)預(yù)約,在用戶(hù)完成預(yù)約后,提供詳細(xì)的操作指引,避免用戶(hù)去銀行時(shí)忘帶東西或因?yàn)榱鞒滩皇煜ざ置δ_亂。
流程指引設(shè)計(jì)示意
五、拋開(kāi)有色眼鏡的設(shè)計(jì)
1. 年齡歧視帶來(lái)的情緒挫?。ōh(huán)境層面)
以年齡對(duì)人進(jìn)行分類(lèi)和劃分,會(huì)帶來(lái)傷害、困境和不公正待遇。WHO的數(shù)據(jù)表明,世界上有二分之一的人都存在年齡歧視的問(wèn)題。
老年人在工作場(chǎng)所中普遍處于不利的地位,而且隨著年齡的增長(zhǎng),針對(duì)老年人的專(zhuān)門(mén)培訓(xùn)和教育的機(jī)會(huì)也在顯著減少,這導(dǎo)致老年人在社會(huì)上普遍存在社會(huì)孤立、孤獨(dú)感加劇問(wèn)題。
2020年康奈爾大學(xué)的一項(xiàng)研究顯示,在中國(guó)、美國(guó)、日本等國(guó)家,每年因年齡歧視導(dǎo)致的額外八項(xiàng)健康問(wèn)題的支出超過(guò)630億美元,對(duì)于60歲以上的老人,每年用于處理這些健康問(wèn)題的支出占其醫(yī)療支出的1/7。
歧視問(wèn)題像蝴蝶效應(yīng),帶來(lái)了很多問(wèn)題需要通過(guò)設(shè)計(jì)解決。通過(guò)一些專(zhuān)業(yè)人士了解到,在去銀行網(wǎng)點(diǎn)辦理業(yè)務(wù)的老年人因?yàn)槔夏耆耸艿降纳鐣?huì)歧視,導(dǎo)致鈍感力較差,情緒敏感,很容易出現(xiàn)情緒挫敗的狀況。
2. 生理變化導(dǎo)致負(fù)面情緒修復(fù)能力差
進(jìn)入60歲后,大腦皮層和皮下多種神經(jīng)細(xì)胞發(fā)生退行性變化,神經(jīng)纖維的再生能力下降,腦血流量和氧氣的攝取量減少,導(dǎo)致身體對(duì)負(fù)面情緒的修復(fù)能力較弱。
這導(dǎo)致了情緒差的惡性循環(huán),所以我們?cè)谠O(shè)計(jì)時(shí)應(yīng)該更加關(guān)注和關(guān)懷用戶(hù)的挫敗心理。
3. 設(shè)計(jì)時(shí)避開(kāi)“老年”“特殊”等詞
在方案中,我們提供了同屏解說(shuō)功能,希望通過(guò)這種設(shè)計(jì)能夠降低理財(cái)門(mén)檻。該功能的入口設(shè)計(jì),我們修改了好幾版,從最初的加一個(gè)老年人的icon,到最終的講解文案,希望在產(chǎn)品設(shè)計(jì)中,減少一些特殊文案產(chǎn)生的貼標(biāo)簽感知,讓方案能更加通用、平等。
六、參照已有標(biāo)準(zhǔn)找到平衡點(diǎn)
這里就重點(diǎn)介紹如何利用這些基礎(chǔ),找到一個(gè)平衡點(diǎn)來(lái)指導(dǎo)設(shè)計(jì),滿(mǎn)足普通用戶(hù)情境性障礙的問(wèn)題。
1. 對(duì)比度——使用一些輔助工具檢查對(duì)比度是否合理
WCAG有AA和AAA《色彩無(wú)障礙設(shè)計(jì)》的對(duì)比度標(biāo)準(zhǔn),我們認(rèn)為通用的頁(yè)面上,例如一級(jí)tab,滿(mǎn)足AA的要求(4.5:1)即可。
一些在線(xiàn)工具可以幫助我們測(cè)試對(duì)比度是否滿(mǎn)足 WCAG的標(biāo)準(zhǔn),給大家推薦四個(gè):WebAIM`s Color Contrast Checker、Contrast-ratio、EightShapes Contrast Grid、Color Tool。
幾種常用校對(duì)工具
2. 字高——5.62mm左右
有一個(gè)叫“Visual Angle Calculator”的網(wǎng)站有個(gè)程序可以直接視線(xiàn)與屏幕間的距離得出最小字高。老人視覺(jué)能力下降,有研究表明,老人的最小可接受視角是0.75度,視距是43cm,換算之后相當(dāng)于字高5.62mm。
3. 觸摸目標(biāo)尺寸間距
在界面設(shè)計(jì)中,需要放大觸摸目標(biāo)以提高老人點(diǎn)擊的準(zhǔn)確率和速度。44*44 point是Apple HIG建議的最小點(diǎn)觸面積,44point換算成物理尺寸為0.27英寸(6.86mm)。有文章建議老齡化產(chǎn)品的點(diǎn)觸最小目標(biāo)為10.5mm,同時(shí)減少相鄰互動(dòng)元素之間的距離,至少相距2mm。
七、結(jié)語(yǔ)
目前已很多設(shè)計(jì)團(tuán)隊(duì)都在嘗試以情境性障礙的思維做設(shè)計(jì),像Google的Next Billion User計(jì)劃,就是在為來(lái)自不同地區(qū)的用戶(hù)做更多本地化設(shè)計(jì),用戶(hù)可能因?yàn)榫W(wǎng)絡(luò)較差、或因?yàn)轵T摩托車(chē)而導(dǎo)致行為情景障礙,Google也分別為以上兩種情況給出了自己的解決方案。
Google在情境性障礙的設(shè)計(jì)嘗試
另外還有Microsoft,他們提出了Inclusive Design(包容性設(shè)計(jì)),是與官方設(shè)計(jì)語(yǔ)言Fluent Design占同等比重的設(shè)計(jì)語(yǔ)言。并且提供了詳細(xì)的設(shè)計(jì)工具、Sketch插件供設(shè)計(jì)師使用。
本篇聚焦在框架場(chǎng)景層面與大家交流我們?cè)谑謾C(jī)銀行產(chǎn)品設(shè)計(jì)中對(duì)于適老化領(lǐng)域的探索。適老化這條路任重而道遠(yuǎn),希望能有更多同學(xué)留言討論,和我們一同探索前行。
作者:Nasa,來(lái)自騰訊云設(shè)計(jì)中心
推薦關(guān)注公眾號(hào) “騰訊設(shè)計(jì)”( 微信ID:TencentDesign ),第一時(shí)間獲取騰訊官方的設(shè)計(jì)方法論
本文由 @騰訊設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Pexels,基于CC0協(xié)議
不跳出的高效轉(zhuǎn)賬流程設(shè)計(jì)之一部分
既然轉(zhuǎn)賬是最常用的操作,為什么和還款、更多這些功能沒(méi)有按鍵區(qū)分?