編輯導(dǎo)語(yǔ)：隨著互聯(lián)網(wǎng)的發(fā)展以及老齡化趨勢(shì)的加重，越來(lái)越多的APP開(kāi)始做適老化設(shè)計(jì)，以此提升他們的用戶體驗(yàn)。作者針對(duì)其做過(guò)的適老化產(chǎn)品設(shè)計(jì)，分享相關(guān)經(jīng)驗(yàn)，一同探討如何更好地做適老化設(shè)計(jì)，一起來(lái)看看。

隨著互聯(lián)網(wǎng)信息技術(shù)的快速發(fā)展，以及人口老齡化的加重，很多app都在思考如何進(jìn)行適老化設(shè)計(jì)，來(lái)提升老年人在使用app時(shí)的體驗(yàn)。

本文將針對(duì)曾經(jīng)做過(guò)的適老化設(shè)計(jì)的產(chǎn)品，分享當(dāng)時(shí)的所想所做，與大家探討如何更好的進(jìn)行適老化設(shè)計(jì)。

一、項(xiàng)目背景

該項(xiàng)目主要是一個(gè)為老年人提供一個(gè)線上學(xué)習(xí)的平臺(tái)，為老年人退休后的生活提供更多可選擇的可能，豐富其生活，彌補(bǔ)其曾經(jīng)想學(xué)習(xí)些自己曾經(jīng)感興趣的事物卻沒(méi)有時(shí)間學(xué)習(xí)的遺憾。

二、前期調(diào)研

前期調(diào)研主要從社會(huì)、經(jīng)濟(jì)、市場(chǎng)入手，通過(guò)桌面調(diào)研分析適老化產(chǎn)品設(shè)計(jì)的意義所在。從用戶側(cè)調(diào)研，初步了解用戶心理及生理特性。

• 社會(huì)側(cè)：基于對(duì)當(dāng)前社會(huì)人口情況的調(diào)研，我們了解到我國(guó)老齡化程度正在加速加深，基于老年群體進(jìn)行針對(duì)性設(shè)計(jì)，提升這一用戶群的app操作體驗(yàn)勢(shì)在必行。
• 經(jīng)濟(jì)側(cè)：基于對(duì)當(dāng)前國(guó)情經(jīng)濟(jì)的調(diào)研，我們發(fā)現(xiàn)老年群體的生活水平有在不斷提升，生活方式和價(jià)值觀也有在發(fā)生變化，老年人的生活也正在由生存型轉(zhuǎn)為文化休閑型。
• 市場(chǎng)側(cè)：目前針對(duì)老年群體的產(chǎn)品設(shè)計(jì)在市面上還是比較少的，所以適老化在線教育的設(shè)計(jì)有助于彌補(bǔ)老年人精神文化層面的空白，溫暖老年后的生活。
• 用戶側(cè)：目標(biāo)用戶群的空閑時(shí)間較多，但由于人類生理的變化，用戶視覺(jué)、聽(tīng)覺(jué)等器官感受多多少少都有些下降，記憶、智力等也會(huì)有所下降，這些都會(huì)導(dǎo)致用戶在使用app時(shí)存在些許障礙。而我們所需要做的就是幫助用戶解除這些障礙，讓他們?cè)谑褂胊pp時(shí)也有很好的體驗(yàn)。

三、用戶畫像

通過(guò)定性和定量分析，提取用戶共性，進(jìn)行用戶畫像建立。

本項(xiàng)目針對(duì)目標(biāo)用戶，分析相關(guān)調(diào)研數(shù)據(jù)，將用戶分為良好整合型、目標(biāo)明確型、被動(dòng)依賴型三種類型的用戶，并提取不同用戶的行為特點(diǎn)和訴求。詳情見(jiàn)下圖。

四、體驗(yàn)地圖

