项目案例 | 除了放大字号，适老化还能做什么-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：京东设计中心 JDC

编辑：章成愉

共 2894 字，预计阅读 8 分钟

前言

前阵子回老家的时候，在老人家里看到这样一个机器。这个机器的功能主要为家庭教育、视频通话与监控等等。

如果这几个主要功能入口屏幕占比能更大些、界面中的菜单导航层级能再简化些...也不至于连我自己想找到一个能跟亲人通话的入口都比较困难，更别说老人了。

当然了，这个机器最后只被家里的老人当成，一个只会定点报时的“摆设”。

除了把字号放大，适老化设计还需要做什么？以下分享京东直播在适老化设计上的几点探索。

一、强化对比——看清信息

直到近几年才知道，家里的长辈喜欢发微信语音，其实是因为老花眼打字不方便。

在适老化设计中，需要注意界面中的信息与背景的对比度，是否足以让老年人清楚识别，这涉及到对色域跨度的调整。

我们通过 H（色相）S（饱和度）B（明度）的数值来划分色域。如下图，在统一 H 值的情况下，规定了 10 个标准的 S、B 值，从而形成一个色带。所以我们在前后景的颜色选择上，需要满足跨度至少为 5 ，才能让老龄用户清晰地识别到前景信息。

比如在京东直播的老年版界面中，不仅加深了原标准版中的浅灰色文字信息，同时对一些暗文设计也进行了调整，如搜索框暗文“点击搜索主播名/商品”等内容，提升暗文明度以确保与其背景间的色域跨度大于 5。

所以在适老化设计中，需要让界面中的信息与其背景间的色域跨度至少为 5，才能足以让老年人看清信息。

二、传达共识——看懂内容

90 前的人想要表示“打电话”，会用手比出 6 的姿势贴在耳边；而现在的 00 后，会用手掌当作手机的样子贴在耳边来表示…

在让老年人能够看清界面中的信息之后，我们的设计还 需要有更清晰的表意信息，让他们能够看懂。其中的关键在于，这些信息是否能够“传达共识”。

无法传达共识的设计，就像 00 后的小孩突然摆出用手掌贴在耳边的姿势，家里的老人看了可能也无法领会到，这表示的是“打电话”的意思。

在设计中想要“传达共识”，需要尽量避免图形 icon 的单独出现，用纯文字或图+文的形式表达。不过除了给图标加上文字，其实我们在图标本身的设计上也可以进行适当调整。

比如同样表达“话费充值”，是用手机还是座机，哪个更能让那个年代的长辈理解？哪些事物是那个年代惯用的，哪些事物是在那之后才诞生的？哪些是我们日常生活中就存在的东西，哪些又是专属于互联网世界的产物呢？

所以在适老化设计中，除了帮界面里的所有图标加上文字以外，在图标的设计上也可以结合年代、群体环境的因素，让图形表现的是老龄年代惯用的、日常生活中固有的内容，让老年人也能轻松领会到，这表示的是什么。

三、联系认知——找到点击区

就算没使用过手机的人，在生活中看到凸起的事物也会忍不住按一按；但如果他们看到的是一个圆圈，就不太可能有这种反应了。

在适老化界面中，需要 代入更多能够联系生活经验的认知锚点，帮助老年人顺利在界面中找到点击区域。其实不妨回想一下，即使是现在熟练使用手机的我们，也是从当时iOS4的拟物化界面，开始慢慢地培养心智，才能到如今就算看到一个线框、甚至只有纯文字，也能轻松分辨出哪里是可点击的按钮。

而当下的老人，也正像当时一开始接触智能手机的我们，需要在界面中找到与自己生活经验的对照，才能利用熟悉的事物作为认知锚点，帮助自己理解联系上一些陌生的概念。

比如将界面中可点击的区域强化投影或高光，帮助老人们联系起生活中对凹凸的认知试着去点一点。除此之外，我们还需要把一些会对点击认知产生干扰的内容进行弱化。

比如在标准版的京东直播中，存在像红包雨、奖券这种运营标签，其样式看起来与按钮很像，但实际为不可点区域，所以在老年版界面中弱化了这些标签，将他们与所在的列表内容作为一个整体背景，让视觉重心聚焦在可点击的按钮上。

所以在适老化设计中，除了需要对可点击区域强化投影以联系认知，也需要 将一些不可点击的干扰项进行弱化，保证视觉重心最终落在可点击区域上。

四、行为指引——完成点击

美国新泽西北部一家电影院做了一个潜意识实验：在电影中每隔 5 秒就插入 0.03 秒的字幕，写着“吃爆米花”和“喝可乐”，虽然人的肉眼无法捕捉到 0.03 秒出现的事物但它们可以堆积成潜意识，随后当天影院的可乐销量增加 15%，而爆米花则增加了58%。

在适老化设计中，我们还可以 运用潜意识作为界面中的隐形向导，帮助老年人顺利完成目标行为。

比如在按钮的文案中包含行为动作、结果去向的内容，像“点击领券”中的“点击”——对当下需要完成的动作描述，“领券”——动作完成后的结果去向，让每个一眼晃过的引导效果堆积，成为界面中的隐形向导，帮助老年人了解如何完成操作。

像在京东直播的老年版界面中，也同样设计了这些隐形向导。比如在列表上加入“点击进入直播间”的按钮，引导老年人顺利了解到“我当下可以进行点击”以及“我点击后可以进入直播间”的信息。

除了对按钮文案的调整，我们还可以为一些非明确的可点击区域加上行为指引。比如在主播力荐中，每个商品图片都可点击看对应的主播讲解，因此为每个商品加上带明确行为意图的点击按钮，避免让人以为这只是一些展示图而并不知道这其实都是可以点击的。

所以在适老化设计中，可以在按钮文案中加入行为动作、结果去向的内容，同时对一些非明确的可点击区域加上行为按钮，发挥潜意识的隐形引导作用，帮助老年人顺利地完成目标行为。

以上仅展示阶段性成果，设计方式、设计理念等，我们的探索远没有结束，期待下一次分享中与你们的交流。

当我们也成为“适老化”中的“老”

几十年后我们也会变老，而时代追随的永远是年轻人的步伐；手里的智能手机早已成为老古董，而那些新玩意就算变成“大字版”，也还是没让我们搞懂到底怎么操作…

是时候，

把你的设计稿

给家里的七大姑三大姨们看了。

超值课程推荐

华为用户体验设计的体系搭建方法

超 10 亿用户的产品，到底是怎么做用户体验的？

揭秘滴滴、蔚来等大厂的用户体验设计策略

原创好文推荐

十个技巧帮助你设计一款在线学习 APP

如何进行产品优先级排序？带你掌握 5 种好用的排序框架

全新 Spotify 社交功能构建分析

Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标

一款为你带来难忘体验的美食 APP

如何制作打动面试官的作品集，这里有一份完整的指导手册

向标杆致敬：移动用户体验的 7 个设计原则

欢迎大家关注三分设，每天分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。