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

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

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

一、項目背景

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

二、前期調(diào)研

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

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

三、用戶畫像

通過定性和定量分析，提取用戶共性，進行用戶畫像建立。

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

四、體驗地圖

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

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

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

1. UI規(guī)則

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

2. 交互規(guī)則

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

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

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

手勢操作：千萬不要出現(xiàn)復(fù)雜手勢設(shè)計，主要以點擊、滑動為主就夠了。若有去觀察老年人的操作行為的話，就會發(fā)現(xiàn)他們在操作app時就是使勁按，他們很少會使用其他手勢。

反饋：由于老年人的生理特性，感知覺相較于年輕人較弱，所以在給予用戶反饋時，效果一定要強烈，最好可以有手機震動的反饋效果，增強用戶感受，同時增常反饋時長。

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

六、設(shè)計方案

1. 首屏的設(shè)計

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

2. 課程詳情頁與報名成功

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

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

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

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

3. 其他頁面

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

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

七、總結(jié)

適老化設(shè)計或者說包容性設(shè)計（適用的面應(yīng)該會更大些），是我們在進行產(chǎn)品設(shè)計時都應(yīng)該進行思考的問題，我們的產(chǎn)品面對的用戶越來越多元化，也期望每個用戶群在使用產(chǎ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)載。

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