編輯導(dǎo)語(yǔ)：當(dāng)今社會(huì)互聯(lián)網(wǎng)已經(jīng)成為了人們不可或缺的存在，但他們似乎忘記了老年群體的存在。面對(duì)游離在互聯(lián)網(wǎng)外的群體，作者呼吁提高設(shè)計(jì)師對(duì)于「適老化設(shè)計(jì)」的認(rèn)知，加重對(duì)老人的關(guān)懷。一起來(lái)看看吧。

一、前言

互聯(lián)網(wǎng)儼然成了人們生活不可分割的一部分。最近在網(wǎng)上看到一位攝影師用照片講述了一個(gè)老人的故事。老人用不同的方式保存了一生的情感記錄友情、親情、愛(ài)情。最開始信封往來(lái)，照片合影，到新時(shí)代的通過(guò)微信、QQ等互聯(lián)網(wǎng)產(chǎn)品交流。幾十年間，生活方式發(fā)生了翻天覆地的變化，也是見(jiàn)證了時(shí)代的變化。我們通常都可以很快速的接受新鮮事物，可老人就未必了。

所以我決定寫這篇文章。呼吁提高設(shè)計(jì)師對(duì)于「適老化設(shè)計(jì)」的認(rèn)知，加重對(duì)老人的關(guān)懷。其實(shí)冰冷的代碼也可以充滿溫度。

二、適老化設(shè)計(jì)概述

1. 適老化設(shè)計(jì)的概念

在百度百科里對(duì)適老化設(shè)計(jì)的解釋是指在住宅中，或在商場(chǎng)、醫(yī)院、學(xué)校等公共建筑中充分考慮到老年人的身體機(jī)能及行動(dòng)特點(diǎn)做出相應(yīng)的設(shè)計(jì)，包括實(shí)現(xiàn)無(wú)障礙設(shè)計(jì)，引入急救系統(tǒng)等，以滿足已經(jīng)進(jìn)入老年生活或以后將進(jìn)入老年生活的人群的生活及出行需求。

也就是說(shuō)設(shè)計(jì)師應(yīng)堅(jiān)持“以老年人為本”的設(shè)計(jì)理念，從老年人的視角出發(fā)，切身感受老年人的不同需求，從而設(shè)計(jì)出適應(yīng)老年人生理以及心理需求的建筑及室內(nèi)空間環(huán)境，最大限度幫助這些隨著年齡衰老出現(xiàn)身體機(jī)能衰退，甚至是功能障礙的老年人，為他們的日常生活和出行提供盡可能的方便。

2、適老化設(shè)計(jì)的起源

2020年11月，國(guó)務(wù)院辦公廳印發(fā)了《關(guān)于切實(shí)解決老年人運(yùn)用智能技術(shù)困難實(shí)施方案》，就進(jìn)一步推動(dòng)解決老年人在運(yùn)用智能技術(shù)方面遇到的困難，堅(jiān)持傳統(tǒng)服務(wù)方式與智能化服務(wù)創(chuàng)新并行，為老年人提供更周全、更貼心、更直接的便利化服務(wù)做出部署。

12月25日，工信部召開新聞發(fā)布會(huì)，明確了幫助老年人更好地應(yīng)用智能技術(shù)的一系列措施，并提出于2021年1月起將在全國(guó)范圍內(nèi)開展為期一年的“互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專項(xiàng)行動(dòng)”，對(duì)新聞媒體、社交、購(gòu)物等主流網(wǎng)站和app提出了適老化改造的要求。在國(guó)家的重視和推進(jìn)下，許多智能手機(jī)app進(jìn)行初步的適老化改造工作。

2021年，工信部進(jìn)一步推動(dòng)互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專項(xiàng)行動(dòng)實(shí)施工作，助力老年人、殘疾人等重點(diǎn)受益群體平等便捷地獲取、使用互聯(lián)網(wǎng)應(yīng)用信息，明確了《互聯(lián)網(wǎng)網(wǎng)站適老化通用設(shè)計(jì)規(guī)范》和《移動(dòng)互聯(lián)網(wǎng)應(yīng)用（APP）適老化通用設(shè)計(jì)規(guī)范》等相關(guān)文件。

3、適老化設(shè)計(jì)的現(xiàn)狀

在政府出臺(tái)的政策文件中，李克強(qiáng)總理對(duì)于信息數(shù)據(jù)化、老齡化也是格外關(guān)注。在國(guó)務(wù)院辦公廳的《實(shí)施方案》中一項(xiàng)重點(diǎn)任務(wù)是：“推進(jìn)互聯(lián)網(wǎng)應(yīng)用適老化改造。鼓勵(lì)企業(yè)將無(wú)障礙改造納入日常更新維護(hù)。”

2021年，在全國(guó)范圍內(nèi)組織開展為期一年專項(xiàng)行動(dòng)。重點(diǎn)工作包括開展互聯(lián)網(wǎng)網(wǎng)站與移動(dòng)互聯(lián)網(wǎng)應(yīng)用（APP）適老化及無(wú)障礙改造、開展適老化及無(wú)障礙改造水平評(píng)測(cè)并納入“企業(yè)信用評(píng)價(jià)”、授予信息無(wú)障礙標(biāo)識(shí)及公示工作等三方面7項(xiàng)具體內(nèi)容。

專項(xiàng)行動(dòng)首批將完成115個(gè)公共服務(wù)類網(wǎng)站和43個(gè)手機(jī)APP的適老化及無(wú)障礙改造，覆蓋國(guó)家相關(guān)部委及省級(jí)政府、殘疾人組織、新聞資訊、交通出行、金融服務(wù)、社交通信、生活購(gòu)物、搜索引擎、旅游出行、醫(yī)療健康等領(lǐng)域。

4、適老化設(shè)計(jì)的意義