通過(guò)業(yè)務(wù)分析，了解本項(xiàng)目用戶主要任務(wù)路徑為了解-選課-報(bào)名-聽(tīng)課-課后，五個(gè)階段，針對(duì)這五個(gè)階段結(jié)合前期的用戶調(diào)研，進(jìn)行體驗(yàn)地圖繪制，分析每個(gè)階段的機(jī)會(huì)點(diǎn)，即找到設(shè)計(jì)的發(fā)力點(diǎn)在哪里。

• 了解/選課：這部分主要是思考如何可以快速提升用戶獲取信息的效率，幫助用戶快速找到他想學(xué)習(xí)的課程
• 報(bào)名：完整的付款及退款流程，增強(qiáng)用戶信任感
• 聽(tīng)課：完善課堂聽(tīng)課環(huán)節(jié)所需的功能，并需考慮老年用戶群簡(jiǎn)單易用，學(xué)習(xí)成本低
• 課后：完整的課后服務(wù)流程，包含作業(yè)批改、分享、同學(xué)交流等，幫助用戶鞏固學(xué)習(xí)內(nèi)容，增強(qiáng)用戶粘性，達(dá)到學(xué)習(xí)的目的。

五、設(shè)計(jì)規(guī)則

1. UI規(guī)則

考慮老年用戶群的用戶生理及心理特征，為保證產(chǎn)品上文字的可讀性，在視覺(jué)設(shè)計(jì)層面主要遵循WCAG 2.1（內(nèi)容無(wú)障礙指南）AA級(jí)的設(shè)計(jì)原則，定義合適的顏色、文字、圖標(biāo)規(guī)范。規(guī)范詳情可見(jiàn)下圖。

2. 交互規(guī)則

關(guān)于交互規(guī)則，主要考慮需增強(qiáng)產(chǎn)品的容錯(cuò)性、兼容性和易操作性。

• 容錯(cuò)性：由于老年人接觸移動(dòng)終端設(shè)備時(shí)間較短，操作行為可能未必同常規(guī)操作行為相同，會(huì)存在誤操作較高頻的情況，所以在產(chǎn)品設(shè)計(jì)中需考慮提升產(chǎn)品的容錯(cuò)性，尤其是在提交、支付等較重要的環(huán)節(jié)增強(qiáng)容錯(cuò)性設(shè)計(jì)，給予用戶更多的安全感。
• 兼容性：主要考慮老年人使用的移動(dòng)終端低端設(shè)備較多，所以在產(chǎn)品研發(fā)階段，需增加設(shè)備的兼容性，不要因設(shè)備性能問(wèn)題而影響用戶體驗(yàn)。最好以輕量化設(shè)計(jì)為主，摒棄低頻功能。
• 易操作性：針對(duì)老年人的產(chǎn)品設(shè)計(jì)最需要考慮的問(wèn)題就是降低學(xué)習(xí)成本，考慮如何提升產(chǎn)品的易操作性。主要可以從一下四個(gè)角度切入設(shè)計(jì)：

交互熱區(qū)：一定要大，保證其可操作性。

手勢(shì)操作：千萬(wàn)不要出現(xiàn)復(fù)雜手勢(shì)設(shè)計(jì)，主要以點(diǎn)擊、滑動(dòng)為主就夠了。若有去觀察老年人的操作行為的話，就會(huì)發(fā)現(xiàn)他們?cè)诓僮鱝pp時(shí)就是使勁按，他們很少會(huì)使用其他手勢(shì)。

反饋：由于老年人的生理特性，感知覺(jué)相較于年輕人較弱，所以在給予用戶反饋時(shí)，效果一定要強(qiáng)烈，最好可以有手機(jī)震動(dòng)的反饋效果，增強(qiáng)用戶感受，同時(shí)增常反饋時(shí)長(zhǎng)。

操作輔助：可以融入讀屏、語(yǔ)音輸入等便利服務(wù)。

六、設(shè)計(jì)方案

1. 首屏的設(shè)計(jì)

