項(xiàng)目案例 | 除了放大字號(hào)，適老化還能做什么

▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來(lái)到專(zhuān)業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識(shí)，幫助全球 1 億設(shè)計(jì)師成長(zhǎng)

轉(zhuǎn)自：京東設(shè)計(jì)中心 JDC

編輯：章成愉

共 2894 字，預(yù)計(jì)閱讀 8 分鐘

前言

前陣子回老家的時(shí)候，在老人家里看到這樣一個(gè)機(jī)器。這個(gè)機(jī)器的功能主要為家庭教育、視頻通話(huà)與監(jiān)控等等。

如果這幾個(gè)主要功能入口屏幕占比能更大些、界面中的菜單導(dǎo)航層級(jí)能再簡(jiǎn)化些...也不至于連我自己想找到一個(gè)能跟親人通話(huà)的入口都比較困難，更別說(shuō)老人了。

當(dāng)然了，這個(gè)機(jī)器最后只被家里的老人當(dāng)成，一個(gè)只會(huì)定點(diǎn)報(bào)時(shí)的“擺設(shè)”。

除了把字號(hào)放大，適老化設(shè)計(jì)還需要做什么？以下分享京東直播在適老化設(shè)計(jì)上的幾點(diǎn)探索。

一、強(qiáng)化對(duì)比——看清信息

直到近幾年才知道，家里的長(zhǎng)輩喜歡發(fā)微信語(yǔ)音，其實(shí)是因?yàn)槔匣ㄑ鄞蜃植环奖恪?/span>

在適老化設(shè)計(jì)中，需要注意界面中的信息與背景的對(duì)比度，是否足以讓老年人清楚識(shí)別，這涉及到對(duì)色域跨度的調(diào)整。

我們通過(guò) H（色相）S（飽和度）B（明度）的數(shù)值來(lái)劃分色域。如下圖，在統(tǒng)一 H 值的情況下，規(guī)定了 10 個(gè)標(biāo)準(zhǔn)的 S、B 值，從而形成一個(gè)色帶。所以我們?cè)谇昂缶暗念伾x擇上，需要滿(mǎn)足跨度至少為 5 ，才能讓老齡用戶(hù)清晰地識(shí)別到前景信息。

比如在京東直播的老年版界面中，不僅加深了原標(biāo)準(zhǔn)版中的淺灰色文字信息，同時(shí)對(duì)一些暗文設(shè)計(jì)也進(jìn)行了調(diào)整，如搜索框暗文“點(diǎn)擊搜索主播名/商品”等內(nèi)容，提升暗文明度以確保與其背景間的色域跨度大于 5。

所以在適老化設(shè)計(jì)中，需要讓界面中的信息與其背景間的色域跨度至少為 5，才能足以讓老年人看清信息。

二、傳達(dá)共識(shí)——看懂內(nèi)容

90 前的人想要表示“打電話(huà)”，會(huì)用手比出 6 的姿勢(shì)貼在耳邊；而現(xiàn)在的 00 后，會(huì)用手掌當(dāng)作手機(jī)的樣子貼在耳邊來(lái)表示…

在讓老年人能夠看清界面中的信息之后，我們的設(shè)計(jì)還 需要有更清晰的表意信息，讓他們能夠看懂。其中的關(guān)鍵在于，這些信息是否能夠“傳達(dá)共識(shí)”。

無(wú)法傳達(dá)共識(shí)的設(shè)計(jì)，就像 00 后的小孩突然擺出用手掌貼在耳邊的姿勢(shì)，家里的老人看了可能也無(wú)法領(lǐng)會(huì)到，這表示的是“打電話(huà)”的意思。

在設(shè)計(jì)中想要“傳達(dá)共識(shí)”，需要盡量避免圖形 icon 的單獨(dú)出現(xiàn)，用純文字或圖+文的形式表達(dá)。不過(guò)除了給圖標(biāo)加上文字，其實(shí)我們?cè)趫D標(biāo)本身的設(shè)計(jì)上也可以進(jìn)行適當(dāng)調(diào)整。