截至2021年6月，我國(guó)網(wǎng)民規(guī)模達(dá)10.11億中，50歲及以上網(wǎng)民占比為28%，共有較2020年6月增長(zhǎng)5.2個(gè)百分點(diǎn)。也就是目前有2.83億互聯(lián)網(wǎng)中老年用戶，每年新增5千萬(wàn)中老年互聯(lián)網(wǎng)用戶。通常情況下，手機(jī)里只需裝35個(gè)APP就可以滿足社交、娛樂(lè)、電商、新聞等等各個(gè)方面需求，首批適老化改造的43個(gè)手機(jī)APP幾乎可以幫助2.74億老年人更好應(yīng)用智能技術(shù)。

老年用戶與新生代用戶有明顯的差距，主要體現(xiàn)在以下幾個(gè)方面：

身體機(jī)能：隨著年齡增長(zhǎng)，人體機(jī)能難免會(huì)出現(xiàn)退化。主要體現(xiàn)在視覺(jué)、聽覺(jué)、行動(dòng)力。

思維方式：目前大部分?jǐn)?shù)字化產(chǎn)品的設(shè)計(jì)者是85 90后，出生的年代決定了理解數(shù)字化產(chǎn)品能力必然不同。另外受到記憶力、理解力影響，老年用戶對(duì)新生文化了解能力非常有限。

使用意愿：每個(gè)人對(duì)于新事物多多少少都會(huì)存在恐懼和抗拒，老年用戶接觸互聯(lián)網(wǎng)的心理障礙就更加劇了。在一個(gè)新的環(huán)境里，害怕上當(dāng)受騙？擔(dān)心自己不會(huì)用被嘲笑？使得他們瞻前顧后。

適老化設(shè)計(jì)的意義就在于提供更便捷、可觸達(dá)的客服服務(wù)的同時(shí)，也要通過(guò)智能識(shí)別和默認(rèn)項(xiàng)減少用戶操作成本。降低老年用戶加入互聯(lián)網(wǎng)的門檻，縮短互聯(lián)網(wǎng)不同類型人群的差距。

二、老年群體用戶特征

1. 老年群體劃分界限

老年年齡的劃分，根據(jù)不同的標(biāo)準(zhǔn)，有不同的劃分。

按照新年齡分段劃分，45歲以下為青年，45－59歲為中年，60－74為年輕的老人或老年前期，75－89歲為老年，90歲以上為長(zhǎng)壽老年人。

按照國(guó)際規(guī)定，65周歲以上的人確定為老年。

在中國(guó)，60周歲以上的公民為老年人。

人過(guò)50后，時(shí)間感覺(jué)走得就更快了。尤其是退休后，不再承擔(dān)社會(huì)的功能角色，這種被時(shí)代遺忘的孤獨(dú)感更加強(qiáng)烈。不用說(shuō)那些『老領(lǐng)導(dǎo)』『老首長(zhǎng)』不被前簇后擁的失落感，即使領(lǐng)著退休金的普通老百姓，也會(huì)在喝著小酒打著小牌時(shí)說(shuō)一句『想當(dāng)年』。

2. 適老化產(chǎn)品的應(yīng)用場(chǎng)景

經(jīng)調(diào)研，老年用戶對(duì)社交通訊、新聞資訊、生活購(gòu)物娛樂(lè)這三類App使用頻率最高。可以推測(cè)出老年用戶在上網(wǎng)過(guò)程中最常用的功能是：出行需要（健康碼、行程碼）、醫(yī)院掛號(hào)、銀行業(yè)務(wù)辦理、購(gòu)買車票（機(jī)票、火車票）、線上繳費(fèi)等。那么使用產(chǎn)品的實(shí)際場(chǎng)景以及常見(jiàn)的問(wèn)題是什么呢？

（1）網(wǎng)約車

場(chǎng)景：在需要打車時(shí)，基本是通過(guò)網(wǎng)約車平臺(tái)約車，等司機(jī)來(lái)接。

問(wèn)題：老年人不會(huì)網(wǎng)約車，出門想打個(gè)車，很困難；首次使用APP的時(shí)候如果未設(shè)置支付方式、方式可能會(huì)涉及到跨多個(gè)APP完成支付。

（2）醫(yī)院掛號(hào)

場(chǎng)景：由于互聯(lián)網(wǎng)醫(yī)療的普及，在線預(yù)約掛號(hào)越來(lái)越平常。而且醫(yī)院里大多也采用自助機(jī)掛號(hào)和取號(hào)的方式，人工越來(lái)越少，如果不在網(wǎng)上預(yù)約，看病非常難。

問(wèn)題：假設(shè)老年人不會(huì)使用軟件掛號(hào)和醫(yī)院的自助機(jī)掛號(hào)情況下，只好去窗口排隊(duì)，需要非常早到醫(yī)院排隊(duì)。即便如此，老年高頻的病以及主任醫(yī)師的號(hào)也很難拿到。給老年人帶來(lái)不便。

（3）銀行認(rèn)證

場(chǎng)景：銀行很多業(yè)務(wù)已實(shí)現(xiàn)半自動(dòng)化，需要手機(jī)配合操作完成業(yè)務(wù)。

問(wèn)題：辛辛苦苦跑一趟銀行，但因手機(jī)使用不熟練，導(dǎo)致業(yè)務(wù)無(wú)法順利辦理。

（4）火車票

場(chǎng)景 ：外出前使用手機(jī)線上查票、購(gòu)票、余票數(shù)量等信息透明可查，篩選、退票、改簽均可操作，趕上節(jié)假日，提前30天即可購(gòu)票。

問(wèn)題：老年人不會(huì)使用購(gòu)票軟件，在不知是否有票的情況下也只能去車站窗口排隊(duì)碰碰運(yùn)氣，退票、改簽等也只能跑窗口。節(jié)假日購(gòu)票需求量大，去窗口買到票的機(jī)率非常小。

（5）網(wǎng)絡(luò)支付

場(chǎng)景：從面對(duì)面現(xiàn)金支付到網(wǎng)絡(luò)支付，完全不同的支付方式，接受起來(lái)很慢，操作不熟練，不敢放心使用。

問(wèn)題：線下基本沒(méi)有現(xiàn)金支付了，而手機(jī)支付不會(huì)用。對(duì)于網(wǎng)絡(luò)陌生，內(nèi)心保持不信任。

