作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
劳伦斯兄弟的头像

劳伦斯兄弟

劳伦斯是Toptal的技术和软件资深作家. 他曾在谷歌和ITA软件公司担任分析师,并在贝尔通信研究公司和威瑞森实验室担任研究员, 他现在写关于技术交叉的文章, 业务, 和设计. 劳伦斯拥有5项人工智能和互联网应用专利,并拥有哥伦比亚大学(Columbia University)计算机科学硕士学位.

有特色的专家

特色专家头像
卡拉Pernice
卡拉是尼尔森诺曼集团的高级副总裁,也是用户体验研究和运营的先驱. 作为无障碍领域的专家,她参与撰写了这份报告 老年人的用户体验设计.
特色专家头像
詹娜法律
Jenna是一位屡获殊荣的设计总监,在UI, UX,品牌和产品设计方面拥有专业知识. 她的客户包括微软(Microsoft)、捷豹(Jaguar)、英国政府、葛兰素史克(GSK)和Jack Daniels.
特色专家头像
奥马尔·阿里
Omar是一名UX设计师,曾担任塔玛拉的高级产品设计师, 宜家(IKEA)和施华洛世奇(Swarovski)等零售商使用的电子商务支付解决方案. 他擅长原型设计、用户测试和研究.
特色专家头像
丹尼尔·艾哈迈德·哈瓦贾
Daniyal是UI/UX设计师,在可访问性实践方面具有专业知识, 电子商务市场, B2B平台. 他拥有德国安哈尔特应用科学大学综合设计硕士学位.
分享

By 2030, 超过20% 预计美国人口的一半将至少65岁. 在这个人群中,网上购物是 飞涨这一趋势因COVID-19大流行而急剧加速 2020 报告 Mobiquity的研究发现,在疫情爆发的头几个月里,婴儿潮一代的在线杂货订单增长了431%.

考虑到这个的增长 有利可图的市场在美国,设计能够吸引老年客户的数字产品比以往任何时候都更加重要. 本指南将帮助你做到这一点.

简化的导航

无论目标年龄是什么,设计师都应该努力追求简单,但在游戏中,这一点更为重要 为老年人设计. 在工作的时候 塔玛拉, a 先买后付 网上购物应用,用户体验设计师 奥马尔·阿里 他的团队发现,年龄较大的用户更愿意放弃难以导航的网站. 这是非常重要的信息,因为这款应用的大部分用户都在50岁以上.

“其中一件引人注目的事情是,高年级学生说, ‘OK, 如果它太复杂, 我要走了,’”艾丽说。. 例如, 当他的团队改变了还款功能的位置并引起了广泛的混乱, 一位年长的用户表达了沮丧,并指出他们使用塔玛拉是因为, 在那之前, 这比竞争更简单.

为老年用户简化导航的一种方法是明确哪些文本是可点击的,哪些是不可点击的. 这可能意味着保留和强调链接,就像设计师为重新推出的 银的这是一款帮助有空余房间的人寻找室友的房屋共享应用. 房主的平均年龄是66岁,而独居者通常更年轻. “我们让我们所有的联系比时尚界更明显, 又回到了半粗体下划线链接的模式,” 克里斯汀·拉米雷斯silverest客户体验与设计副总裁.

图片来自服装零售商Talbots的网站. 左边是一个穿红衬衫和白裤子的女人. 右边是一个穿着白裤子和彩色衬衫的女人,手里拿着一件棕褐色的夹克. 中间的文字是这样写的:“从0到24码的所有尺寸都很有风格.旁边是一堆文字,上面写着:“商店小姐,商店娇小,商店加,商店加娇小。.文字是加粗和下划线的,这是老年人设计的最佳实践.
Talbots,一个服装品牌 受欢迎的 在婴儿潮一代中,使用下划线和半粗体字体来表示可点击的文本.

把完成任务的按钮放在登陆页面的前面和中间也很重要. 年龄较大的用户往往更多 犹豫 when it comes to trying ways to complete a task; they are more likely to ab和on an e-commerce site if they don’t find what they’re looking for, 正如阿里在重新设计塔玛拉支付应用时发现的那样. 尽管所谓的 窄深界面 是否受到专业用户的青睐, 对老年人来说,这可能是一个挑战,因为它们增加了认知负担,并有可能导致混乱或失去背景, UX/UI设计师说 杰弗里•约翰逊他是旧金山大学(University of San Francisco)教授,也是《 为老龄化人口设计用户界面.

Aly对此表示同意,并推荐a 线性流 以吸引年长的用户. “这应该是相当明显的第一步, 步骤2, 第三步,你看到整个导航在你面前.许多顾客喜欢线性导航,不仅仅是老年人 卡拉Pernice尼尔森诺曼集团高级副总裁. “对于任何读写能力低下或视力有问题的人来说,使用 线性信息路径或LIP,是非常有用的.“用LIP的。, 一旦用户到达屏幕上内容的末尾, 按钮或链接提示下一步可能的步骤, 使它们成为电子商务结帐的理想选择.

