天天看點

資訊擷取與适老化系統體驗更新

作者:人人都是産品經理
編輯導語:老年人在網際網路中一次次受到阻礙,加快适老化産品設計俨然成為目前的一大形勢之一。本文是作者針對網際網路金融産品适老化改造的深入探索的總結,希望對你有所啟發。
資訊擷取與适老化系統體驗更新

鑒于老年人一次次在“數字圍城”中遭遇的困境,2020年11月,國務院辦公廳印發《關于切實解決老年人運用智能技術困難實施方案》的通知,2021年1月起,工信部将在全國範圍内開展為期一年的“網際網路應用适老化及無障礙改造專項行動”,要求各地區、各部門建立工作台賬,明确時間表和路線圖,推進網際網路網站和移動網際網路應用(APP)适老化及無障礙改造。

資訊擷取與适老化系統體驗更新
資訊擷取與适老化系統體驗更新

此政策一出,引發了資管行業針對金融産品适老化改造的積極探索與思考,同時各金融機構研究團隊也相應推出網際網路金融産品适老化改造的改進方向和原則,資訊無障礙理念是近年國家推進可持續發展的一項重要工作。在此也引發了我針對網際網路金融産品适老化改造的深入探索。

本篇調研報告由以下五大部分構成:

  1. 行業分析—探讨适老化改造趨勢背景
  2. 使用者分析—研究使用者對象習慣特征及需求痛點
  3. 改造方向—總結改造方向和部分具體措施
  4. 資訊擷取—以證券交易為例的資訊清單優化
  5. 完成效果—分析目前各家産品适老化改造成果
資訊擷取與适老化系統體驗更新

1. 适老化改造趨勢背景

截至2019年年末,大陸65周歲及以上人口1.76億人,占總人口12.6%;至2024年,65歲及以上人口将突破2億;若以60歲作為老年标準,至2050年,老年人口将達5億。中高收入老年家庭數持續增加,金融服務需求将顯著增長,2017年家庭月收入逾4000元的老人已超過1.06億人,其中1600萬老人的家庭月收入逾10000元。和許多無房無車年輕人相比,絕大多數老年人擁有一套或多套住房。

新生事物的發展也潛移默化的影響着老年人的消費思維方式。在如今網際網路不斷發展的今天,老年人的觸網熱情也不斷提高。根據CNNIC釋出的《中國網際網路發展狀況統計報告》,截至2019年6月,大陸50-59歲網民群體占比達到6.7%,較2016年12月的5.4%提升了1.3個百分點;60歲及以上網民群體占比6.9%,較2016年12月的4.0%上升了2.9個百分點

2. 老年人使用網際網路産品存在的問題

從根本上分析,為什麼老年人“不會用”,最根本的原因就是身體機能的衰弱。這是我們無法抗拒和改變的自然生理現象。

資訊擷取與适老化系統體驗更新

「适老化及無障礙改造」其實包括2個方面。

一方面是「适老化」,對老年人的關懷。另一方面是「無障礙改造」,針對殘障人士,比如視力障礙、聽力障礙、肢體障礙人士的關懷。

這兩方面的改造,也統稱為「資訊無障礙改造」,需要過資訊化手段彌補身體機能、所處環境等存在的差異,使任何人(無論是健全人還是殘障人士,無論是年輕人還是老年人)都能平等、友善、安全地擷取、互動、使用資訊。

整體來看,目前大陸公共服務類網站及移動網際網路應用(APP)無障礙化普及率較低,适老化水準有待提升。比如:

– 多數存在界面互動複雜、操作不友好等問題,使得老年人不敢用、不會用、不能用

– 普遍存在圖檔缺乏文本描述、驗證碼操作困難、相關功能與裝置不相容等問題,使得殘障人士等群體在使用網際網路過程中遇到多種障礙。

– 目前網際網路應用中強制廣告較多,容易誤導老年人,特别是有些付款類操作的誘導式按鍵

目前國内「老年人」相比「殘障人」的使用者群體大很大,并且「适老化」和「無障礙改造」屬于兩個完全不同的改造方向,加上「适老化」改造難度低,普适性更強。是以目前國内的網際網路産品,主要從「适老化」入手進行改造,「無障礙改造」開展的工作還非常有限。

3. 3個方面着手,針對性提出建議

産品如何進行「适老化」改造?

首先我們可以看看,老年使用者的幾個特點:

  1. 視覺、聽覺能力變差
  2. 記憶力、注意力下降
  3. 身體機能下降,對網際網路認知不足

