如何为青少年打造良好的 Web 体验，这里有 111 条实用建议

时间：2023-09-07 19:48:02 | 来源：网站运营

时间：2023-09-07 19:48:02 来源：网站运营

如何为青少年打造良好的 Web 体验，这里有 111 条实用建议：（提示：本篇翻译至 NNGroup 的 Teenagers (Ages 13-17) on the Web 报告，完整版请移步 https://www.nngroup.com/reports/teenagers-on-the-web/ 付费下载，以下为部分精选内容摘要的翻译）

如今，科技已经深深融入到了青少年生活的方方面面，如果专为他们做一个网站，那网站的有用性和易用性会比以往更加重要。




现在是一个被漫天的信息所充斥的世界，每个人都在各种电子设备上不停的重复点、点、点的动作，因此网站设计师必须非常清楚青少年想要什么，以及如何将他们留存下来成为自己的真正用户。




为了了解伴随科技和互联网成长起来的这一代青少年的想法，我们对真实的青少年用户做了深入的实质性调研，以确定如何改善网站来适应如今青少年的行为能力和偏好。

调研结果颠覆了许多对青少年的固有印象：

• 上网就是为了消遣娱乐
• 科技达人
• 电子设备控
• 无时无刻的社交

青少年并不是沉溺网络的技术达人，他们也不喜欢满屏 "bulingbuling" 亮闪闪的网站。通常我们认为他们喜欢新锐大胆、与众不同的东西，也会认为他们对新科技无所畏惧，对新鲜的网络内容充满渴望。不可否认这些观点的正确性，但还是相对片面，如果被这些观点左右，最后的设计必然会很糟糕。




这一代的青少年接触互联网的方式是多元的——更多的场景以及更多样化的设备。本次因为我们的研究方向主要是聚焦在 web 端的用户体验，以台式机和笔记本电脑为主，所以尽管青少年把太多的时间花在了社交平台上，我们也并没太关注社交网络，毕竟我们并不想再做一个 Facebook，最终还是想为主流网站得出一些好的设计原则。

调研

通过多种调研方式，我们得到了 111 条网站的可用性原则来吸引、留存青少年用户。一共有 84 名年龄在 13-17 岁之间的青少年参与了我们 2 轮的调研。第一次是在 8 年前，共 38 名用户，另外 46 名用户参与了我们本次最新的调研。调研用到的 3 种方法：

• 可用性测试。每次我们只对一名志愿者进行测试，交给志愿者一些操作任务，观察并询问他们在测试过程中的想法和感受。为了让测试场景尽量真实，我们除了根据每位青少年志愿者的兴趣爱好定制了不同的任务，还模拟了真实场景下的情况。
• （场景）观察法。我们将场景集中在家和学校两个地方。在志愿者浏览网站的过程中，事先并没明确的任务给他们，我们只是观察并记录他们平时浏览网站的状态。
• 访谈和焦点小组。为了进一步了解他们的使用体验和想法，我们向志愿者收集了他们在浏览网站时候的一些详细的使用故事和案例，还有一些他们觉得有趣、有用的网站。同时我们也征求了这些青少年关于如何将网站做的更具有吸引力的建议和想法。在整个调研的过程中，这种形式是持续进行的。

我们的调研集中在美国和澳大利亚，覆盖从郊区的富人区到城市的中下阶层，调研测试一共包括了 152 个涵盖各领域的网站：