一张并排的手机屏幕的图片,每个屏幕上都写着“欢迎约翰·多伊”.左侧屏幕的标题是“Featured Stores”,然后是8家商店的标题, 包括亚马逊, 百思买, 和目标. 下面是三个按钮,分别是商店、财务和个人资料. 右边的屏幕也有相同的按钮, 上面还有一个写着“商户”的方框,下面是75美元的付款金额,上面写着“第二次分期付款”."
在这些为塔玛拉制作的主屏幕模型中, 奥马尔·阿里探索了导航概念,为用户提供到应用程序所需的所有内容的快速链接, 而不是优先安排一些页面,并将其他所有内容嵌套在More按钮下.

写简单的文案,避免刻板印象

电子商务复制的目标是转化. By 保持复制简单 避免使用营销术语, 您可以了解用户的需求,并指导他们完成流程的每个步骤 电子商务销售漏斗. 在银的, 这意味着写微缩稿来减轻用户对在网上分享个人信息的恐惧. “UI语言真的很重要,所以我们在这些调整上投入了很多时间,”拉米雷斯说.

当与老用户交谈时, 同样重要的是,不要对他们抱有成见或居高临下的态度, 说Pernice. 在为尼尔森诺曼集团的全面可用性研究做研究时 老年人的用户体验设计佩尼斯和她的同事们发现 数字产品语言 针对老年用户有时是居高临下, 用户对那些将老年人定型为脱离现实或无助的内容感到疏远.

来自silverest的页面截图. 标题写着“你的背景调查”.下面是一个小标题,上面写着“尚未进行背景调查。,上面有一个高亮的按钮,上面写着“花29美元进行背景调查”.99.上面的复印件解释了接受背景调查后会发生什么. 右边是一列,标题是“我为什么要接受背景调查??并附上复印件,说明进行背景调查的好处.
年龄较大的用户通常不愿在网上分享个人信息, 因此,西尔弗内斯特用缩微稿来解释让所有人——包括房东和无家可归者——接受背景调查的好处.

考虑缩放和过滤信息结构

A zoom-和-filter 设计提供了相关信息的概述, 然后允许用户过滤掉不相关的内容并锁定目标. 这种方法是指导老年用户完成需要大量资源的复杂任务的有效方法 用户输入. 例如,约翰逊说,旅游搜索引擎Kayak逐步引入了选择. “你告诉它你想要什么,但没有太多细节. 然后它给你…信息,你开始使用过滤器. 不,我不想要转机的航班. 不,我买不起头等舱. 当你这么做时,选择的数量就会减少。.

旅游网站Kayak的截图. 左边是基于目的地和旅行日期的航班选项. 右边的三列显示了旅客可以输入的选项,以更改航班选项. 例子包括旅行者是否计划托运任何行李, 他们想乘坐什么样的航空公司, 以及他们想要停几站.
旅游网站Kayak会汇总航班信息,根据用户输入显示选项和价格. Kayak为用户提供了多种选择, 包括他们想要使用什么样的忠诚计划,以及他们愿意停留多少次.

向用户展示他们去过的地方和将要去的地方

提供上下文线索可以在很大程度上帮助老用户返回他们想要重新访问的电子商务页面. 佩妮斯说要瞄准 识别代替回忆 例如,通过改变已访问链接的颜色或显示菜单已被选中. 她还提倡使用面包屑,显示用户在网站层次结构中的位置. “它们有一段时间不流行了, 但面包屑确实有助于老年人走动,她说。.

来自在线家居用品商店Wayfair的截图. 标题显示了一个电子商务UI/UX最佳实践的示例, 留下显示用户在站点层次结构中的位置的面包屑. 标题写着:床 & 浴/床上用品/被套 & 集. 下面是一页缩略图,展示了各种羽绒被的床.
来自家居巨头Wayfair的截图. 顶部的标题显示了一个电子商务UI/UX最佳实践的示例——留下面包屑,指示用户在站点层次结构中的位置.

同样重要的是创造一个强大的 信息的气味, 这个词是由研究人员发明的,他们发现用户在网上搜索的方式就像狩猎采集者寻找食物的方式——跟随一条线索. 当用户到达一个页面时,他们会选择并跟随线索,所以 设计师 是否应该确保视觉线索最终引导他们走向目标. 佩尼斯说,当用户看到标题或图片时,他们会思考, “这都是关于航班或旅行的. 所以我要滚动.’”

这也意味着要清楚地命名链接. “我会看到高年级学生点击一个链接,然后他们进入页面,(他们说),] ‘Oh, 这和我想的不一样.’这样我们就削弱了他们的信心,”佩尼斯说. “链接是一种承诺,你应该兑现它. 当你到达链接所指向的页面时,确认它们在正确的位置.”