同時,工信部工信部「行動方案」中,對「适老化和無障礙改造」提出了幾個基本要求:

  1. 大字型、大圖示、高對比度文字。
  2. 操作簡單、界面簡潔,實作一鍵操作、文本輸入提示等多種無障礙功能
  3. 提升方言識别能力,友善不會國語的老人使用智能裝置
  4. 去廣告,禁止誘導

從老年人的特點、工信部要求、以及目前網際網路産品适老化實踐中,我總結了3大産品「适老化」設計要點。

資訊擷取與适老化系統體驗更新

一、視覺、聽覺退化導緻資訊擷取障礙

實驗心理學家赤瑞特拉一項關于人類擷取資訊的來源顯示,人類擷取資訊的83%來自視覺,11%來自聽覺,3.5%來自嗅覺,1.5%來自觸覺,1%來自味覺。

1. 字型選擇

那麼在擷取資訊的來源時文字,是産品界面中最重要的一個元素,當産品中的文本字号很小、文字辨認不清的時候,使用者想閱讀的意願就會降低。産品的資訊傳達的目标就無法完成。是以在标準的文本傳遞資訊的時候推薦使用非襯線體

襯線指的是字母結構筆畫之外的裝飾性筆畫。有襯線的字型叫襯線字型(serif)中文比較常見的如宋體、明體、白體;沒有襯線的字型,則叫做無襯線體(sans-serif)。簡單的了解就是非襯線體(例如黑體等)就是沒有裝飾性筆畫的末尾,無襯線體則更統一、時尚、簡約,中文常見的如黑體、微軟雅黑。這種無襯線體也被廣泛應用網頁端或手機端的産品,是以非襯線字型有醒目而且輪廓清晰的特點,是提升螢幕可讀性的首選。

*需要注意的是,在正常頁面的設計過程中避免使用多種字型或者精心設計的造型字型,因為這可能會造成使用者混淆。營銷頁面不在此列

資訊擷取與适老化系統體驗更新

2. 字号大小

根據Ant Design設計語言中講到關于計算最小字型的方法,通過肉眼到物體之間的距離、物體的高度以及人的最小可接受視角,構成的三角函數關系進行計算。

普通使用者的最小視角為0.3度時閱讀效率最好,一般眼睛距離電腦螢幕為50cm。有學者研究表明,老年人由于視覺能力下降,最小可接受視角為0.75度,視距為43cm,換算之後相當于字高為5.62mm,經過換算為16px。

在JIS規格對于印刷品等反射原稿中《不同年紀最小可閱讀文字大小》的建議中,60歲以上的老年人,最小可接受的字型大小的絕對高度是4.9mm,經過換算為14px。

考慮針對老年人的應用使用的文字越大越好,建議最小使用16px字号。為什麼文本字号要設計為16像素呢?有研究表明在我們螢幕上 16 像素的文本大小與印刷在書籍或雜志上的文本大小相同,這很符合人的閱讀習慣。但是人閱讀還有一個因素是不能忽視的,就是人和螢幕之間的距離。

換算網站:https://www.gaitubao.com/tools/pixel2cm.html

資訊擷取與适老化系統體驗更新

3. 顔色選擇

建議使用相對融合的中性色;使用對比強烈的互補色來突出重要元素資訊内容和功能位置。同時要符合WCAG 2.0(Web Content Accessibility Guideline,Web 内容無障礙指南)中對顔色對比度的指導意見:

– 對比度(AA級):文本的視覺呈現以及文本圖像至少7:1的對比度;大号文本(字重為Bold時大于18px,字重為Regular時大于24px)以及大文本圖像至少有4.5:1的對比度。

– 對比度(AAA級):文本的視覺呈現以及文本圖像至少要有4.5:1的對比度;大号文本(字重為Bold時大于18px,字重為Regular時大于24px)以及大文本圖像至少有3:1的對比度。