3. 視力下降的原因

（1）年齡增長(zhǎng)

隨著年齡增長(zhǎng)身體器官老化、機(jī)能退化，這是人類不可避免的自然現(xiàn)象。當(dāng)然不同的老年人老化的程度也是不同的，主要取決于如何用眼以及對(duì)眼睛的保護(hù)。如果用眼不當(dāng)，就會(huì)加速眼睛老化，甚至患病。

（2）眼睛病變

年齡增長(zhǎng)，器官老化確實(shí)是視力下降原因，但并不是全部。不排除老年人眼睛發(fā)生病變，比如青光眼、白內(nèi)障等疾病，在老年人身上是非常常見(jiàn)的，若不及時(shí)治療，疾病會(huì)不斷加重。

（3）用眼不健康

年輕人經(jīng)常會(huì)出現(xiàn)近視眼，老人就不會(huì)了嗎？在生活中如果有很多不好的用眼習(xí)慣，比如黑暗下看電視手機(jī)或者躺床上看手機(jī)，也會(huì)導(dǎo)致近視眼。

4、操作困難的原因

隨著年紀(jì)增長(zhǎng)，老人的肌肉會(huì)流失出現(xiàn)肌肉無(wú)力的癥狀，導(dǎo)致老人的動(dòng)作幅度減小，在手機(jī)上進(jìn)行精確細(xì)致的操作難度很大，極容易出現(xiàn)誤觸的可能。

目前智能設(shè)備大多都是電容屏，原理主要是電阻式和電容式。電容式就是將人體充當(dāng)一個(gè)電極，在人觸屏的時(shí)候會(huì)改變電容。老人細(xì)胞水分減少，皮膚皺紋加深，使得使用觸屏靈敏度大大降低，哪怕是正確的手勢(shì)，可能也會(huì)很難完成操作目標(biāo)。

三、適老化視覺(jué)設(shè)計(jì)方法

設(shè)計(jì)師是團(tuán)隊(duì)中為數(shù)不多可以站在用戶角度思考問(wèn)題的產(chǎn)品角色。所以不應(yīng)把適老化設(shè)計(jì)成一味的音量大、字號(hào)大、大設(shè)備。不考慮兼容性，可能會(huì)出現(xiàn)由于字號(hào)過(guò)于大，頁(yè)面其他元素都“跑了”位置，驗(yàn)證碼也錯(cuò)位了。不僅沒(méi)降低難度，反而帶來(lái)困擾。

1. 使用非襯線體

字體的選擇上，規(guī)則是減少不必要的視覺(jué)干擾，保證易讀性，更適合老年人?？勺煮w分為襯線體和非襯線體如何選擇呢？

襯線又被稱為“字腳”，襯線體（Serif）就是指有邊角裝飾的字體。非襯線體（Sans-serif）則與襯線體相反，通常是機(jī)械和統(tǒng)一粗細(xì)的線條，沒(méi)有邊角的裝飾。

所以常規(guī)的非襯線體可讀性更強(qiáng)。從視覺(jué)角度上看非襯線體比襯線體更大、結(jié)構(gòu)更清晰，所以建議長(zhǎng)文閱讀或小屏幕更偏好使用非襯線字體；襯線字體主要用來(lái)提升短句美感，更多用于標(biāo)題或者小篇幅文本。

2. 最小字號(hào)16pt

Ant Design設(shè)計(jì)語(yǔ)言中有講到確認(rèn)最小字體的方法，通過(guò)肉眼到物體之間的距離、物體的高度以及人的最小可接受視角，構(gòu)成一個(gè)三角函數(shù)關(guān)系。

對(duì)于普通用戶，最小視角0.3度時(shí)的閱讀效率最好，一般眼睛距離電腦屏幕為50cm，根據(jù)三角函數(shù)公式能算出合適的字高。對(duì)于不同PPI的屏幕可以通過(guò)兩輪換算（cm到inch，inch到pixel）得出最小字號(hào)。（換算網(wǎng)站在文章末尾）

經(jīng)過(guò)計(jì)算得出，字號(hào)最小采用16像素。一般產(chǎn)品設(shè)計(jì)大多使用Regular和Medium兩種字重，對(duì)于老齡化產(chǎn)品，考慮易讀性，可以通過(guò)在原本基礎(chǔ)上再提升一個(gè)字重，加粗文本的方式使文字輪廓更加清晰。

3. 自由調(diào)節(jié)字號(hào)大小

上面計(jì)算出的16pt字號(hào)也僅僅適用于大部分人群，不排除16pt都未必可以滿足他們的可能。在iOS系統(tǒng)設(shè)計(jì)顯示與亮度中，可以修改文字粗細(xì)，調(diào)節(jié)文字大小。

微信里也有類似的功能。目的就一個(gè)，可以根據(jù)自身視力做對(duì)應(yīng)的選擇，提供優(yōu)質(zhì)的用戶體驗(yàn)讓各種用戶都可以便捷使用產(chǎn)品。

4. 1.5-1.8倍的行間距

在移動(dòng)應(yīng)用中，應(yīng)可對(duì)文字大小進(jìn)行調(diào)整，段落內(nèi)文字的行距至少為1.3倍，且段落間距至少比行距大1.3倍，同時(shí)兼顧移動(dòng)應(yīng)用適用場(chǎng)景和顯示效果。通常標(biāo)題行間距為1.3倍，文字行間距為1.5-1.8倍，視覺(jué)效果是最舒展，舒適的。

5. 強(qiáng)對(duì)比度顏色

用戶通常會(huì)根據(jù)自己的生活習(xí)慣、大腦認(rèn)知去判斷事物本身。所以我們做設(shè)計(jì)時(shí)應(yīng)盡量降低學(xué)習(xí)成本?？梢越梃b真實(shí)存在的物品設(shè)計(jì)，保持和老年人現(xiàn)實(shí)生活認(rèn)知是一致的。比如生活中常見(jiàn)的紅綠燈，紅色表示禁止，黃色表示警告，綠色表示通過(guò)。

