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