• 学校资源 (California State University, BBC Schools, SparkNotes)
• 旅行 / 艺术启蒙 (ExploreChicago.com, Kidspace Children's Museum, Lonely Planet)
• 健康 (Australian Drug Foundation, KidsHealth, National Institute on Drug Abuse)
• 知识 / 参考 (Nature, Food Network, Scientific American)
• 新闻 (CNN, Weather.com, BBC Teens, http://ChannelOne.com)
• 娱乐 / 游戏 (MTV, Playlist.com, Cool Math Games, Disney)
• 电商 (American Eagle Outfitters, Apple, Volcom)
• 企业网站 (Pepsi-Cola, The Principal Financial Group, Procter & Gamble, Samsung, Morton Salt)
• 政府网站 (Australian Government main portal, California’s Department of Motor Vehicles, the U.S. White House, NASA)
• 公益网站 (Alzheimer’s Association, The Insite, World Food Programme, National Wildlife Federation)

以上这些网站既包含了专门以青少年为目标用户的网站，也包含了一些受众更加广泛的主流网站。

行为目的研究

青少年有各种各样的目的去接触网络内容，消遣娱乐只是其中之一。一般他们会有特定的目的，即使这个目的只能维持仅仅几分钟。




尽管他们的行为目的与成年人不同，主要的行为模式和预期却是一样的：不管是成年人还是青少年都希望网站有良好的易用性和可用性, 能够顺利帮他们完成目标任务。

跟成年人一样，青少年浏览网站也是以目标为导向的，很少会漫无目的地上网；因此网站的体验对青少年来说也同样重要。




青少年上网的目的主要有：

• 学校作业
• 兴趣爱好（学习新技能、发现有趣的活动）
• 娱乐（音乐、游戏）
• 新闻（体育、时事、娱乐）
• 学习研究新课题
• 社交
• 购物

有意思的是尽管有的孩子不会在网上发生实际购买行为，他们也会淘自己喜欢的东西并把清单交给自己的家长。

优缺点

优点：

如今的青少年能够更好的驾驭网站并找到他们想要的内容。相对于八年前的调研，最新的结果显示青少年上网寻找内容的成功率提高了 16%，以平均每年 2% 的速度增长，略高于同时期成年人每年 1.7% 的增速。




注：成功率反映了用户并未完全完成目标任务，也代表着在网站在设计上的缺陷和其业务上的失败。




值得探讨的是，成功率增长的背后究竟是青少年变得更聪明了还是网站比原来体验更好呢？或许两方面都有。我们在新的调研过程中观察到许多青少年不太好的上网习惯和八年前的如出一辙。所以，一方面我们简单的把成功率的提高归结为网站设计的比原来更好用；另一方面，现在的青少年能够更加方便的接触到互联网并花费更多的时间在上面，这进一步培养、提高了他们上网的能力。

缺点：

青少年并不像有些人想的那样无所不能。尽管他们很自信，但他们一样犯很多错误而且常常半途而废。这些不安分的青少年更加粗心大意，思考问题也不够深入——都是导致成功率低的原因。数据也印证了这一点：成年人网上操作的成功率有 83%，而青少年只有 71%。




三个主要原因：

• 较低的阅读能力
• 不够成熟的研究、学习方法
• 缺乏耐心

以上三点对提高网站在青少年人群中的使用体验至关重要。




在各种类型的网站中，青少年在电子商务网站上表现的最成功，这些网站通常遵循设计标准，并且很少需要阅读。在面对一些包含有大量文字内容或者导航系统较差的大型网站时，他们往往会手足无措，这些网站主要是政府类网站、公益网站、校园网站，可谓是 “差评” 的代表。




尽管网站的体验普遍提高，我们观察到现在的青少年仍然面临着和八年前的孩子一样的问题，同时随着新功能特性和设计方法的增多，新的问题也增加了。因此，传统的和新的指导原则都必须随着技术和人的不断发展而进步；相比于第一版的 61 条，我们的新报告总共包含 111 条指导原则。

大部分的设计原则同样适用于大众用户，但对于青少年来说更加重要，因为可用性的问题会给他们带来更大的障碍。

排版

对于没什么耐心的青少年来说，优秀的排版至关重要。没什么比满屏杂乱的文字更能让他们觉得无聊、抓狂，甚至会产生挫败感。

青少年不太喜欢在网站上进行大量的阅读，毕竟在学校已经够了。还有，对于年纪更小的孩子来说他们的阅读能力也并不理想。那些排版清晰，便于浏览，主次分明的网站更受青少年的欢迎。

所以良好的版式能够很好的促进网站和青少年用户之间的沟通。精心设计的网格系统以及足够的留白是很好的选择。网格系统的排版可以让他们更清楚内容的位置，当他们被外界信息干扰之后也更容易找回之前的内容。




青少年的阅读能力和鉴别能力普遍低于成年人，网站的文案对他们的学习效率和专注度就显得尤为重要，一般来说文案要简单易懂，避免过长的句子和大幅段落。如果网站的目标用户是大众，文案的书写水平最好能让 6 级阅读能力（或更低）的人看懂，这个级别可以让年轻用户和老年用户都能快速理解网站内容。

在调研中一个有趣的发现是青少年和成年人一样不喜欢偏小的文字。我们经常提醒一些网站，小号的文字会给网站带来负面的印象，尤其是年纪大的用户（随着年龄的变大视力越来越差）。通常我们认为现在小字号文本大行其道是因为大部分网站设计师是拥有良好视力的年轻人，这也是我们为什么会惊讶于青少年会反感小字号文本的原因。尽管他们视力非常好，面对那些小小的文字，也并不会专注于网站内容而只是匆匆略过。

内容

青少年经常抱怨那些无趣的网站，如果你想让他们在网站上多停留一会儿，陈旧刻板且毫无新鲜感的内容绝对是网站的死亡宣言。当然也不是所有的内容都要生动有趣。青少年喜欢美的事物，对组织混乱以及充斥无关信息的网站深恶痛绝。




为年轻群体设计网站的时候要当心是否过度使用了交互形式，网站中的多媒体也是把双刃剑，可能锦上添花也可能画蛇添足。一个好的体验的网站往往是能够教他们一些新的东西，或者让他们专注的做一些事情。




那什么是好的呢？以下这些形式就不会只让他们坐在电脑前发呆了：

• 在线问答 / 测试
• 提问和反馈
• 线上投票
• 游戏
• 分享图片 / 故事
• 留言板（弹幕）
• 互动论坛
• 创意 / 原创内容

这些互动形式让青少年得以在互联网上表达自己的观点和态度。




网站的类型也会影响他们对网站的预期。比如，他们希望电子商务网站和品牌网站看起来更专业，信息类网站看起来更简洁有序。对于信息型网站，将内容以清晰的方式呈现比用一些看起来前卫复杂的形式更具有吸引力。去除那些毫无意义的附加功能特征，他们可以有效专注在浏览信息和学习内容上。

快速响应

加载太慢绝对会使网站流失大量用户。不管怎样，确保网站可以快速加载内容。响应速度慢的网站会另任何一个用户感到沮丧，对于那些没什么耐心的青少年来甚至会另他们恼火。

在给网站添加那些超级酷炫的功能之前请一定三思，如果功能拖慢网站响应速度或者还有 BUG，最好还是别加了，孩子们没有耐心看的。值得注意的是，孩子们经常使用一些陈旧或者二手的设备，网络的连接速度也不一定稳定，所以那些看起来炫酷的功能未必达到好的效果。当他们在使用网站的时候，响应速度慢和中看不中用的功能只会让他们迅速离开。

平等对话

避免任何居高临下或者幼稚的文案、内容，恰当的文案能够使网站更接近用户。青少年喜欢内容的创作者对他们平等相待，所以真实的故事、图片和用例他们更容易接受。




在我们的调研中有一些网站想在一个版块中同时提供儿童和青少年的内容，并往往以”Kids“作为标题，犯了大错，”Kids“这个词简直与青少年不共戴天。他们对目前自己的身份状态有很强的认同感，过于幼稚的内容并不是他们想要的——这同时佐证了为什么要避免使用那些过度的特效和花哨的色彩设计。所以，我们建议将儿童和青少年的版块各自命名区分开。

社交自由

鼓励分享而不强制。青少年已经习惯甚至某种程度上依赖线上的彼此交流，但他们也不是想让社交时刻都围绕在身边，对于要分享什么以及如何分享，他们要掌握在自己手里。那些强制青少年用户注册并且自动将用户信息暴露在线上的网站严重违背了信任的原则。家长和老师告诫他们要保护自己的隐私，其中之一就是远离那些乱七八糟的网站。

小屏幕设计

许多学生其实是坐在尴尬的或者不舒服的地方用一些便携的小屏设备上网的，比如笔记本电脑、平板和手机。多样的设备同时也要求网站设计者确保不同设备上都要具备良好的可用性。尽管现在职场用户的屏幕越来越大，但青少年很少会接触到那么大屏的设备。




使用笔记本电脑的时候，他们用的最多的是触控板，遇到需要精确操作的时候就会遇到困难，比如下拉菜单，拖拽，以及触发小的按钮。类似翻转效果或者小按钮这样的设计会造成很多问题，小字以及拥挤的排版会造成阅读困难，结合这些以及使用场景，不难发现他们使用过程中极易出现疲劳和失误。




媒体经常把他们描述成使用计算机的天才，而事实上，过度的自信以及不成熟的认知能力意味着他们遇到困难会很快放弃并且把责任推到网站的设计上。他们绝对会怪那个网站的设计者而不是自己。

不同年龄段差异对比

下面这张图表概括了从儿童时期、青少年、大学生到成年人在使用网站过程中的异同。

显然，不同年龄段之间存在着许多的差异，以上也只是其中一部分。好的用户体验来自于对青少年用户需求、行为的深入洞察和理解，无论是交互设计还是网站的内容、主题，都至关重要。




（全文完）翻译者： @Amao

往期翻译作品：

国外高赞 Redesign 案例 | 如何改进 Booking.com 的用户体验

纪念碑谷设计总监 Ollie Campbell 分享新作 Florence 背后的设计故事




译者后记：

国内也有不少针对青少年用户的调研，比如《腾讯 00 后研究报告》（点击下方小程序卡片即可浏览全部内容），从 00 后的成长环境到价值观再到消费态度做了一些总结，本文有些观点与其一致。腾讯的这则报告涵盖的层面更广泛，具有高层面的指导意义。

不管是国内还是国外，关注青少年用户的体验显然越来越重要，他们的行为需求和审美趣味无疑会影响着未来产品的形态特征，同时好的产品也一定会给他们的成长留下积极的烙印。