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

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

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

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

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

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

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

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

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

二、老年群體用戶特征

1. 老年群體劃分界限

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

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

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

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

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

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

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

（1）網(wǎng)約車

場景：在需要打車時，基本是通過網(wǎng)約車平臺約車，等司機(jī)來接。

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

（2）醫(yī)院掛號

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

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

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

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

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

（4）火車票

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

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

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

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

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

3. 視力下降的原因

（1）年齡增長

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

（2）眼睛病變

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

（3）用眼不健康

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

4、操作困難的原因

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

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

三、適老化視覺設(shè)計方法

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

1. 使用非襯線體

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

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

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

2. 最小字號16pt

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

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

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

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

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

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

4. 1.5-1.8倍的行間距

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

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

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

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

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

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

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

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

四、適老化的交互體驗設(shè)計

1. 操作手勢以及定義

人機(jī)交互中有諸多操作手勢，介于不同的使用目標(biāo)、場景，交互手勢設(shè)計也大相徑庭。總結(jié)下來主要是以下幾種交互方式：單擊（Click）、雙擊（double click）、長按（long press）、拖拽（drag）。

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

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

單擊：

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

長按：

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

雙擊：

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

長按/拖拽：

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

2. 操作低難度、低精度

（1）可點擊

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

（2）怎么點

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

（3）低難度

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

3. 有效反饋提示

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

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

4. 語音功能

（1）增大音量

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

（2）降低語速

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

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

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

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

（4）用選擇代替輸入

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

5. 通俗易懂的文字

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

6. 給用戶信任感

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

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

7. 縮短操作鏈路

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

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

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

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

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

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

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

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

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

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

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

3. 視覺設(shè)計階段

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

4. 界面輸出可用性測試

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

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

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

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

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

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

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

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

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

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

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

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

2. 字體樣式適配

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

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

3. 熱區(qū)適配

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

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

通常會這么做：

• 小于44pt的元素（文字、圖標(biāo)、按鈕、圖片）周圍增加12pt的反饋熱區(qū)
• 大于等于44pt的元素，并且有明顯清晰的邊界，可以不增加熱區(qū)范圍。
• 當(dāng)多個元素指向同一個操作結(jié)果，可以使用聯(lián)合完整的熱區(qū)。
• 元素存在某個容器內(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)與文案需要居中對齊；圖標(biāo)與文案根據(jù)縮放倍率進(jìn)行縮放。

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

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

（4）搜索欄

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

（5）功能模塊

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

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

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

七、設(shè)計驗證

1. 什么是設(shè)計驗證

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

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

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

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

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

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

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

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

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

（1）支付寶

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

（2）微信

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

（3）百度

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

（5）酷狗

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

（6）百度地圖

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

九、相關(guān)問題

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

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

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

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

2. 怎么樣才能推動“適老化”

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

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

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

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

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

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

推出適合老年人操作的app目的，就是為了解決這一群體的不會操作的問題，正是因為廣告彈窗少，而且操作方便，不少年輕人也很喜歡。

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

十、小結(jié)

我們在享受互聯(lián)網(wǎng)帶來的便捷生活方式的同時，有一個數(shù)量不斷增加卻很容易被忽略的群體，慢慢成為了互聯(lián)網(wǎng)的“邊緣人”。

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

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

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

畢竟終有一天，你也會老去…

人人平臺：本文由郝小七指導(dǎo) http://theventurebank.com/u/917803

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

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