一旦用户采取了行动,就向他们的购物车中添加一个项目, 例如,网站应该立即承认它, Toptal设计师说 丹尼尔·艾哈迈德·哈瓦贾. “当你按下按钮或执行任务却没有得到反馈时, 你感觉不到它已经完成了他说。. “所以你要一次又一次地按下它.“对于不那么自信的老年用户, 知道一个网站已经注册,他们的行为可以灌输信任,使他们成为回头客.

启用协助和协作

电子商务设计师 UI/UX设计师说,应该记住,老年用户可能会有人帮助他们 詹娜法律. “家庭成员可以访问他们的账户是非常重要的,”她说. “(老年人)可能是主要用户, 但也有可能是他们的儿子或嫂子实际上是代表他们使用它的人.”

大多数访问共享解决方案倾向于用于工作团队, 但设计与老年人分享需要一种不同的方法. “从本质上讲,它确实是关于分层特权的,”劳说. “老年人还需要多大程度的隐私? 我们可以给家庭成员什么样的私人数据访问权限而不[干涉]这种隐私? 人们通常认为,老年人应该愿意与家人完全接触,但事实并非总是如此.”

培养信心和信任

电子商务网站必须传达安全信息并激发信心, 尤其是那些没有和互联网一起长大的老年用户,他们尤其 易受诈骗.

当设计一个为医疗保险用户销售补充保险的网站时, 劳说,她必须在整个产品过程中发出安全信号. “有必要在每个屏幕上都放置商业改善局认证和诺顿安全标志, form, 互动让用户放心,这是值得信赖的.“这在一定程度上是因为保险行业中有针对老年用户的诈骗历史, 但也, 她补充说, “在任何不包括与真人一对一的互动中,都会存在一定程度的不信任. 对于那些生活主要由真人经历主导的老年人来说尤其如此.”

支持用户信任帮助刺激了银的 网站设计. Ramierez说, 该公司征求反馈意见,并意识到用户不愿意在网站上提供他们的银行信息. 为了解决这些问题, 她的团队对UI进行了量身定制,以推广客户最关心的功能, 比如室友配对和合租支持服务.

设计一个优秀的“帮助”部分是另一种培养信任的方法. Law认为它们非常重要,事实上,她主张首先创建帮助系统. 她说:“忘掉你的产品中其他任何东西:帮助是你设计的第一要素。. “我认为,很多人都是在最后设计或构建他们的产品,然后把它放进去. 但是帮助是你对老用户的真正出发点. 这就是让他们重复使用你的产品的原因.“很多 在线杂货购物网站 在大流行的早期就意识到了这一点, 不习惯网上购物的老年人突然发现自己想要避开人群和公共场所. 在线购物巨头Instacart甚至创建了一个 专门为老年用户提供的帮助线.

让老年用户参与研究和测试过程

可访问性的一个关键部分是让所有人口统计数据的用户都参与进来 研究和测试过程. “如果你和六个人一起做一项研究,只要确保其中一个是80岁的老人,”佩尼斯说. “如果你每次做研究时都这样做, 你要和你的团队一起积累这些知识. 这并不一定是一个大事件,你会问,‘我们如何让它适用于老年人?“这只是你发展过程和研究过程的一部分.”

Ahmed Khawaja建议在每一个设计过程开始时使用 移情的映射卡片分类 了解老年用户的需求和期望. “你需要创建用户角色,然后你必须做 用户旅程映射他说。. 大多数设计师跳过所有这些步骤,直接进入应用设计阶段.”

专家说, 通用设计 原则, 一种旨在为尽可能广泛的用户提供无障碍访问的方法, 最终会产生既适合老年人也适合年轻用户的数字产品吗.

密切关注 可访问性 和普遍 设计原则 通常会产生意想不到的好处,约翰逊指出. “我们要找的是数字版的 抑制削减他说。. “削减路沿是法律规定的,法律规定坐轮椅的人必须能够在城市里走动. 现在有98%的人使用减量装置 人们不是坐在轮椅上吗. 他们是推着滚筒袋的人, 推婴儿车的人, 推着购物车的人, 玩滑板的孩子他说。. “他们为坐轮椅的人移除了一个障碍, 但他们也让其他所有人的生活变得更好.”

了解基本知识

  • 什么是电子商务用户体验?

    电子商务用户体验设计的目标是让客户很容易找到并购买他们需要和想要的东西. 婴儿潮一代是网上购物增长最快的群体, 因此,设计师应该努力使电子商务网站能够吸引并留住这些客户.

  • 为什么可访问性在电子商务中如此重要?

    可访问性是电子商务UI/UX设计的关键. 在美国,26%的成年人有残疾. 如果零售商不让老年人和残疾人可以访问他们的网站,他们就会错过转换. 它们还可能损害品牌声誉,从而进一步影响销售.

  • 为什么UI/UX对电子商务网站设计很重要?

    UI/UX对用户是否购买或放弃网站有很大的影响. 遵循电子商务用户体验可访问性的最佳实践对于吸引和留住可能有视力或灵活性问题的老年人尤其重要,这使得在线购物更具挑战性.

聘请Toptal这方面的专家.
现在雇佣

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.