随着我国老龄化人口的持续增长,国家对数字移动的适老化设计非常重视。这几年为了响应工信部的要求,许多常用的APP及系统终端都进行了适老化的设计。 因为页面太多,所以只列举了APP的重要页面,一些二级页面就忽略不计了。文章实操性比较强,案例较多,大家搬好小板凳~ PART 1 APP-新闻资讯 新闻资讯类基本以列表形式布局,文字图片及视频量大。 1、今日头条 可以看到页面除了图片视频大小不变,其他的都在视觉上都进行了放大。还有3个设计细节做的比较好。 ① 底部导航栏文字“头条”改为“看新闻”;“视频”改为“看视频”;“放映厅”改为“看电视”,文字修改后易于老年人理解。图标颜色加深,稳重易识别。 ② 听文章按钮由图标改为图文结合按钮,更突出易点触。 ③ 文章底部的评论、收藏、点赞、分享图标增加辅助文字,易于理解。 适老:放大文字、放大图标、放大按钮、放大控件、加深图标颜色、语音播报、通俗文字、图标增加辅助文字、扩大热区。 2、新浪微博 改动非常小,仅微博内容文字和评论文字进行了放大,没什么亮点,也可能是考虑到微博的用户还是年轻人偏多吧。 适老:放大文字 PART 2 APP-社交通讯 社交通讯类基本以消息列表,对话框、充值缴费为重点功能,设计适老化相对简单一些。 1、微信 微信在很早之前就支持字体放大功能了,适老化的整体布局没啥大的改变,就是一些放大和小细节的变化。 ① 消息列表的副文本颜色加深。 ② 底部导航栏选中的图标颜色加深。 ③ 开启了适老版本后,还可以选择打开消息朗读功能,即点击对话框文字就可以朗读,这个功能真的不错,对老年人友好。 适老:放大文字、放大图标、放大控件、加深图标颜色、加深文字颜色、语音播报。 2、中国移动 改动非常大,砍掉了很多功能和广告,仅保留用户最核心的充话费、充流量及套餐详情。 ① 头部内容精简,图标增加辅助文本。 ② 话费和流量功能布局卡片化,层级分明,一目了然。 ③ 底部增加语音播报按钮,且固定展示。 ④ 充值页面精简,去掉了很多活动广告,页面看上去很纯净,不是老年人的我都想用。 适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化,图标增加辅助文字,精简内容、通俗文字、聚焦功能、语音播报、加大热区。 PART 3 APP-生活购物 生活购物类布局复杂,功能丰富,相对的适老化设计难度就比较大。 1、淘宝 适老版本删减了一些内容,总体感觉还不错,按住说话搜一搜这个功能不错。 ① 首页增加导航栏,方便查找。 ② 金刚区功能精简,布局卡片化,淘菜菜入口清晰,还写明了什么时间提货。 ③ 底部增加语音搜索悬浮按钮。 ④ “浏览过”、“收藏的”、“关注的”全部以通俗的文字形式展示,增加在线客服。 ⑤ 我的订单布局左图右文,点击热区更大。 适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化、语音搜索、在线客服、精简内容、图标增加辅助文字、通俗文字、加大热区。 2、京东 适老做的很棒,感觉很用心,一般来说放大会让人觉得页面很丑,但是京东的适老我一个年轻人居然都觉得还挺舒适的。风格一致,细节感很棒。 ① 所有页面头部都采用红色渐变为底,相比较标准版层级清晰了很多,这个红色的版本好像也是之前京东迭代过的设计。去掉了导航切换,图标增加辅助文字。 ② 金刚区功能精简。 ③ 底部工具栏去掉图标,以文字为主,加大加粗,选中有一个微笑曲线。 ④ 我的页面头部风格与首页保持一致。 ⑤ 我的订单、我的钱包、工具箱布局卡片化。 ⑥ 秒杀商品突出满减文字,抢购按钮精简为抢,放大后也不会太拥挤。 ⑦ 底部页签风格与首页底部页签一致,只留文字去图标。 适老:放大文字、放大图标、放大按钮、放大控件、加深文字颜色、文字加粗、布局卡片化、背景深色化、语音搜索、在线客服、精简内容、增加辅助文字、通俗文字。 3、拼多多 去掉了很多内容和广告营销,瞬间舒适了,整个首页只有搜索、品类导航、商品瀑布流及底部页签栏。 适老:放大文字、加深文字颜色、文字加粗、布局卡片化、精简内容、聚焦功能。 4、闲鱼 适老首页和拼多多布局一样,总体也是中规中矩。 ① 底部页签去掉卖闲置和会玩功能,把顶部的分类功能放到底部页签,利于查找。 ② 商品详情页面底部只留“我想要”按钮。 ③ 我的页面改为列表形式,和淘宝差不多,图标风格也随之改变。 适老:放大文字、放大图标、放大控件、文字加粗、图标增加辅助文字、精简内容、加大热区。 5、饿了么 适老保留了底部工具栏的四个页签,只是内容功能上做了一些删减。 ① 因为没有banner,所以头部背景使用了固定的蓝色,去掉了购物车和消息,增加了天气温度。 ② 金刚区只保留点外卖、去买菜、逛超市、去买药四个入口,图标以实物表现,通俗易懂。 ③ 增加帮助的悬浮按钮,老人遇到问题可直接电话求助。 适老:放大文字、放大图标、放大控件、文字加粗、加深文字颜色、布局卡片化、增加帮助、精简内容、增加辅助文字、通俗文字、加大热区。 6、美团 美团的适老化设计感觉特别敷衍,功能都砍掉了,只留下外卖。有点搞不懂,虽说老年人用美团的不多,难道老年人喜欢点外卖?! 然后设计上也没什么亮点,就是基本的放大。 适老:放大文字、放大图标、放大控件、文字加粗、布局卡片化、精简内容、增加辅助文字、聚焦功能。 PART 3 APP-工具住房 工具住房类布局和新闻资讯比较类似。 1、百度 之前在网上看文章,感觉百度适老化做的挺好的,很有想法。但是实际线上却没看到太多的改变,不知道是啥原因?还是我打开的方式不对?! 适老:放大文字、放大图标、放大控件。 2、贝壳 贝壳适老化简直不能再简洁了,就一个搜索框和金刚区功能。点击什么二手房、新房、租房等这些图标,出来的都是让你授权手机号,等经纪人给你打电话。我想说这都是些什么鬼...还不如直接让老年人去线下门店咨询呢。 适老:放大文字、放大图标、放大控件、布局卡片化。 PART 4 APP-视频娱乐 视频娱乐类基本以视频和音频功能为主,内容体量大,文字偏少。 1、爱奇艺 爱奇艺和优酷的适老版本都做的差不多,内容精简,爱奇艺底部仅保留首页和我的。 ① 导航栏切换只保留推荐、电视剧、电影和综艺这几个分类,是考虑到老年人需求的,像直播、动漫什么的确实不在老年人的范畴。 ② 增加大标题,明确视频层级。 ③ 我的页面仅保留观看历史和下载,布局卡片化。 ④ 视频详情页面仅保留全屏功能,图标转为文字。 ⑤ 简介高亮展示。 ⑥ 突出重点功能,投屏和下载。 ⑦ 全屏页面,图标转为文字,且功能精简。 适老:放大文字、放大图标、放大按钮、放大控件、文字加粗、布局卡片化、精简内容、通俗文字、加大热区。 2、抖音 抖音是短视频的天下,文字偏少,所以适老版本改动小。 ① 首页顶部去掉了商城的入口,搜索由图标转为文字按钮。 适老:放大文字、精简内容、通俗文字。 3、喜马拉雅 喜马拉雅整体精简,风格统一,文字大层级清晰,唯一不足的是不怎么美观。 ① 把我的页面里面的订阅、历史和下载搬到首页了。 ② 分类大字卡片化,很简洁。 ③ 底部工具栏选中图标由线性变成面性,会员和动态改为课程和广播。 ④ 听书详情页头部大字标题,订阅按钮突出。 ⑤ 因为文字放大后,名称显示不下,所以章节名称改为走马灯形式,用在这里非常合适。 ⑥ 播放图标彩色化,下载和倍速等图标都增加辅助文字,进度条时间数字更大更清晰,这些变化对老年人是很适用的。 ⑦ 我的页面增加联系客服。 适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化、语音搜索、在线客服、精简内容、增加辅助文字、通俗文字。 4、QQ音乐 改动很大,只留下了核心功能,一个精简后的“我的页面”,只是听歌和搜索歌曲。 ① 保留了我喜欢和本地音乐,列表卡片化,增加帮助与反馈功能。 ② 音乐播放页面背景为深色,具体颜色根据歌曲封面自适应,这个设计我觉得很棒,相比浅色会更易阅读,也美观。删繁就简,图标增加辅助文字,帮助理解。 ③ 歌词页面背景与音乐保持一致。 适老:放大文字、放大图标、放大按钮、文字加粗、布局卡片化、背景深色化、增加帮助、精简内容、聚焦功能、增加辅助文字、通俗文字、加大热区。 5、唱吧 唱吧简而言之,就是唱歌的。适老版本抓住了重点功能,首页只有搜索歌曲、本地录音、歌曲的榜单及演唱按钮。我觉得是做的很简洁,很适合老年人的。 ① 歌曲列表,去掉了不重要的小标签和加号按钮,也是合理的。 ② 演唱页面去掉主题和练唱,还有顶部的一些小功能,我觉得是合理的,页面纯净,也避免老年人误触。 适老:放大文字、放大图标、布局卡片化、加深文字颜色、精简内容、通俗文字、聚焦功能。 PART 5 APP-金融支付 支付宝是全民应用,用户量大,老年人群体占比不小。 1、支付宝 除了首页,其他页面改动的比较少。 ① 首页金刚区布局卡片化,去掉不必要的功能和营销广告,加大点击热区。 ② 理财头部去掉搜索框,搜索入口改为图标,只留下总资产和昨日收益。 ③ 余额宝总金额居中展示,去掉了理财广告,也是回到了之前的某个版本。 适老:放大文字、放大图标、文字加粗、布局卡片化、语音搜索、精简内容,加大热区。 PART 6 APP-地图票务 地图票务类难点在地图上,目前的适老版本没看到能把地图设计做好的。 1、高德地图 地图放大做的挺好的,但是适老版本居然没有导航这个功能?我真觉得奇怪,你去掉步行和公交地铁的实时导航,就留下个文字路线给老年人?! ① 地图的标签图标突出,辅助文字加了个底色,也更明显。 ② 底部区域功卡片化且有投影。 路线没有实时导航,增加关闭的按钮。 适老:放大文字、放大图标、文字加粗、布局卡片化、精简内容、增加辅助文字、通俗文字、加大热区。 2、铁路12306 相对于12306的标准版,它的适老版本我更喜欢,清晰明了,去掉了很多不必要的功能,颜色也更好看。 ① 功能精简,布局卡片化,在线订票和电话订票一级重点功能,车站大屏、乘车人、重点旅客和消息中心为二级重点功能。功能清晰,利于老年人使用。 ② 增加常见问题,为老年人更好解惑。 ③ 主色调变更,头部背景换成一个更深的蓝色,高亮图标和文字也随之改变。 ④ 订单页面布局卡片化。 ⑤ 我的页面布局卡片化。 适老:放大文字、放大图标、文字加粗、布局卡片化、背景深色化、文字颜色加深、图标颜色加深、增加常见问题帮助、精简内容、聚焦功能、通俗文字、加大热区。 PART 7 APP-医疗健康 医疗健康类的进行了适老化设计的其实比较少,看了微医和丁香医生都没有适老版本。 1、好大夫在线 适老版本功能都砍掉了,只留下一个问诊和订单的功能。问诊页面就是聊天对话,和在线客服差不多,这个适老版本没啥太大意义。 标准版感觉倒是挺适合老年人的,相比其他APP的标准字号,好大夫在线的字号要大很多,扎眼一看还以为是适老版本呢。 适老:放大文字、文字加粗、在线客服、精简内容。 2、叮当快药 之前都没怎么用过这个APP,看了它的适老版本,功能精简的很好,买药流程什么的和电商购物差不多。 ① 头部背景和搜索按钮采用渐变,文字图标颜色加深,去掉了右边非必要的广告。 ② 金刚区仅保留医生开药和咨询药师两个入口,布局卡片化,按钮突出。 ③ 底部页签改为3个,首页、药品清单、我的。 ④ 导航筛选仅保留最常用的,默认、销量和价格。 ⑤ 药品图片缩小、内容文字精简。 ⑥ 我的页面上图下文,布局卡片化,增加联系客服。 适老:放大文字、放大图标、放大按钮、放大控件、布局卡片化、文字加粗、文字颜色加深、在线客服、精简内容、聚焦功能、通俗文字、加大热区。 总结:文中列举的APP基本都是各行各业的领军,有的做的都不尽如人意,可见我们的适老化设计还不是特别成熟,还需要继续打磨与摸索。还有一点就是相同行业的适老版本基本都是大同小异,中规中矩。希望大家能吸取以上适老设计的经验,取其精华、去其糟粕。 |
|