編輯導語：隨著互聯網的發展以及老齡化趨勢的加重，越來越多的APP開始做適老化設計，以此提升他們的用戶體驗。作者針對其做過的適老化產品設計，分享相關經驗，一同探討如何更好地做適老化設計，一起來看看。

隨著互聯網信息技術的快速發展，以及人口老齡化的加重，很多app都在思考如何進行適老化設計，來提升老年人在使用app時的體驗。

本文將針對曾經做過的適老化設計的產品，分享當時的所想所做，與大家探討如何更好的進行適老化設計。

一、項目背景

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

二、前期調研

前期調研主要從社會、經濟、市場入手，通過桌面調研分析適老化產品設計的意義所在。從用戶側調研，初步了解用戶心理及生理特性。

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

三、用戶畫像

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

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

四、體驗地圖

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

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

五、設計規則

1. UI規則

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

2. 交互規則

關于交互規則，主要考慮需增強產品的容錯性、兼容性和易操作性。

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

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

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

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

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

六、設計方案

1. 首屏的設計

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

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

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

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

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

反饋結束后的收起與關聯性：收起時有動效相關聯，告知用戶小機器人收到了哪里。

3. 其他頁面

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

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

七、總結

適老化設計或者說包容性設計（適用的面應該會更大些），是我們在進行產品設計時都應該進行思考的問題，我們的產品面對的用戶越來越多元化，也期望每個用戶群在使用產品時都不會感覺到為難，都會有很好的體驗！

附：

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

本文由 @哈哈 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 Unsplash，基于 CC0 協議。