增強(qiáng)顏色對(duì)比度：文本的視覺(jué)呈現(xiàn)以及文本圖像至少有 4.5:1 的對(duì)比度。目前有很多測(cè)試顏色對(duì)比度的網(wǎng)站，可以幫你判斷是否達(dá)到AA標(biāo)準(zhǔn)。（網(wǎng)站網(wǎng)址在文章末尾）

• 對(duì)比度（AA級(jí)）：文本的視覺(jué)呈現(xiàn)以及文本圖像至少7:1的對(duì)比度；大號(hào)文本（字重為Bold時(shí)大于18px，字重為Regular時(shí)大于24px）以及大文本圖像至少有4.5:1的對(duì)比度。
• 對(duì)比度（AAA級(jí)）：文本的視覺(jué)呈現(xiàn)以及文本圖像至少要有4.5:1的對(duì)比度；大號(hào)文本（字重為Bold時(shí)大于18px，字重為Regular時(shí)大于24px）以及大文本圖像至少有3:1的對(duì)比度。

6. 圖標(biāo)設(shè)計(jì)

圖標(biāo)是APP必備的元素之一。通常最直接適老化方式是增加圖標(biāo)和按鈕的尺寸大小，達(dá)到易操作性、易讀性。

還有一點(diǎn)容易忽略，盡量采用擬物化、通用化的設(shè)計(jì)，圖標(biāo)表達(dá)盡可能具有老年人的生活時(shí)代特征，符合他們的認(rèn)知習(xí)慣，圖標(biāo)越具象，老年人使用起來(lái)越方便。當(dāng)然建議搭配文字描述，更便于清晰、快速理解。

四、適老化的交互體驗(yàn)設(shè)計(jì)

1. 操作手勢(shì)以及定義

人機(jī)交互中有諸多操作手勢(shì)，介于不同的使用目標(biāo)、場(chǎng)景，交互手勢(shì)設(shè)計(jì)也大相徑庭?？偨Y(jié)下來(lái)主要是以下幾種交互方式：?jiǎn)螕簦–lick）、雙擊（double click）、長(zhǎng)按（long press）、拖拽（drag）。

這里存在個(gè)問(wèn)題，就是手指貼合上屏幕的時(shí)候，手指與屏幕的貼合面，并不是正圓形，均勻向四周擴(kuò)散的，而是向下的擴(kuò)散更大一些的橢圓形。以觸摸中心點(diǎn)為基準(zhǔn)，觸摸的過(guò)程中會(huì)有向下的一個(gè)偏移。

確保用戶操作的流暢感，不會(huì)受到10px誤差影響。就把這幾種常用的交互方式做了重新定義：

單擊：

• 觸發(fā)規(guī)則：?jiǎn)螜C(jī)觸摸屏幕，位移在10px后者規(guī)定熱區(qū)以內(nèi)的；
• 注意事項(xiàng)：在觸摸屏幕后需要立即響應(yīng)，并且在完成響應(yīng)之前，需要屏蔽其他操作；
• 行為定義：觸發(fā)主操作，選中/激活，跳轉(zhuǎn)/彈出。

長(zhǎng)按：

• 出發(fā)規(guī)則：按下和松手間隔超過(guò)500ms，并且位移小于10px；
• 注意事項(xiàng)：長(zhǎng)按選擇后需要陣容手機(jī)，松手后才展示菜單；
• 行為定義：用戶觸發(fā)輔助功能，包括選擇/復(fù)制/拖動(dòng)選擇等功能。

雙擊：

• 觸發(fā)規(guī)則：連續(xù)單擊同一區(qū)域兩次，再次單擊間隔不超過(guò)500ms，再次單擊距離不超過(guò)10px；
• 注意事項(xiàng)：視場(chǎng)景，允許第一次單擊時(shí)先響應(yīng)單擊行為，等第二次單擊時(shí)再觸發(fā)雙擊；
• 行為定義：觸發(fā)常用功能，通常是單擊的遞進(jìn)操作，雙擊容器可直接放大容器。

長(zhǎng)按/拖拽：

• 觸發(fā)規(guī)則：按下和松手間隔時(shí)間超過(guò)500ms進(jìn)入長(zhǎng)按拖拽狀態(tài)，此時(shí)移動(dòng)手指超過(guò)10px進(jìn)入可拖拽狀態(tài)；
• 注意事項(xiàng)：由于拖動(dòng)通常會(huì)與頁(yè)面滑動(dòng)沖突，因此多數(shù)場(chǎng)景需要長(zhǎng)按拖動(dòng)；
• 行為定義：快捷拖動(dòng)選擇內(nèi)容，或者直接移動(dòng)頁(yè)面組件。

2. 操作低難度、低精度

（1）可點(diǎn)擊

根據(jù)費(fèi)茨定律，任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需要的時(shí)間，與目標(biāo)距離正相關(guān)，與目標(biāo)大小負(fù)相關(guān)。因此界面設(shè)計(jì)中需要放大目標(biāo)以至于足夠清晰，便于用戶精準(zhǔn)快速的觸達(dá)。指尖的長(zhǎng)度為8-10mm，所以10mm x 10mm就是一個(gè)最小觸摸目標(biāo)尺寸。

（2）怎么點(diǎn)

據(jù)研究，點(diǎn)擊，上下滑動(dòng)，左右滑動(dòng)，放大縮小這幾個(gè)操作是老年人接受度更高的。所以在設(shè)計(jì)交互時(shí)，盡可能使用老年用戶熟悉的交互方式，減少?gòu)?fù)雜的交互方式。以往復(fù)雜的交互方式通常是最難被發(fā)現(xiàn)觸達(dá)的。

（3）低難度