可以通過WebAIM`s Color Contrast Checker、Contrast-ratio、EightShap es Contrast Grid、等網站點選進行測試對比檢視是否滿足 WCAG 2.0 AA 的「色彩無障礙設計」标準。

避免使用藍色和紫色

由于老年人的晶狀體變黃、變渾濁,會選擇性的吸收藍光,進而導緻老年人對藍色的鑒别能力比紅、綠色的鑒别能力下降的更明顯,是以頁面中的重要元素要避免使用藍色或不同深淺的紫色。

資訊擷取與适老化系統體驗更新

4. 聽力和身體機能的退化

聽覺也是我們擷取資訊的重要來源,可以考慮使用語音通道擷取資訊。但随着年齡的增長,人的大腦聽覺中樞開始退化,腦皮質逐漸萎縮,耳蝸的基底膜、聽覺細胞及聽神經也開始老化,導緻老年人出現聽力下降甚至“老年性耳聾”,主要表現:

  1. 聽到聲音,但聽不清内容;
  2. 正常語速的音/視訊無法全部接收;
  3. 低頻段聲音聽不到(如鼓聲),高頻段聲音受不了(如尖細的刮擦聲),立體聲成為噪音;

是以在進行語音通道設計時,需要考慮:

  1. 加大音量,老年人聽覺平均感覺音量在67.5~75.3分貝之間,是以在視訊開始播放時,我們對低于設定值的音量适當增加到約44%。同時處理掉環境聲音,使内容聲音更清晰。
  2. 為了保證老年人有效的接收到聲音資訊并進行了解,音/視訊的播放速度也需要适當下降。是以,我們減少了高檔位語速,并提供了高、中、低3檔語速,使老年人選擇适合自己的速度,更有效的擷取聲音資訊。同時加入字幕等實時資訊,實時播放雙層保障老年人的資訊擷取
  3. 使用語音互動形式,幫助老年人更友善的進行資訊輸入及擷取,如百度大字版的語音搜尋功能及“今日要聞”點選播放功能、酷狗音樂大字版聽歌識曲功能、支付寶關懷版客服語音功能等。
資訊擷取與适老化系統體驗更新

二、記憶力、注意力下降

1. 簡化互動操作

人在手機上的互動手勢會有很多種,根據不同的業務場景,我們使用的互動手勢也不相同。

大緻分為四類:單擊(tap);長按(long press);輕按兩下(Double Tap);長按&拖拽(long press & Drag)。

這麼多互動手勢,甚至還有組合手勢。老年人在使用過程中會顯的很煩索。是以操作手勢盡量簡單、符合人的正常, 以“點選、滑動” 為主。或者是一種切換支援2種手勢切換頁面。

老年人除了生理上的手指偏大,身體機能退化引起控制能力下降、行動遲緩,動脈硬化、震顫麻痹、帕金森等疾病導緻手部抖動,使得老年人無法進行精确、複雜的操作手勢;是以針對老年人應用的操作手勢應該注意:

– 簡化操作手勢:單指操作的手勢比雙指和多指手勢更易用(比如電腦觸控闆的多指手勢);

– 盡量使用單擊:單擊螢幕比輕按兩下、多擊更易用。老年人手指不靈活無法在指定時間内完成連續點選螢幕兩次。

– 大的點選熱區:在移動端,按鈕尺寸根據手指觸摸螢幕的最小點觸區域,平均長度在10-14mm之間,指尖的長度為8-10mm,是以10mm x 10mm就是一個最小觸摸目标尺寸。按鈕高度35px-50px之間,字号13pt-17pt,圓角4-8·web端:按鈕高度24px-48px,字号12-18,圓角6-10。

資訊擷取與适老化系統體驗更新

2. 精減功能、減少資訊幹擾

内容可以多,内容要做好清晰分類,清晰易懂。資訊導航不要多個次元嵌套,不要讓長輩暈頭轉向。資訊層級不宜過深,2-3層為宜,不要讓長輩迷路。

要考慮哪些功能該提供,哪些不該提供?是否要針對老人提供一些專屬的功能或服務?

如果可以,結合自己的業務,提供老年群體的針對性内容和服務。比如:如果你是做資訊的,内容推薦符合老年人口味,視訊、音頻形式,就很重要。如果你是做醫療健康的,老年人慢病管理,用藥提醒,就比較貼心。

如高德地圖長輩版:減少了很多不必要的功能,附近、消息、我的、打車等等。隻保留首頁而且把長輩會關心的公共廁所、醫院、銀行、公園等目的地列出。友善快速出行。做好了一個地圖工具箱的職責。不去做幹擾的資訊。美團長輩版也是隻保留核心的點餐功能。把更多的頁面空間都留給了餐廳的資訊展示。友善長輩點餐。

資訊擷取與适老化系統體驗更新

3. 流程明确化、減少每屏資訊密度

能懂會用,可以有效減少老年人在使用線上産品時焦慮感和挫敗感。讓老年人知道看到的是什麼,正在做什麼,接下來要這麼做,可以達成什麼目标,這是在使用線上産品進行一切操作的基礎條件。

如做一件事情共需要幾步,目前是百分之多少,還需要多少才能完成,在過程中少一些選擇,多一些指引,将容易混淆的内容進行提示,告訴你應該如何操作,減少判斷和操作失誤。在長任務中,給出明确的回報和最終目标的提醒

資訊擷取與适老化系統體驗更新

三、認知能力、身體機能退化

1. 了解能力

更易辨識的圖示、提供圖示名稱。由于在網際網路時代、年輕人接受的資訊非常多,日新月異比如我們現在流行的矢量化圖示、線條極簡風格的圖示,對于老年人來說,存在認知障礙。他們可能并不了解這些圖示代表着什麼意思。學習需要過程,是以,在老年人未熟悉我們的常用圖示前,可适當調整圖示的設計方向,更加“拟物化”,符合他們的認知。消除認知水準帶來的差距

資訊擷取與适老化系統體驗更新

2. 提示回報

例如在一些需要精确移動的操作,而這個功能又必不可少的情況下。應該怎麼解決。可以通過線性的視覺提示,加上每一個顆粒度的移動都給到振動回報,加強長輩使用者的感覺。而不是所有的提示都通過界面單一展示。也是可以在資訊版塊加入語音播放的功能,通過聲音來告知資訊。

資訊擷取與适老化系統體驗更新

四、資訊擷取優化—以證券交易為例的資訊展示優化

1. 資訊展示的重要性

新聞資訊和行情清單展示的字段很大程度上決定着使用者對行情的了解。是否做出交易的行為。行情清單閱讀的現狀:在一些産品中,基于閱讀子產品的相關設計在關注度和方法論上都有所欠缺。線上的行情清單閱讀版式(參考同花順、東方财富)處理較陳舊,視覺體驗較差,使用者在使用過程中障礙較多。歸根究底,由于整體的設計思路缺失,表面的調整一直是修修補補狀态,沒有根本解決閱讀體驗的問題。

是以在資訊展示上,需要加強邏輯與秩序,在易認性和可讀性上優化資訊傳達和記憶品質,最終給使用者打造0幹擾的閱讀體驗。

這裡解釋下幾個概念:

易認性:(Legibility)針對文字,能準确無誤的讓讀者閱讀,不因為過于接近帶來困惑。

可讀性:(Readability)針對版式,閱讀的容易程度,文字的組合呈現。

0幹擾:能将自己的設計不動聲色的隐藏起來,不以設計本身分散人的注意力,達到閱讀的沉浸狀态。

資訊擷取與适老化系統體驗更新

2. 目前證券交易産品清單存在的問題,總結與分析

基于此現狀,分析了幾個頭部證券交易産品的頁面,梳理目前存在的一些問題,每個清單的盒子寬度不一緻,有的寬有的窄,導緻在整體閱讀時跨越度比較大。盒子的寬度不同對字段資料範圍了解不清晰,導緻同一頁面資料字型大小不統一。展示的資訊過多,密度高、資訊過載出現視覺疲勞。又或者間隔太大顯示的太松散

資訊擷取與适老化系統體驗更新
資訊擷取與适老化系統體驗更新

通過各個次元的對比,總結出這個表格

1)字型分析

  1. 字型iOS端文字基本以蘋方為主,數字字型以din為多數(部分調整)
  2. 字号整體以32-34居多。4個平台文字與數字字号相同正常狀态下)
  3. 字重以中文正常體,數字中黑體為主

2)盒子分析

  1. 固定盒子間距,盒子寬度根據字段調整
  2. 固定盒子寬度,間距。字型大小(牛牛)
  3. 盒子間距不固定,超過盒子部分縮小字型

3)适老/大号字型調節

  1. 牛牛/騰訊自選股/同花順:字型大小5檔,可以全局調整,也可以分區調整,牛牛:行情、交易、資訊、聊天室、其他(同花順有長輩模式)
  2. 東方财富/新浪财經:支援全局字号的修改,但是支援的檔位有所不同有2檔3檔5檔
  3. 老虎:不支援調整/雪球:隻支援調整資訊部分字型
資訊擷取與适老化系統體驗更新
資訊擷取與适老化系統體驗更新
資訊擷取與适老化系統體驗更新

3. 确認展現形式,并驗證可行性

經過總結各家産品的體驗分析,開始了設計方案的嘗試。首先考慮了字段資料高頻出現的範圍、考慮極限值情況,确定字型大小在32-38之間比較合适。第一屏内僅展示最新價、和漲跌幅即可。同時把對比表中出現的高頻率行高、字号。統一進行對比,産生問卷調研進行盲試,選擇覺得最舒服的清單方式。最終34号字型/104清單高度被最多的人選擇。

在确定字号大小和清單高度之後,開始設計驗證,把要展示的字段和正常、極限狀态的資料放入盒子模型内。確定在不改變字号大小和盒子間隔的的情況下都能完整展示。最後在适配泛金融交易的,A股、港/美股、期貨、外彙等清單資訊。在标題、或者資料達到8個-9個的情況下依然能完整展示。

資訊擷取與适老化系統體驗更新

最後在進行字号大小的調整,适合長輩使用者使用。在保障展示完整的情況下,同時調整字号和清單高度,字号以2個字号為一檔支援5檔調節,最大支援44号120行高。同時在漲跌幅處用色塊做視覺吸引,增強漲跌感覺。詳情頁内也是全局調整,不能像某些産品一樣隻是單純的形式上的做“适老化”

開發實作與落地,在和開發同僚了解相關背景後,相當于是皮膚系統對應不同字号擁有不同的UI展示。由于不是時實展示,實作難道不大。全局調整字型,可以實作。但是具體效果不好确定。主要是自适應布局方式産生的問題。面臨部分頁面需要重新編寫。由于目前使用的是frame布局方式需要調整成和Auto Layout(自動)布局才能比較好的适應效果。

資訊擷取與适老化系統體驗更新

4. 文章資訊展示優化與落地

螢幕閱讀與紙質閱讀不同

人的閱讀習慣會根據閱讀環境而改變,包括文本的書寫格式、文本的媒介、語言符号等。基于螢幕的閱讀行為,往往表現了如下特征:很少人會一字一句閱讀頁面,更多的是在浏覽、關鍵詞确認、非線性閱讀、有選擇性的閱讀。是以文章的間距非常影響閱讀體驗。文字的間距包括兩部分,第一是橫向字與字的間距;其次是縱向行與行的間距。

1)頁面版式留白探索(行間距,段落間距等)

行間距是決定版面中的欄寬是否具有閱讀性的重要因素。許多平面大師都非常注重行距,段落間距的設定。過窄與過寬的行距會有意識或無意識的讓讀者困惑,造成某種心理障礙。

行距過大會打破文本連續性,每一行會被孤立,缺乏緊湊感,會降慢閱讀速度。行距太小會讓頁面灰階過重,讀者眼睛承受過多的負擔,無法集中閱讀單獨一行,時間久了會增加疲勞感。

根據目前現狀,再結合行業設計經驗,我們選擇了字号與行高倍數組合的一系列方案,進行了眼動實驗和使用者訪談,确定使用者可接受的行間距為1.50-1.70的範圍,再通過對比不同機型下的螢幕顯示效果,以及不同檔位字型顯示效果、閱讀效率,最後确定了圖文落地頁正文文字,擴大行間距1.65倍行号的設計方案。

資訊擷取與适老化系統體驗更新

2)對齊方式研究

研究完行間距顯示,段落裡文字對齊的研究也很重要。

文字對齊方式有:左對齊,右對齊,左右對齊,居中對齊這幾種,大段落文字閱讀右對齊或者居中對齊幾乎沒有,是以這裡我們對比左對齊和左右對齊的優劣。來看下優劣對比:

左右對齊的優勢較多,主要展現在視覺感受舒服(規規整整的版式),更主要是眼睛在固定位置換行,在易讀性上做得比較好。

缺點也是有的,文章存在2種字間距,而左對齊優勢在于隻有一個固定字間距。好在新聞閱讀文章長度并沒有特别長,篇幅受限,影響也就不會擴大,且2個間距尺寸也是在可接受範圍裡。

綜上對比,我們認為左右對齊的版式在新聞類閱讀裡,是明顯優于左對齊版式。

資訊擷取與适老化系統體驗更新

5. 引入概念—「垂直韻律」

「垂直韻律」是閱讀節奏感的重中之重,打造一切視覺閱讀節奏。行距,是垂直韻律的基礎屬性(同版式中的網格概念接近)。

版式規範中,中文漢字1.5~2倍的行距是最為适合的。整體來說,字号越小,行間距應該相對越大,反之亦然。

确定1.65倍行距最符合各項名額行距确定完後,基礎間距就有了數值a,之後頁面相關的元素縱向之間間距都依賴這個數值(a的n倍)。

資訊擷取與适老化系統體驗更新

倍數間距的引用,整體頁面來看,所有的留白都有規律可循,形成自己的韻律感。

這麼做的好處就是使用者對規律間隔的了解度更高,有節奏的留白除了滿足了它本身需要的功能屬性,使用者閱讀過程中不容易受到來自間隔過多的幹擾,這樣易讀性就提升了。同時由于字号大小的不同,行間距相應的調整。展現的效果也不一樣

來看下我們看看不同字号版式頁面樣子,自帶韻律感~

資訊擷取與适老化系統體驗更新

6.字型、字重選擇

我們除了需要選擇無襯線字型,更應該選擇字重更全的字型我們發現目前在一些安卓手機上,一些字型在增加字重後出現沾粘情況,不能保證可讀性。

字重,即字形的重量,字重的等級用來标明同一字型家族不同粗細筆畫的字形。

但通常一個特定的字型家族僅會包含少數的可用重量。若一個指定的字重不存在時,CSS會就近比對其他字重:較重的字重映射到更重的重量、較輕的字重會映射到更輕的重量。

目前落地頁代碼中字型的設定,安卓使用的第一順位的字型字重僅2檔字重,是以在小字場景和分辨率較低的安卓機型上,會比對到更粗的字重,出現文字沾粘的情況。

資訊擷取與适老化系統體驗更新

這裡插入一件趣事,當時我走查安卓UI頁面時,發現粗體字型比設計稿上粗很多,又對比了一下ios的粗細,就讓他們改細一點。

他們表示:“沒問題”啪一下,我一看發現加粗完全沒有了,變成正常體了。就說“在加粗一點啊”。

開發小哥看了我一眼“行”啪一下,又回到那麼粗壯的狀态。

就問“為什麼加粗會這麼粗,iOS沒有這麼粗啊,不要這麼粗,要細一點的那種粗!”

他白了我一眼說:因為是系統字型不一樣的原因,iOS 用的是Helvetica,安卓字型是Roboto,其字型本身就設計加粗效果就是這麼粗。沒有辦法了!

我:……暫時受挫,退去了!回去之後我越看越不行,就選擇查找解決方案,最終在csdn論壇找到了方法。并且發現了相同遭遇的設計師與開發小哥。果然這個粗細問題都讓設計師無法接受!

資訊擷取與适老化系統體驗更新

最終通過找到的方案化解了這個問題,不過我們還是調整了font-family中的字型适配順位,在安卓端優先适配字重更全的字型,保證安卓端加粗字型的展現,優化内容可讀性。

資訊擷取與适老化系統體驗更新

五、各家産品适老化改造成果

如今已經到2022年的年初,各家app适老化做的怎麼樣。是應付要求,還是真的為老年人打造适合他們用的産品呢?接下來我那幾個正反面案例給大家分析一下。誰才在真正用心做産品

1. 反面教材

1)支付寶

辨識度:支付寶僅在辨識度上還比較可觀,字型、圖示的色彩對比度都可以較好的辨識。但是在易懂方面,支付寶做的比較差勁,整體的互動依舊沿用普通版的,沒有對于了解性做調整,對于老人來說操作比較複雜,難以學會。

而且支付寶的老年版并沒有很用心的去精簡功能,比如這個個人中心頁面,對于老人來說,支付寶會員、餘利寶、螞蟻寶、互相寶這些幾乎沒有用處,存在于頁面中隻會讓老人誤觸,支付類軟體對于老人來說核心功能就是支付、收款、查餘額、查賬單,類似于工具類的産品。在首頁部分還是保留了螞蟻森林的部分,一方面是基于公益的性至,另外一方面還是需要使用者的活躍度、留存率。

理财頁面功能布局上是保留了穩健的、較安全的債券産品,以及保險産品。相對來是比較合理,但是進入到下一級頁面後,又回歸了正常模式。

而支付寶的口碑頁在老年版中應該直接拿掉,口碑裡的每個業務單拿出來,體量都不亞于一個大型APP,而且每個業務的内頁都并沒有去适配老年化,點進去依然是普通版的,這樣的頁面存在于老年版的業務中,隻會分散老人的注意力,加大老人的誤觸率與學習成本。在新版本中加入的生活子產品,更是連字型大小都沒有改變,完全沒有适配。如果是沒有時間加入适配,不如在老年版不上這個功能反而更加幹爽。

雖然适老化涉及的頁面可能很多,資源成本很大回報率低,但是作為國内首屈一指的金融産品,立足于全球化的目标。格局也可以大一點,并且未來随着中國老齡化人口越來越多,老年人掌握的财富會越來越多。針于他們做優化也不一定是“虧本買賣”

資訊擷取與适老化系統體驗更新

2)同花順

作為頭部的證券交易産品,适老化做的可以用災難來形容了。本來主要的使用者人群就是中老年較多,界面風格也偏沉穩,結果在适配上做的像是在應付交作業。首頁上半部分是加大了的圖示,選項欄也是加大字号。但是下面資訊的部分似乎和上半部分圖示分割了一樣毫無關系,依然是正常大小,詳情頁中也是如此。

行情清單頁中一級頁面是老年版的放大效果,點選檢視更多時,清單又回到正常狀态。清單頁的适配難度是最小的,并且外面一層已經有了,結果還做的如此糟糕。并且在長輩模式中,字型大小調整也暫停生效了,也無法調節長輩模式效果不好的字号大小。

資訊擷取與适老化系統體驗更新

2. 正面教材今日頭條大字版

1)今日頭條

是國内最具影響力的綜合類資訊平台,内容五花八門,涵蓋的分類衆多,但是今日頭條的老年版(今日頭條大字模式)卻适配的非常好,進入個人中心,把老人不常用的功能收攏起來,給人感覺就沒有過多的備援元素,把每個子產品的字号與間距都做了适當的調整,整體非常易于閱讀。首先在圖示顔色上,調整成對比度強的顔色,同時今日頭條的老年版了解老人喜歡熱鬧與分享的心理,将頭條分享做的更加突出,便于老人友善的把喜歡的資訊轉發到“姑舅一家親”中。

  1. 首先在圖示顔色上,調整成對比度強的顔色,增強識别度。
  2. 圖形化圖示改成文字按紐,單一的圖示,因為認知方面的差異,老年入無法了解。改用文字形式友善老年人了解涵意。
  3. 在互動方面的調整,比如暫停、全屏的調整外置,更加友善操作。
  4. 資訊布局适應調整,重點需求突出,優化不常用入口。圖示與文字相結合強化提示。
  5. 字型變大的同時,行間距離也做了想應的調整。

綜合來說今日頭條的老年版的适老化是非常成功的,不論從辨識度,易學,易操作上,都針對老年群體做了專門的優化 ,這樣的産品才是更适合老人使用的。而不像某些産品的隻是單純的大、大、大而已。

資訊擷取與适老化系統體驗更新
資訊擷取與适老化系統體驗更新

六、寫在最後

其實通過總結經驗 ,結合案例來看,做适老化不隻是将一個産品的字型放大了,而是根據老人的生理與心裡特性将APP重新設計了一番,做一款更适合老年人使用的産品,讓老人更加容易的學習并使用。

網際網路産品的适老化之路道阻且長,做适老化可能會影響企業的利益,也可能會增加産品的維護成本,受制于某些原因,推動解決老年人面對智能技術的問題解決也是重中之中。但是設計師也需要運用自己的專業性,來幫助目标人群融入數字化的生活中去。

因為在不久的将來,我們也會變成這個群體,當我們面對這些束手無策時,那時的設計又會是如何适老的呢?适老化設計是适合所有人的設計,所有的設計師都應該密切關注。我們也應該讓老人群體更好的體驗網際網路帶來的便捷,享受中國科技騰飛所帶來的福利,這也是我門後一代人應盡的責任。

參考文獻:

探索“流暢感”——談手勢動效體驗設計:https://mp.weixin.qq.com/s/RVCHzJQYp_NompX2ebbg9w

圖文閱讀體驗優化探索:https://mp.weixin.qq.com/s/svNM2N8YuzvQbueS91OgCg

浏覽器新聞閱讀的優化設計:http://www.woshipm.com/pd/4113524.html

産品如何做好「适老化」:http://www.woshipm.com/it/5186647.html

助力老年人跨越數字鴻溝:http://www.woshipm.com/pd/4846647.html

本文由 @楓楓楓楓鋒 原創釋出于人人都是産品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協定