恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
全面解析大厂APP的适老化设计
0.0°
2022-08-19 原创文章 经验/观点 举报 3656 26 22 0

随着我国老龄化人口的持续增长,国家对数字移动的适老化设计非常重视。这几年为了响应工信部的要求,许多常用的APP及系统终端都进行了适老化的设计。
因为页面太多,所以只列举了APP的重要页面,一些二级页面就忽略不计了。文章实操性比较强,案例较多,大家搬好小板凳~



新闻资讯类基本以列表形式布局,文字图片及视频量大。


1、今日头条

可以看到页面除了图片视频大小不变,其他的都在视觉上都进行了放大。还有3个设计细节做的比较好。

① 底部导航栏文字“头条”改为“看新闻”;“视频”改为“看视频”;“放映厅”改为“看电视”,文字修改后易于老年人理解。图标颜色加深,稳重易识别。

② 听文章按钮由图标改为图文结合按钮,更突出易点触。

③ 文章底部的评论、收藏、点赞、分享图标增加辅助文字,易于理解。

适老:放大文字、放大图标、放大按钮、放大控件、加深图标颜色、语音播报、通俗文字、图标增加辅助文字、扩大热区。


2、新浪微博

改动非常小,仅微博内容文字和评论文字进行了放大,没什么亮点,也可能是考虑到微博的用户还是年轻人偏多吧。

适老:放大文字



社交通讯类基本以消息列表,对话框、充值缴费为重点功能,设计适老化相对简单一些。


1、微信

微信在很早之前就支持字体放大功能了,适老化的整体布局没啥大的改变,就是一些放大和小细节的变化。

① 消息列表的副文本颜色加深。

② 底部导航栏选中的图标颜色加深。

③ 开启了适老版本后,还可以选择打开消息朗读功能,即点击对话框文字就可以朗读,这个功能真的不错,对老年人友好。

适老:放大文字、放大图标、放大控件、加深图标颜色、加深文字颜色、语音播报。


2、中国移动

改动非常大,砍掉了很多功能和广告,仅保留用户最核心的充话费、充流量及套餐详情。

① 头部内容精简,图标增加辅助文本。

② 话费和流量功能布局卡片化,层级分明,一目了然。

③ 底部增加语音播报按钮,且固定展示。

④ 充值页面精简,去掉了很多活动广告,页面看上去很纯净,不是老年人的我都想用。

适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化,图标增加辅助文字,精简内容、通俗文字、聚焦功能、语音播报、加大热区。



生活购物类布局复杂,功能丰富,相对的适老化设计难度就比较大。


1、淘宝

适老版本删减了一些内容,总体感觉还不错,按住说话搜一搜这个功能不错。

① 首页增加导航栏,方便查找。

② 金刚区功能精简,布局卡片化,淘菜菜入口清晰,还写明了什么时间提货。

③ 底部增加语音搜索悬浮按钮。

④ “浏览过”、“收藏的”、“关注的”全部以通俗的文字形式展示,增加在线客服。

⑤ 我的订单布局左图右文,点击热区更大。

适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化、语音搜索、在线客服、精简内容、图标增加辅助文字、通俗文字、加大热区。


2、京东

适老做的很棒,感觉很用心,一般来说放大会让人觉得页面很丑,但是京东的适老我一个年轻人居然都觉得还挺舒适的。风格一致,细节感很棒。

① 所有页面头部都采用红色渐变为底,相比较标准版层级清晰了很多,这个红色的版本好像也是之前京东迭代过的设计。去掉了导航切换,图标增加辅助文字。

② 金刚区功能精简。

③ 底部工具栏去掉图标,以文字为主,加大加粗,选中有一个微笑曲线。

④ 我的页面头部风格与首页保持一致。

⑤ 我的订单、我的钱包、工具箱布局卡片化。

⑥ 秒杀商品突出满减文字,抢购按钮精简为抢,放大后也不会太拥挤。

⑦ 底部页签风格与首页底部页签一致,只留文字去图标。

适老:放大文字、放大图标、放大按钮、放大控件、加深文字颜色、文字加粗、布局卡片化、背景深色化、语音搜索、在线客服、精简内容、增加辅助文字、通俗文字。


3、拼多多

去掉了很多内容和广告营销,瞬间舒适了,整个首页只有搜索、品类导航、商品瀑布流及底部页签栏。

适老:放大文字、加深文字颜色、文字加粗、布局卡片化、精简内容、聚焦功能。


4、闲鱼

适老首页和拼多多布局一样,总体也是中规中矩。