老年人身體運(yùn)動(dòng)機(jī)能下降，導(dǎo)致很難完成長(zhǎng)距離、長(zhǎng)時(shí)間、連續(xù)的精準(zhǔn)的操作。所以在界面設(shè)計(jì)時(shí)候，盡可能設(shè)計(jì)在下半部分。保證手指移動(dòng)最短距離。減少精準(zhǔn)度非常高的手勢(shì)操作。比如下圖驗(yàn)證身份，左圖需要旋轉(zhuǎn)精準(zhǔn)的某一個(gè)角度，右圖僅需要從左到右滑動(dòng)。

3. 有效反饋提示

老年用戶對(duì)識(shí)別動(dòng)態(tài)信息的捕捉即刻感知明顯下降。因此，在界面設(shè)計(jì)中如果涉及到短暫垂岸的提示性信息。在原本停留的時(shí)長(zhǎng)基礎(chǔ)上延長(zhǎng)一截。

比如提留時(shí)間小于3秒，那么就延長(zhǎng)到3秒；提留時(shí)間小于3-5秒，那么就延長(zhǎng)到5秒；提留時(shí)間5-7秒，那么就延長(zhǎng)到7秒。如果不在這個(gè)范圍內(nèi)的時(shí)長(zhǎng)，那么可以提供關(guān)閉機(jī)制。

4. 語(yǔ)音功能

（1）增大音量

老年人伴隨的身體特征下降還有聽力，通常做法是適當(dāng)增大音頻/視頻的音量。研究表明，老年人聽覺(jué)平均感知音量在67.5～75.3分貝之間。

（2）降低語(yǔ)速

保證老年人有效的接收到聲音信息并進(jìn)行理解，音頻/視頻的播放速度也需要適當(dāng)放緩慢。提供慢速、正常、快速3檔語(yǔ)速，讓老年人自己選擇適合自己的速度，更有效的獲取聲音信息。

（3）AI技術(shù)輔助輸入

現(xiàn)實(shí)中，很多老年人文化程度不高，不會(huì)使用輸入法，甚至拼音都不會(huì)，大多都選擇了手寫這種輸入方式。但手寫這種方式存在很嚴(yán)重的識(shí)別問(wèn)題。再加上肢體運(yùn)動(dòng)能力的退化其實(shí)手寫也并不算是真正的好體驗(yàn)，就是折中的方案。

可以借助AI技術(shù)，提供語(yǔ)音輸入功能。 老年人可以方便的通過(guò)語(yǔ)音和圖像搜索主動(dòng)探索獲取新知，答疑解惑，跟上時(shí)代進(jìn)步。

（4）用選擇代替輸入

不僅是針對(duì)老年人群了，對(duì)于年輕人也是一樣。選擇類的交互方式遠(yuǎn)比輸入類提升效率大很多。所以盡可能避免繁瑣的打字過(guò)程。盡可能選用選擇框代替輸入。假如產(chǎn)品內(nèi)的信息是通用的，可以在輸入框提供默認(rèn)選項(xiàng)。

5. 通俗易懂的文字

由于老年人觸互聯(lián)網(wǎng)網(wǎng)時(shí)間短、受教育程度不同，難以避免互聯(lián)網(wǎng)術(shù)語(yǔ)理解力不強(qiáng)。設(shè)計(jì)時(shí)需要對(duì)專業(yè)術(shù)語(yǔ)都進(jìn)行了口語(yǔ)化，采用通俗易理解的文案。

6. 給用戶信任感

老年人由于觸網(wǎng)時(shí)間短，對(duì)網(wǎng)絡(luò)充滿陌生感。需要對(duì)一些官方內(nèi)容增加標(biāo)簽（或保障）來(lái)提升產(chǎn)品整體的可信度，增強(qiáng)對(duì)產(chǎn)品的信任感。

比如老年用戶多少都伴隨著身體健康問(wèn)題，大概率會(huì)使用醫(yī)療產(chǎn)品，給醫(yī)師、醫(yī)院提供專業(yè)官方認(rèn)證機(jī)制以及前端展示，讓老年人用的踏踏實(shí)實(shí)。

7. 縮短操作鏈路

老年用戶大多處于淺層觸網(wǎng)狀態(tài)，掌握的APP功能很少，在使用新產(chǎn)品時(shí)候，經(jīng)常會(huì)出現(xiàn)“我在哪兒”“我在做什么”“接下來(lái)我要做什么”等困擾。有兩個(gè)解決辦法：

1. 可以適當(dāng)提供操作引導(dǎo)，告知用戶所處的位置；
2. 減少非必要操作，避免非必要場(chǎng)景干擾。

8. 拒絕引導(dǎo)性內(nèi)容

適老版APP中嚴(yán)禁出現(xiàn)廣告內(nèi)容。老年人對(duì)于新事物的接受力和信息收集力方面的不足，廣告內(nèi)容充滿誘導(dǎo)性，很容易導(dǎo)致了老年人成為“互聯(lián)網(wǎng)陷阱”的受害者。這樣的設(shè)計(jì)無(wú)疑導(dǎo)致老齡用戶的使用體驗(yàn)變得非常糟糕。

五、適老化設(shè)計(jì)流程

大多數(shù)產(chǎn)品的基本設(shè)計(jì)流程分為以下幾個(gè)階段：產(chǎn)品定位與市場(chǎng)分析、草圖繪制架構(gòu)設(shè)計(jì)階段、視覺(jué)設(shè)計(jì)（界面設(shè)計(jì)）階段、界面輸出可用性測(cè)試、產(chǎn)品上線以及優(yōu)化方案。

適老化產(chǎn)品設(shè)計(jì)流程大體上基本一致，主要體現(xiàn)在設(shè)計(jì)方向以及設(shè)計(jì)細(xì)節(jié)的把控。接下來(lái)跟大家說(shuō)一下設(shè)計(jì)師在每個(gè)階段應(yīng)該做哪些事？

1. 產(chǎn)品定位與市場(chǎng)分析

在這個(gè)階段中，UI設(shè)計(jì)師主要的工作就是了解用戶。深入老年用戶的使用場(chǎng)景，從生理特征出發(fā)，觀察老年群體特征比如聽覺(jué)、視覺(jué)；過(guò)程中深入到心理特征，比如不安全感、擔(dān)心等心理感受?？傊?，收集相關(guān)信息對(duì)后面適老化設(shè)計(jì)工作做鋪墊。