• banner區(qū)：主要針對(duì)的用戶群為“被動(dòng)依賴型”，為其推薦課程，占頁(yè)面1/3的banner圖，給予用戶較強(qiáng)的視覺(jué)感受，同時(shí)設(shè)置“免費(fèi)試聽(tīng)”按鈕，為用戶進(jìn)入課程提供快速通道。
• 課程選擇區(qū)：主要分為搜索和類別選擇兩個(gè)區(qū)域。搜索區(qū)為“目標(biāo)明確型”用戶提供服務(wù)，幫助他們快速找到自己想要學(xué)習(xí)的課程，且頁(yè)面上滑后，搜索區(qū)至于頁(yè)面頂部，便于隨時(shí)使用；類別選擇區(qū)為“良好復(fù)合型”和“目標(biāo)明確型”用戶提供服務(wù)，該區(qū)類別按鈕以文字形式展示，有助于提升用戶閱讀效率。
• Tab區(qū)：考慮老年人生理特征及行為習(xí)慣，以純文本的形式展示。且tab僅有“首頁(yè)”“上課”“我的”三個(gè)最主要的功能標(biāo)簽。
• 推薦區(qū)：推薦的課程條目信息包含報(bào)名人數(shù)以及價(jià)格，提升用戶獲取信息的效率，幫助用戶更快的找到自己感興趣的課程。
• 小助手：會(huì)一直浮于頁(yè)面右下角，可在用戶需要的任何時(shí)候提供幫助服務(wù)。減緩用戶在不知如何操作時(shí)的焦慮。

2. 課程詳情頁(yè)與報(bào)名成功

• 簡(jiǎn)練化設(shè)計(jì)：課程詳情頁(yè)進(jìn)行簡(jiǎn)練化設(shè)計(jì)，提取課程名稱、價(jià)格、上課時(shí)間等用戶最關(guān)心的信息至于頁(yè)面頂部，以及將課程特色用標(biāo)簽的形式呈現(xiàn)，提升用戶提取信息的效率。
• 情感話設(shè)計(jì)：恰到好處的情感化設(shè)計(jì)可以有效的幫助我們拉近與用戶的距離。報(bào)名成功時(shí)的情感化設(shè)計(jì)主要從以下三個(gè)角度著手：

購(gòu)課成功后的儀式與安全感：報(bào)名成功后由助手小機(jī)器人進(jìn)行報(bào)名成功后的信息播報(bào)，給予用戶較強(qiáng)的操作反饋，以及貼心的有關(guān)課程的溫馨提示。消除老年人在付款后不知是否成功的焦慮與不安。

交互反饋時(shí)的共情與同理心：擬人化的小機(jī)器人助手，且包含語(yǔ)音播報(bào)，照顧視力不是很好的用戶，給予用戶陪伴的溫暖。

反饋結(jié)束后的收起與關(guān)聯(lián)性：收起時(shí)有動(dòng)效相關(guān)聯(lián)，告知用戶小機(jī)器人收到了哪里。

3. 其他頁(yè)面

與課程信息有關(guān)的頁(yè)面，有效展示上課進(jìn)度，并提醒上課時(shí)間，使產(chǎn)品更加智能化。

上課頁(yè)面提供標(biāo)記功能，幫助用戶在復(fù)習(xí)階段可以快速找到重點(diǎn)的地方，同時(shí)在打標(biāo)記時(shí)提供語(yǔ)音記錄的方式，使操作更加便捷。

七、總結(jié)

適老化設(shè)計(jì)或者說(shuō)包容性設(shè)計(jì)（適用的面應(yīng)該會(huì)更大些），是我們?cè)谶M(jìn)行產(chǎn)品設(shè)計(jì)時(shí)都應(yīng)該進(jìn)行思考的問(wèn)題，我們的產(chǎn)品面對(duì)的用戶越來(lái)越多元化，也期望每個(gè)用戶群在使用產(chǎn)品時(shí)都不會(huì)感覺(jué)到為難，都會(huì)有很好的體驗(yàn)！

附：

WCAG 2.1快速指南：https://experienceleague.adobe.com/docs/experience-manager-65/managing/accessibility/qg-wcag.html?lang=zh-Hans

本文由 @哈哈 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。