① 底部页签去掉卖闲置和会玩功能,把顶部的分类功能放到底部页签,利于查找。

② 商品详情页面底部只留“我想要”按钮。

③ 我的页面改为列表形式,和淘宝差不多,图标风格也随之改变。

适老:放大文字、放大图标、放大控件、文字加粗、图标增加辅助文字、精简内容、加大热区。


5、饿了么

适老保留了底部工具栏的四个页签,只是内容功能上做了一些删减。

① 因为没有banner,所以头部背景使用了固定的蓝色,去掉了购物车和消息,增加了天气温度。

② 金刚区只保留点外卖、去买菜、逛超市、去买药四个入口,图标以实物表现,通俗易懂。

③ 增加帮助的悬浮按钮,老人遇到问题可直接电话求助。

适老:放大文字、放大图标、放大控件、文字加粗、加深文字颜色、布局卡片化、增加帮助、精简内容、增加辅助文字、通俗文字、加大热区。


6、美团

美团的适老化设计感觉特别敷衍,功能都砍掉了,只留下外卖。有点搞不懂,虽说老年人用美团的不多,难道老年人喜欢点外卖?!然后设计上也没什么亮点,就是基本的放大。

适老:放大文字、放大图标、放大控件、文字加粗、布局卡片化、精简内容、增加辅助文字、聚焦功能。



工具住房类布局和新闻资讯比较类似。


1、百度

之前在网上看文章,感觉百度适老化做的挺好的,很有想法。但是实际线上却没看到太多的改变,不知道是啥原因?还是我打开的方式不对?!

适老:放大文字、放大图标、放大控件。


2、贝壳

贝壳适老化简直不能再简洁了,就一个搜索框和金刚区功能。点击什么二手房、新房、租房等这些图标,出来的都是让你授权手机号,等经纪人给你打电话。我想说这都是些什么鬼...还不如直接让老年人去线下门店咨询呢。

适老:放大文字、放大图标、放大控件、布局卡片化。




视频娱乐类基本以视频和音频功能为主,内容体量大,文字偏少。


1、爱奇艺

爱奇艺和优酷的适老版本都做的差不多,内容精简,爱奇艺底部仅保留首页和我的。

① 导航栏切换只保留推荐、电视剧、电影和综艺这几个分类,是考虑到老年人需求的,像直播、动漫什么的确实不再老年人的范畴。

② 增加大标题,明确视频层级。

③ 我的页面仅保留观看历史和下载,布局卡片化。

④ 视频详情页面仅保留全屏功能,图标转为文字。

⑤ 简介高亮展示。

⑥ 突出重点功能,投屏和下载。

⑦ 全屏页面,图标转为文字,且功能精简。

适老:放大文字、放大图标、放大按钮、放大控件、文字加粗、布局卡片化、精简内容、通俗文字、加大热区。


2、抖音

抖音是短视频的天下,文字偏少,所以适老版本改动小。

① 首页顶部去掉了商城的入口,搜索由图标转为文字按钮。

适老:放大文字、精简内容、通俗文字。


3、喜马拉雅

喜马拉雅整体精简,风格统一,文字大层级清晰,唯一不足的是不怎么美观。

① 把我的页面里面的订阅、历史和下载搬到首页了。

② 分类大字卡片化,很简洁。

③ 底部工具栏选中图标由线性变成面性,会员和动态改为课程和广播。

④ 听书详情页头部大字标题,订阅按钮突出。

⑤ 因为文字放大后,名称显示不下,所以章节名称改为走马灯形式,用在这里非常合适。

⑥ 播放图标彩色化,下载和倍速等图标都增加辅助文字,进度条时间数字更大更清晰,这些变化对老年人是很适用的。

⑦ 我的页面增加联系客服。

适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化、语音搜索、在线客服、精简内容、增加辅助文字、通俗文字。


4、QQ音乐

改动很大,只留下了核心功能,一个精简后的“我的页面”,只是听歌和搜索歌曲。

① 保留了我喜欢和本地音乐,列表卡片化,增加帮助与反馈功能。

② 音乐播放页面背景为深色,具体颜色根据歌曲封面自适应,这个设计我觉得很棒,相比浅色会更易阅读,也美观。删繁就简,图标增加辅助文字,帮助理解。

③ 歌词页面背景与音乐保持一致。

适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化、背景深色化、增加帮助、精简内容、聚焦功能、增加辅助文字、通俗文字、加大热区。


5、唱吧

唱吧简而言之,就是唱歌的。适老版本抓住了重点功能,首页只有搜索歌曲、本地录音、歌曲的榜单及演唱按钮。我觉得是做的很简洁,很适合老年人的。