2. 草圖繪制架構(gòu)設(shè)計(jì)階段

結(jié)束了產(chǎn)品定位階段，我們可以根據(jù)所獲取的信息對(duì)UI進(jìn)行構(gòu)思。包括產(chǎn)品草圖繪制、交互方式定義與選擇、操作與跳轉(zhuǎn)流程、產(chǎn)品結(jié)構(gòu)，頁(yè)面布局、開發(fā)設(shè)計(jì)成本。前面有提到適老化的交互設(shè)計(jì)細(xì)節(jié)，所以該環(huán)節(jié)是實(shí)現(xiàn)適老化的重點(diǎn)之一，集中在產(chǎn)品的交付方式、功能架構(gòu)。

3. 視覺(jué)設(shè)計(jì)階段

在這個(gè)階段，需要設(shè)計(jì)師對(duì)草圖進(jìn)行高保真界面設(shè)計(jì)。也是實(shí)現(xiàn)適老化最重要的設(shè)計(jì)環(huán)節(jié)，把控整個(gè)產(chǎn)品的風(fēng)格、色調(diào)、圖標(biāo)、字體、信息排布等多個(gè)對(duì)象的視覺(jué)表現(xiàn)。視覺(jué)往往是使用產(chǎn)品最直觀的感受，老年用戶也不例外。

4. 界面輸出可用性測(cè)試

可用性測(cè)試是一種用于以用戶為中心的交互設(shè)計(jì)的技術(shù),通過(guò)對(duì)用戶進(jìn)行測(cè)試來(lái)評(píng)估產(chǎn)品。UI的可用性測(cè)試就是找具有代表性的用戶對(duì)產(chǎn)品進(jìn)行模擬操作，同時(shí)設(shè)計(jì)人員、開發(fā)人員共同觀察、聆聽、記錄。在測(cè)試中對(duì)產(chǎn)品細(xì)節(jié)進(jìn)行調(diào)整打磨。

接下來(lái)，需要與開發(fā)工程師對(duì)接。所以需要設(shè)計(jì)師配合開發(fā)人員完成相關(guān)界面，并將最終定稿做技術(shù)輸出。也就是把界面做切圖標(biāo)注，設(shè)計(jì)規(guī)范、交互文檔等一同給到開發(fā)人員。

5. 產(chǎn)品上線以及優(yōu)化方案

這個(gè)階段就是檢驗(yàn)產(chǎn)品是否符合市場(chǎng)需求、老年人需求。最常見(jiàn)的做法就是數(shù)據(jù)埋點(diǎn)，通過(guò)跟蹤產(chǎn)品使用的狀況，后續(xù)進(jìn)一步優(yōu)化產(chǎn)品。

六、適老化開發(fā)適配

工作中通常有一個(gè)錯(cuò)誤認(rèn)知，適配是開發(fā)的事。你是不是也這么做，按照375*812的設(shè)計(jì)后剩下就交給開發(fā)做適配安卓端設(shè)計(jì)了？

這樣不是不可以，只是很容易與開發(fā)反復(fù)溝通與調(diào)試，整體效率會(huì)很低。在正常開發(fā)應(yīng)用的情況下，這么做問(wèn)題不大。但適老化版本是為特殊群體開發(fā)的。為了讓老年群體平等便捷的獲取、使用信息。設(shè)計(jì)師需要主動(dòng)做適配工作，那么具體怎么做呢？

1. 適配基礎(chǔ)規(guī)則

界面元素跟隨文字放大而放大：

同一容器內(nèi)所有元素的相對(duì)間距始終保持固定：

元素、文本當(dāng)寬度到達(dá)極值情況下，采取自動(dòng)折行，對(duì)齊方式遵循原本的對(duì)齊方式：

文本信息盡量保持完整展示：

2. 字體樣式適配

在適老化模式下，字體、圖標(biāo)、按鈕比通常放大1.4倍（參考值）。元素間距始終保持固定不變。

通常情況下，文本、圖像、圖標(biāo)等元素間的顏色對(duì)比度要達(dá)到4.5:1。字號(hào)大于18pt時(shí)，文字與元素的顏色對(duì)比度至少達(dá)到3:1。而在適老化設(shè)計(jì)，可以是在在基礎(chǔ)上再次增加對(duì)比度，保證信息可讀性、易讀性。

3. 熱區(qū)適配

熱區(qū)，是界面中可交互的部分（俗稱可點(diǎn)擊的地方），交互后會(huì)引發(fā)一個(gè)事件，這個(gè)事件可以是鏈接跳轉(zhuǎn)，也可以是提交或者彈出對(duì)話框。

