2021-3-19 濤濤
前陣子回老家的時(shí)候，在老人家里看到這樣一個(gè)機(jī)器，這個(gè)機(jī)器的功能主要為家庭教育、視頻通話與監(jiān)控等等。
如果這幾個(gè)主要功能入口屏幕占比能更大些、界面中的菜單導(dǎo)航層級(jí)能再簡(jiǎn)化些...也不至于連我自己想找到一個(gè)能跟親人通話的入口都比較困難，更別說(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)槔匣ㄑ鄞蜃植环奖恪?
在適老化設(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擇上，需要滿足跨度至少為5 ，才能讓老齡用戶清晰地識(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ì)用手比出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ì)到，這表示的是“打電話”的意思。
在設(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á)“話費(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è)線框、甚至只有純文字，也能輕松分辨出哪里是可點(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ū)В瑤椭夏耆肆私馊绾瓮瓿刹僮鳌?
像在京東直播的老年版界面中，也同樣設(shè)計(jì)了這些隱形向?qū)А１热缭诹斜砩霞尤搿包c(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é)束，期待下一次分享中與你們的交流。
文章來(lái)源：站酷 作者：SDL藝術(shù)實(shí)驗(yàn)室
藍(lán)藍(lán)設(shè)計(jì)( www.gyxygd.cn )是一家專(zhuān)注而深入的界面設(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://www.gyxygd.cn