① 歌曲列表,去掉了不重要的小标签和加号按钮,也是合理的。

② 演唱页面去掉主题和练唱,还有顶部的一些小功能,我觉得是合理的,页面纯净,也避免老年人误触。

适老:放大文字、放大图标、布局卡片化、加深文字颜色、精简内容、通俗文字、聚焦功能。




支付宝是全民应用,用户量大,老年人群体占比不小。


1、支付宝

除了首页,其他页面改动的比较少。

① 首页金刚区布局卡片化,去掉不必要的功能和营销广告,加大点击热区。

② 理财头部去掉搜索框,搜索入口改为图标,只留下总资产和昨日收益。③ 余额宝总金额居中展示,去掉了理财广告,也是回到了之前的某个版本。

适老:放大文字、放大图标、文字加粗、布局卡片化、语音搜索、精简内容,加大热区。




地图票务类难点在地图上,目前的适老版本没看到能把地图设计做好的。


1、高德地图

地图放大做的挺好的,但是适老版本居然没有导航这个功能?我真觉得奇怪,你去掉步行和公交地铁的实时导航,就留下个文字路线给老年人?!

① 地图的标签图标突出,辅助文字加了个底色,也更明显。

② 底部区域功卡片化且有投影。路线没有实时导航,增加关闭的按钮。

适老:放大文字、放大图标、文字加粗、布局卡片化、精简内容、增加辅助文字、通俗文字、加大热区。


2、铁路12306

相对于12306的标准版,它的适老版本我更喜欢,清晰明了,去掉了很多不必要的功能,颜色也更好看。

① 功能精简,布局卡片化,在线订票和电话订票一级重点功能,车站大屏、乘车人、重点旅客和消息中心为二级重点功能。功能清晰,利于老年人使用。

② 增加常见问题,为老年人更好解惑。

③ 主色调变更,头部背景换成一个更深的蓝色,高亮图标和文字也随之改变。

④ 订单页面布局卡片化。⑤ 我的页面布局卡片化。

适老:放大文字、放大图标、文字加粗、布局卡片化、背景深色化、文字颜色加深、图标颜色加深、增加常见问题帮助、精简内容、聚焦功能、通俗文字、加大热区。




医疗健康类的进行了适老化设计的其实比较少,看了微医和丁香医生都没有适老版本。


1、好大夫在线

适老版本功能都砍掉了,只留下一个问诊和订单的功能。问诊页面就是聊天对话,和在线客服差不多,这个适老版本没啥太大意义。标准版感觉倒是挺适合老年人的,相比其他APP的标准字号,好大夫在线的字号要大很多,咋眼一看还以为是适老版本呢。

适老:放大文字、文字加粗、在线客服、精简内容。


2、叮当快药

之前都没怎么用过这个APP,看了它的适老版本,功能精简的很好,买药流程什么的和电商购物差不多。

① 头部背景和搜索按钮采用渐变,文字图标颜色加深,去掉了右边非必要的广告。

②金刚区仅保留医生开药和咨询药师两个入口,布局卡片化,按钮突出。

③ 底部页签改为3个,首页、药品清单、我的。

④ 导航筛选仅保留最常用的,默认、销量和价格。

⑤ 药品图片缩小、内容文字精简。

⑥ 我的页面上图下文,布局卡片化,增加联系客服。

适老:放大文字、放大图标、放大按钮、放大控件、布局卡片化、文字加粗、文字颜色加深、在线客服、精简内容、聚焦功能、通俗文字、加大热区。


总结:文中列举的APP基本都是各行各业的领军,有的做的都不尽如人意,可见我们的适老化设计还不是特别成熟,还需要继续打磨与摸索。还有一点就是相同行业的适老版本基本都是大同小异,中规中矩。希望大家能吸取以上适老设计的经验,取其精华、去其糟粕。

Powered by Froala Editor

微信公众号:小梓的设计酷

更新:2022-08-19

收藏

26人已收藏

小梓_xiaozi

微信公众号:小梓的设计酷

  • 26

    作品

  • 696

    粉丝

  • 3

    关注

  • 如何做好海报设计?
  • 外国美术史与设计
  • 如何规范界面“文案”?
  • UI动效知识点详解

    猜你喜欢

      2022-08-19 原创文章 经验/观点 举报 3656 26 22 0

      全面解析大厂APP的适老化设计

      0.0°

      你确定要举报全面解析大厂APP的适老化设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年08月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      22
      26
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录