熱區(qū)太小會(huì)使用戶感覺(jué)與元素進(jìn)行交互時(shí)需要很精準(zhǔn)的操作，而這一點(diǎn)與適老化相悖。所以適當(dāng)?shù)恼{(diào)節(jié)熱區(qū)大小，便于老年用戶觸達(dá)。

通常會(huì)這么做：

• 小于44pt的元素（文字、圖標(biāo)、按鈕、圖片）周圍增加12pt的反饋熱區(qū)
• 大于等于44pt的元素，并且有明顯清晰的邊界，可以不增加熱區(qū)范圍。
• 當(dāng)多個(gè)元素指向同一個(gè)操作結(jié)果，可以使用聯(lián)合完整的熱區(qū)。
• 元素存在某個(gè)容器內(nèi)，所以熱區(qū)是不可以超出容器本身的。
• 特殊情況下小尺寸的元素，可以考慮將熱區(qū)超出容器，甚至可以覆蓋其他元素，目的以保證最小40*40pt熱區(qū)。

4. 基礎(chǔ)組件適配

（1）導(dǎo)航欄

標(biāo)準(zhǔn)規(guī)范的導(dǎo)航欄不需要縮放；大于標(biāo)準(zhǔn)的導(dǎo)航欄縮放倍率：1.18，熱區(qū)需要同步擴(kuò)展。

（2）底部標(biāo)簽欄

tabbar根據(jù)功能數(shù)，在屏幕寬度下平均分均分，且圖標(biāo)與文案需要居中對(duì)齊；圖標(biāo)與文案根據(jù)縮放倍率進(jìn)行縮放。

（3）頂部標(biāo)簽欄

標(biāo)簽欄文案與下劃線根據(jù)縮放倍率，等比縮放；標(biāo)簽之間的間距保持固定。

（4）搜索欄

搜索欄適配規(guī)則為文字、圖形元素等比放大，間距保持不變；搜索框外邊距保持固定。

（5）功能模塊

模塊組件左右距離邊緣固定間距，元素跟隨系統(tǒng)縮放倍率；

元素跟隨全局縮放倍率進(jìn)行縮放；

元素縮放后，需要確保信息及元素展示完整。

七、設(shè)計(jì)驗(yàn)證

1. 什么是設(shè)計(jì)驗(yàn)證

設(shè)計(jì)驗(yàn)證的目的是驗(yàn)證產(chǎn)品設(shè)計(jì)是否滿足用戶的要求，證實(shí)設(shè)計(jì)輸出滿足輸入要求。

“設(shè)計(jì)驗(yàn)證”是產(chǎn)品設(shè)計(jì)和開發(fā)階段的輸出，也是過(guò)程設(shè)計(jì)和開發(fā)階段的輸入，由設(shè)計(jì)部門負(fù)責(zé)輸出。

（1）數(shù)據(jù)檢驗(yàn)

檢驗(yàn)設(shè)計(jì)是否達(dá)標(biāo)，數(shù)據(jù)是最有效的辦法。通過(guò)數(shù)據(jù)，可以驗(yàn)證設(shè)計(jì)是否達(dá)到預(yù)設(shè)的產(chǎn)品目標(biāo)、業(yè)務(wù)訴求、商業(yè)目標(biāo)。第二可以分析產(chǎn)品上線后所遺漏的地方，以便于未來(lái)產(chǎn)品迭代、新功能研究。

通過(guò)獲取APP的UV用戶數(shù)、新增用戶、活躍用戶、啟動(dòng)次數(shù)、使用市場(chǎng)、留存率、轉(zhuǎn)化率、流失率這些基礎(chǔ)數(shù)據(jù)可以分析APP的基礎(chǔ)數(shù)據(jù)。甚至可以獲取功能項(xiàng)的步驟完成時(shí)長(zhǎng)，分析功能的成功率、完成率、出錯(cuò)率、滿意度。從而得出你的適老化設(shè)計(jì)是否真的適老。

2. 灰度發(fā)布（A/B Test）

灰度測(cè)試是指產(chǎn)品（功能）在小范圍內(nèi)的測(cè)試工作，然后在慢慢放量，直到這個(gè)全新的產(chǎn)品（功能）覆蓋到所有系統(tǒng)用戶?；叶劝l(fā)布包括了 A/B Test。

和灰度發(fā)布不同的是，A/B Test 一般針對(duì)兩種不一樣的設(shè)計(jì)方案，均分給兩個(gè)群體的人使用。如針對(duì) A、B 兩種設(shè)計(jì)方案，50% 的用戶體驗(yàn)到 A 方案，另外 50% 的用戶體驗(yàn)到 B 方案。

八、適老化應(yīng)用案例

（1）支付寶

• 打開方式：我的——設(shè)置——長(zhǎng)輩模式——開啟。
• 使用感受：支付寶的長(zhǎng)輩模式相比標(biāo)準(zhǔn)版，圖標(biāo)尺寸、文字字號(hào)都會(huì)加大。相較于普通版，適老版刪除了大量廣告、活動(dòng)banner等運(yùn)營(yíng)類內(nèi)容、功能。還在“客服”配置“電話服務(wù)”功能，65歲以上老人點(diǎn)擊后直達(dá)人工客服服務(wù)，一對(duì)一給老人服務(wù)。

（2）微信

• 打開方式：我——設(shè)置——關(guān)懷模式。
• 使用感受：最直觀的感受還是大文字、大圖標(biāo)、大間距。關(guān)懷模式下新增“聽文字消息”，也能給一些視力不好的老年人提供另一種獲取信息的方式。我也去體驗(yàn)了一下，點(diǎn)擊文字可以觸發(fā)語(yǔ)音，操作方式非常簡(jiǎn)單。語(yǔ)音過(guò)程中閱讀的速度并不快。但語(yǔ)音的發(fā)音是比較機(jī)械化的聲音。如果可以找人配音，模擬人的聲音，老人的感受可能會(huì)更加溫暖。微信自帶服務(wù)列表里，買票，出行等小程序，還是普通版，并沒(méi)有做適配。

（3）百度

• 打開方式：百度有大字版、關(guān)懷版，在appstore直接下載
• 使用感受：視覺(jué)上使用了大字號(hào)加粗的處理方式。 圖標(biāo)設(shè)計(jì)采用不同色相，強(qiáng)對(duì)比度，導(dǎo)致圖標(biāo)設(shè)計(jì)識(shí)別度很高。弱化裝飾元素，保證美觀的同時(shí)，減少視覺(jué)干擾。短視頻視覺(jué)設(shè)計(jì)也有明顯區(qū)別，標(biāo)準(zhǔn)版：標(biāo)題通過(guò)半透明的漸變色背景覆蓋在視頻內(nèi)部；關(guān)懷版與大字版均采用了視頻與標(biāo)題單獨(dú)拍版。充分考慮到了老年人視力下降。關(guān)懷版與大字版明顯的功能區(qū)別，大字版有電臺(tái)功能，提供一些老年人喜歡的戲曲、相聲。文章的閱讀模式通過(guò)聽文章代替閱讀。對(duì)于視力不好的用戶體驗(yàn)非常友善。

（5）酷狗

• 打開方式：酷狗大字版，appstore直接下載。
• 使用感受：直觀感受功能簡(jiǎn)單，推薦了老人大概率可以接受的音樂(lè)類型，比如戲曲、相聲、經(jīng)典歌曲等。采用大色塊的設(shè)計(jì)風(fēng)格，顏色飽和度較高，便于老人快速定位不同功能。當(dāng)然字號(hào)，圖標(biāo)設(shè)計(jì)也都是大尺寸大字號(hào)的處理方式。普通版本是跳轉(zhuǎn)個(gè)人中心/設(shè)置可以通過(guò)點(diǎn)擊、首頁(yè)向右側(cè)滑動(dòng)，或者向左滑動(dòng)。而大字版采用了最簡(jiǎn)單的點(diǎn)擊跳轉(zhuǎn)。

（6）百度地圖

• 打開方式：百度地圖關(guān)懷版，appstore直接下載。
• 使用感受：功能極簡(jiǎn)，首頁(yè)放老人常用功能的大大按鈕「查詢路線」「一鍵回家」「點(diǎn)擊說(shuō)話」。界面清晰簡(jiǎn)潔，大圖、大字體閱讀更輕松。如果之前設(shè)置過(guò)了家庭地址，點(diǎn)擊一鍵回家可立即計(jì)算出導(dǎo)航路線，并提供語(yǔ)音提醒。關(guān)懷版產(chǎn)品內(nèi)沒(méi)有任何運(yùn)營(yíng)推廣類內(nèi)容。

九、相關(guān)問(wèn)題

1. 為什么國(guó)內(nèi)App的適老化都是從大字體入手，而不是從更加適配老年人認(rèn)知的全新互動(dòng)方式的UI界面入手呢

其實(shí)不光國(guó)內(nèi)，國(guó)外的除了谷歌、蘋果、微軟三個(gè)大公司外，其他在適老化這塊也投入的很少。

就國(guó)內(nèi)APP的現(xiàn)狀來(lái)看，改大字體是成本最小的方式。

另外，老年用戶群體的商業(yè)價(jià)值還未被挖掘，也是一個(gè)因素。另外，開發(fā)應(yīng)用對(duì)企業(yè)來(lái)說(shuō)，最大的因素就是成本問(wèn)題，C端的產(chǎn)品對(duì)面的用戶群體是龐大的，而適老化版本既要兼顧通用性與定制化，試錯(cuò)成本是巨大的。

2. 怎么樣才能推動(dòng)“適老化”

首先這個(gè)課題太大了，真正的適老化包括了軟件、硬件的無(wú)障礙化，公共設(shè)施、建筑設(shè)計(jì)、工業(yè)設(shè)計(jì)等各個(gè)方面都有適老化的部分。目前談?wù)撨m老化只是APP一小部分，成本問(wèn)題始終是導(dǎo)致推動(dòng)適老進(jìn)度緩慢的原因之一。除APP之外還有很多方面值得注意。真正能推動(dòng)社會(huì)適老化需要各行各業(yè)的專業(yè)人士一起努力，長(zhǎng)期堅(jiān)守，不斷創(chuàng)新。這是條任重而道遠(yuǎn)的路。

