除了放大字號,怎么為老年人做設(shè)計(jì)?
發(fā)布時(shí)間:2022-01-13 11:22 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

如今隨著越來越多的老年人也用上了智能手機(jī),界面的適老化設(shè)計(jì)被逐漸提上日程。除了像老人機(jī)一樣只會調(diào)大字號,我們還需要做什么,才能讓老年人更順利地開啟手機(jī)上網(wǎng)模式?

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

除了放大字號,還可以如何為老年人做設(shè)計(jì)?

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

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

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


強(qiáng)化對比:看清信息


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

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

我們通過 H(色相)S(飽和度)B(明度)的數(shù)值來劃分色域。如下圖,在統(tǒng)一 H 值的情況下,規(guī)定了 10 個標(biāo)準(zhǔn)的 S、B 值,從而形成一個色帶。所以我們在前后景的顏色選擇上,需要滿足跨度至少為 5,才能讓老齡用戶清晰地識別到前景信息。

除了放大字號,還可以如何為老年人做設(shè)計(jì)?

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

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


傳達(dá)共識:看懂內(nèi)容


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

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

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

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

除了放大字號,還可以如何為老年人做設(shè)計(jì)?

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

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


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


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

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

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

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

除了放大字號,還可以如何為老年人做設(shè)計(jì)?

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

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


行為指引:完成點(diǎn)擊


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

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

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

像在京東直播的老年版界面中,也同樣設(shè)計(jì)了這些隱形向?qū)А1热缭诹斜砩霞尤搿包c(diǎn)擊進(jìn)入直播間”的按鈕,引導(dǎo)老年人順利了解到“我當(dāng)下可以進(jìn)行點(diǎn)擊”以及“我點(diǎn)擊后可以進(jìn)入直播間”的信息。

除了放大字號,還可以如何為老年人做設(shè)計(jì)?

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

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

除了放大字號,還可以如何為老年人做設(shè)計(jì)?

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


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


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

是時(shí)候,把你的設(shè)計(jì)稿給家里的七大姑三大姨們看了。

CorelDRAW2021視頻教程
我要自學(xué)網(wǎng)商城 ¥100 元
進(jìn)入購買
文章評論
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會計(jì)課程 興趣成長 AIGC