比如同樣表達(dá)“話(huà)費(fèi)充值”，是用手機(jī)還是座機(jī)，哪個(gè)更能讓那個(gè)年代的長(zhǎng)輩理解？哪些事物是那個(gè)年代慣用的，哪些事物是在那之后才誕生的？哪些是我們?nèi)粘Ｉ钪芯痛嬖诘臇|西，哪些又是專(zhuān)屬于互聯(lián)網(wǎng)世界的產(chǎn)物呢？

所以在適老化設(shè)計(jì)中，除了幫界面里的所有圖標(biāo)加上文字以外，在圖標(biāo)的設(shè)計(jì)上也可以結(jié)合年代、群體環(huán)境的因素，讓圖形表現(xiàn)的是老齡年代慣用的、日常生活中固有的內(nèi)容，讓老年人也能輕松領(lǐng)會(huì)到，這表示的是什么。

三、聯(lián)系認(rèn)知——找到點(diǎn)擊區(qū)

就算沒(méi)使用過(guò)手機(jī)的人，在生活中看到凸起的事物也會(huì)忍不住按一按；但如果他們看到的是一個(gè)圓圈，就不太可能有這種反應(yīng)了。

在適老化界面中，需要 代入更多能夠聯(lián)系生活經(jīng)驗(yàn)的認(rèn)知錨點(diǎn)，幫助老年人順利在界面中找到點(diǎn)擊區(qū)域。其實(shí)不妨回想一下，即使是現(xiàn)在熟練使用手機(jī)的我們，也是從當(dāng)時(shí)iOS4的擬物化界面，開(kāi)始慢慢地培養(yǎng)心智，才能到如今就算看到一個(gè)線(xiàn)框、甚至只有純文字，也能輕松分辨出哪里是可點(diǎn)擊的按鈕。

而當(dāng)下的老人，也正像當(dāng)時(shí)一開(kāi)始接觸智能手機(jī)的我們，需要在界面中找到與自己生活經(jīng)驗(yàn)的對(duì)照，才能利用熟悉的事物作為認(rèn)知錨點(diǎn)，幫助自己理解聯(lián)系上一些陌生的概念。

比如將界面中可點(diǎn)擊的區(qū)域強(qiáng)化投影或高光，幫助老人們聯(lián)系起生活中對(duì)凹凸的認(rèn)知試著去點(diǎn)一點(diǎn)。除此之外，我們還需要把一些會(huì)對(duì)點(diǎn)擊認(rèn)知產(chǎn)生干擾的內(nèi)容進(jìn)行弱化。

比如在標(biāo)準(zhǔn)版的京東直播中，存在像紅包雨、獎(jiǎng)券這種運(yùn)營(yíng)標(biāo)簽，其樣式看起來(lái)與按鈕很像，但實(shí)際為不可點(diǎn)區(qū)域，所以在老年版界面中弱化了這些標(biāo)簽，將他們與所在的列表內(nèi)容作為一個(gè)整體背景，讓視覺(jué)重心聚焦在可點(diǎn)擊的按鈕上。

所以在適老化設(shè)計(jì)中，除了需要對(duì)可點(diǎn)擊區(qū)域強(qiáng)化投影以聯(lián)系認(rèn)知，也需要 將一些不可點(diǎn)擊的干擾項(xiàng)進(jìn)行弱化，保證視覺(jué)重心最終落在可點(diǎn)擊區(qū)域上。

四、行為指引——完成點(diǎn)擊

美國(guó)新澤西北部一家電影院做了一個(gè)潛意識(shí)實(shí)驗(yàn)：在電影中每隔 5 秒就插入 0.03 秒的字幕，寫(xiě)著“吃爆米花”和“喝可樂(lè)”，雖然人的肉眼無(wú)法捕捉到 0.03 秒出現(xiàn)的事物但它們可以堆積成潛意識(shí)，隨后當(dāng)天影院的可樂(lè)銷(xiāo)量增加 15%，而爆米花則增加了58%。