3. 首批適老版本app不設(shè)廣告插件，有何好處

第一：降低老年人上當(dāng)受騙的風(fēng)險(xiǎn)，從根源上解決了廣告營(yíng)銷誤導(dǎo)老年人的問(wèn)題

中老年人對(duì)于互聯(lián)網(wǎng)廣告的辨識(shí)能力是有限的。而且現(xiàn)在很多app的廣告都經(jīng)常給年輕人帶來(lái)困擾，更不要說(shuō)老年人了。

第二：保護(hù)老年人的權(quán)益?，F(xiàn)在針對(duì)老年人開發(fā)適老app，就給了老年人融入社會(huì)的機(jī)會(huì)，他們可以學(xué)習(xí)使用手機(jī)，家人也不用擔(dān)心老年人會(huì)上當(dāng)受騙，這也是對(duì)老年人權(quán)益的一種保護(hù)。

4. 現(xiàn)在的年輕人為何追捧“老年版”App

推出適合老年人操作的app目的，就是為了解決這一群體的不會(huì)操作的問(wèn)題，正是因?yàn)閺V告彈窗少，而且操作方便，不少年輕人也很喜歡。

他們會(huì)覺(jué)得工作生活已經(jīng)特別的忙了，是不希望這種APP再占用他們的時(shí)間，再給他們推送一些無(wú)聊的廣告的，然后他們也不想讓大數(shù)據(jù)殺熟，現(xiàn)在大數(shù)據(jù)殺熟的情況還是比較嚴(yán)重的，所以他們想用老年版APP讓這些大數(shù)據(jù)沒(méi)有辦法捕捉他們的信息。老年版APP確實(shí)是用著更加簡(jiǎn)便的。

十、小結(jié)

我們?cè)谙硎芑ヂ?lián)網(wǎng)帶來(lái)的便捷生活方式的同時(shí)，有一個(gè)數(shù)量不斷增加卻很容易被忽略的群體，慢慢成為了互聯(lián)網(wǎng)的“邊緣人”。

設(shè)計(jì)應(yīng)當(dāng)是平等、民主、包容、多元。最重要的具備人文關(guān)懷、社會(huì)責(zé)任感、有溫度的。

我們的身份是設(shè)計(jì)師，日常產(chǎn)品設(shè)計(jì)中有必要考慮到老年人接受程度、理解能力、記憶方式和行為習(xí)慣與我們這類新生代用戶的的差異，讓老年人同樣可以感受科技帶來(lái)的美好。

拋開設(shè)計(jì)師的身份，我們也是社會(huì)的一員。社會(huì)的強(qiáng)大，能有和平美好的生活，與他們年輕時(shí)的付出密不可分。所以在公交、地鐵、商場(chǎng)等一切公眾場(chǎng)合，需要時(shí)刻關(guān)注身邊的老人，給予他們方便。

畢竟終有一天，你也會(huì)老去…

人人平臺(tái)：本文由郝小七指導(dǎo) http://m.22none.com/u/917803

 

本文由 @卡洛設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash ，基于 CC0 協(xié)議。