2021-3-19 資深UI設計者
前陣子回老家的時候，在老人家里看到這樣一個機器，這個機器的功能主要為家庭教育、視頻通話與監(jiān)控等等。
如果這幾個主要功能入口屏幕占比能更大些、界面中的菜單導航層級能再簡化些...也不至于連我自己想找到一個能跟親人通話的入口都比較困難，更別說老人了。
當然了，這個機器最后只被家里的老人當成，一個只會定點報時的“擺設”。
除了把字號放大，適老化設計還需要做什么？以下分享京東直播在適老化設計上的幾點探索。
強化對比——看清信息
直到近幾年才知道，家里的長輩喜歡發(fā)微信語音，其實是因為老花眼打字不方便。
在適老化設計中，需要注意界面中的信息與背景的對比度，是否足以讓老年人清楚識別，這涉及到對色域跨度的調(diào)整。
我們通過 H（色相）S（飽和度）B（明度）的數(shù)值來劃分色域。如下圖，在統(tǒng)一H值的情況下，規(guī)定了10個標準的S、B值，從而形成一個色帶。所以我們在前后景的顏色選擇上，需要滿足跨度至少為5 ，才能讓老齡用戶清晰地識別到前景信息。
比如在京東直播的老年版界面中，不僅加深了原標準版中的淺灰色文字信息，同時對一些暗文設計也進行了調(diào)整，如搜索框暗文“點擊搜索主播名/商品”等內(nèi)容，提升暗文明度以確保與其背景間的色域跨度大于5。
所以在適老化設計中，需要讓界面中的信息與其背景間的色域跨度至少為5，才能足以讓老年人看清信息。
傳達共識——看懂內(nèi)容
90前的人想要表示“打電話”，會用手比出6的姿勢貼在耳邊；而現(xiàn)在的00后，會用手掌當作手機的樣子貼在耳邊來表示…
在讓老年人能夠看清界面中的信息之后，我們的設計還需要有更清晰的表意信息，讓他們能夠看懂。其中的關鍵在于，這些信息是否能夠“傳達共識”。
無法傳達共識的設計，就像00后的小孩突然擺出用手掌貼在耳邊的姿勢，家里的老人看了可能也無法領會到，這表示的是“打電話”的意思。
在設計中想要”傳達共識”，需要盡量避免圖形icon的單獨出現(xiàn)，用純文字或圖+文的形式表達。不過除了給圖標加上文字，其實我們在圖標本身的設計上也可以進行適當調(diào)整。
比如同樣表達“話費充值”，是用手機還是座機，哪個更能讓那個年代的長輩理解？哪些事物是那個年代慣用的，哪些事物是在那之后才誕生的？哪些是我們?nèi)粘Ｉ钪芯痛嬖诘臇|西，哪些又是專屬于互聯(lián)網(wǎng)世界的產(chǎn)物呢？
所以在適老化設計中，除了幫界面里的所有圖標加上文字以外，在圖標的設計上也可以結(jié)合年代、群體環(huán)境的因素，讓圖形表現(xiàn)的是老齡年代慣用的、日常生活中固有的內(nèi)容，讓老年人也能輕松領會到，這表示的是什么。
聯(lián)系認知——找到點擊區(qū)
就算沒使用過手機的人，在生活中看到凸起的事物也會忍不住按一按；但如果他們看到的是一個圓圈，就不太可能有這種反應了。
在適老化界面中，需要代入更多能夠聯(lián)系生活經(jīng)驗的認知錨點，幫助老年人順利在界面中找到點擊區(qū)域。其實不妨回想一下，即使是現(xiàn)在熟練使用手機的我們，也是從當時iOS4的擬物化界面，開始慢慢地培養(yǎng)心智，才能到如今就算看到一個線框、甚至只有純文字，也能輕松分辨出哪里是可點擊的按鈕。
而當下的老人，也正像當時一開始接觸智能手機的我們，需要在界面中找到與自己生活經(jīng)驗的對照，才能利用熟悉的事物作為認知錨點，幫助自己理解聯(lián)系上一些陌生的概念。
比如將界面中可點擊的區(qū)域強化投影或高光，幫助老人們聯(lián)系起生活中對凹凸的認知試著去點一點。除此之外，我們還需要把一些會對點擊認知產(chǎn)生干擾的內(nèi)容進行弱化。
比如在標準版的京東直播中，存在像紅包雨、獎券這種運營標簽，其樣式看起來與按鈕很像，但實際為不可點區(qū)域，所以在老年版界面中弱化了這些標簽，將他們與所在的列表內(nèi)容作為一個整體背景，讓視覺重心聚焦在可點擊的按鈕上。
所以在適老化設計中，除了需要對可點擊區(qū)域強化投影以聯(lián)系認知，也需要將一些不可點擊的干擾項進行弱化，保證視覺重心最終落在可點擊區(qū)域上。
行為指引——完成點擊
美國新澤西北部一家電影院做了一個潛意識實驗：在電影中每隔5秒就插入0.03秒的字幕，寫著“吃爆米花”和“喝可樂”，雖然人的肉眼無法捕捉到0.03秒出現(xiàn)的事物但它們可以堆積成潛意識，隨后當天影院的可樂銷量增加15%，而爆米花則增加了58%。
在適老化設計中，我們還可以運用潛意識作為界面中的隱形向?qū)?，幫助老年人順利完成目標行為?
比如在按鈕的文案中包含行為動作、結(jié)果去向的內(nèi)容，像“點擊領券”中的“點擊”——對當下需要完成的動作描述，“領券”——動作完成后的結(jié)果去向，讓每個一眼晃過的引導效果堆積，成為界面中的隱形向?qū)?，幫助老年人了解如何完成操作?
像在京東直播的老年版界面中，也同樣設計了這些隱形向?qū)?。比如在列表上加入“點擊進入直播間”的按鈕，引導老年人順利了解到“我當下可以進行點擊”以及“我點擊后可以進入直播間”的信息。
除了對按鈕文案的調(diào)整，我們還可以為一些非明確的可點擊區(qū)域加上行為指引。比如在主播力薦中，每個商品圖片都可點擊看對應的主播講解，因此為每個商品加上帶明確行為意圖的點擊按鈕，避免讓人以為這只是一些展示圖而并不知道這其實都是可以點擊的。
所以在適老化設計中，可以在按鈕文案中加入行為動作、結(jié)果去向的內(nèi)容，同時對一些非明確的可點擊區(qū)域加上行為按鈕，發(fā)揮潛意識的隱形引導作用，幫助老年人順利地完成目標行為。
以上僅展示階段性成果，設計方式、設計理念等，我們的探索遠沒有結(jié)束，期待下一次分享中與你們的交流。
文章來源：站酷 作者：SDL藝術(shù)實驗室
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務