在適老化設(shè)計(jì)中，我們還可以 運(yùn)用潛意識(shí)作為界面中的隱形向?qū)?，幫助老年人順利完成目?biāo)行為。

比如在按鈕的文案中包含行為動(dòng)作、結(jié)果去向的內(nèi)容，像“點(diǎn)擊領(lǐng)券”中的“點(diǎn)擊”——對(duì)當(dāng)下需要完成的動(dòng)作描述，“領(lǐng)券”——?jiǎng)幼魍瓿珊蟮慕Y(jié)果去向，讓每個(gè)一眼晃過(guò)的引導(dǎo)效果堆積，成為界面中的隱形向?qū)В瑤椭夏耆肆私馊绾瓮瓿刹僮鳌?/span>

像在京東直播的老年版界面中，也同樣設(shè)計(jì)了這些隱形向?qū)?。比如在列表上加入“點(diǎn)擊進(jìn)入直播間”的按鈕，引導(dǎo)老年人順利了解到“我當(dāng)下可以進(jìn)行點(diǎn)擊”以及“我點(diǎn)擊后可以進(jìn)入直播間”的信息。

除了對(duì)按鈕文案的調(diào)整，我們還可以為一些非明確的可點(diǎn)擊區(qū)域加上行為指引。比如在主播力薦中，每個(gè)商品圖片都可點(diǎn)擊看對(duì)應(yīng)的主播講解，因此為每個(gè)商品加上帶明確行為意圖的點(diǎn)擊按鈕，避免讓人以為這只是一些展示圖而并不知道這其實(shí)都是可以點(diǎn)擊的。

所以在適老化設(shè)計(jì)中，可以在按鈕文案中加入行為動(dòng)作、結(jié)果去向的內(nèi)容，同時(shí)對(duì)一些非明確的可點(diǎn)擊區(qū)域加上行為按鈕，發(fā)揮潛意識(shí)的隱形引導(dǎo)作用，幫助老年人順利地完成目標(biāo)行為。

以上僅展示階段性成果，設(shè)計(jì)方式、設(shè)計(jì)理念等，我們的探索遠(yuǎn)沒(méi)有結(jié)束，期待下一次分享中與你們的交流。

當(dāng)我們也成為“適老化”中的“老”

幾十年后我們也會(huì)變老，而時(shí)代追隨的永遠(yuǎn)是年輕人的步伐；手里的智能手機(jī)早已成為老古董，而那些新玩意就算變成“大字版”，也還是沒(méi)讓我們搞懂到底怎么操作…

是時(shí)候，

把你的設(shè)計(jì)稿

給家里的七大姑三大姨們看了。

---

超值課程推薦

華為用戶(hù)體驗(yàn)設(shè)計(jì)的體系搭建方法

超 10 億用戶(hù)的產(chǎn)品，到底是怎么做用戶(hù)體驗(yàn)的？

揭秘滴滴、蔚來(lái)等大廠的用戶(hù)體驗(yàn)設(shè)計(jì)策略

原創(chuàng)好文推薦

十個(gè)技巧幫助你設(shè)計(jì)一款在線(xiàn)學(xué)習(xí) APP

如何進(jìn)行產(chǎn)品優(yōu)先級(jí)排序？帶你掌握 5 種好用的排序框架

全新 Spotify 社交功能構(gòu)建分析

Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)

一款為你帶來(lái)難忘體驗(yàn)的美食 APP

如何制作打動(dòng)面試官的作品集，這里有一份完整的指導(dǎo)手冊(cè)

向標(biāo)桿致敬：移動(dòng)用戶(hù)體驗(yàn)的 7 個(gè)設(shè)計(jì)原則

---

歡迎大家關(guān)注三分設(shè)，每天分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí)，定期大咖老師直播分享，零距離連麥，答疑解惑。