如何设计儿童网站:6 种最佳 UI 和 UX 实践

已发表: 2022-02-14

与流行观点相反,青少年和“婴儿潮一代”并不是当今世界唯一使用互联网的人。 根据尼尔森诺曼集团进行的一项研究,3-12 岁的儿童现在能够熟练使用网站和应用程序。

那么这对开发人员意味着什么呢? 简而言之,开发人员现在必须扩大他们的目标用户群,并确保他们的网站和应用程序针对年轻用户进行了优化。

不幸的是,这可能非常具有挑战性,因为设计儿童网站涉及大量技术细节和对细节的关注。 让我们仔细看看一些有用的技巧和需要关注的关键领域。

创建一个儿童友好型网站意味着什么?

创建儿童网站时,第一条经验法则是简化。 儿童的认知功能不如普通成人用户发达,因此,必须简化界面和功能以适应他们。 这意味着简单的文本,当然还有简单的导航按钮。 然而,这不是结束的地方。 要创建一个对儿童友好的网站,您需要像孩子一样思考并从孩子的角度看待用户体验。

多年来,我观察过幼儿和儿童使用平板电脑,以下是我通过像孩子一样观察和思考而获得的一些技巧:

儿童保护您的导航

从有孩子的那一刻起,父母就被教导要保护他们的家:门控楼梯、窗户限制器、防碎玻璃等。 但是,儿童防护不应仅限于家庭。 这也是开发人员在构建网站时需要考虑的细节。

使用网站对孩子来说可能很有趣,但这种体验大多是短暂的。 通常情况下,孩子们试图浏览一个网站并最终意外地将自己从特定页面中删除。 例如,他们可能不小心刷错了按钮或点击了将他们转移到不同页面的弹出窗口。

那么你如何阻止这种情况呢? 对于初学者,您应该确保您的网站不包含可能会缩短用户体验或将其带到网站上不同页面的不必要的滑动手势。

带有文本说明的模态窗口也是一个值得考虑的好主意。 例如,如果用户单击指向另一个页面的按钮,他们应该会看到一个窗口,该窗口提供返回到他们之前所在的页面或继续执行新操作的选项。

避免加速度计

在用户体验中使用加速度计的游戏、应用程序和网站很常见。 例如,您可能会遇到一个网站,其中包含“倾斜您的设备以旋转 XYZ”或“摇动您的设备以将红色按钮变为绿色”之类的说明。

虽然这可能是一个看似有趣的功能,但对于年轻用户来说可能是灾难性的。 孩子们经常发生意外,设计一个需要他们倾斜设备的网站简直就是灾难的根源。 通常情况下,他们可能最终会丢掉手机并摧毁它们。

设计儿童友好型网站和应用程序时值得考虑的另一个因素是多点触控交互。 如果您要构建儿童数学游戏或网站,您如何想象目标用户在界面中导航?

我观察到孩子们 倾向于使用多个手指来导航和探索网站界面。 如果没有多点触控集成,当这种情况发生时,您的网站可能会变得无响应。 因此,确保您的网站与多点触控兼容以增强用户体验至关重要。

轻按,而不是按

由于儿童主要通过点击进行交互,因此只有将这种行为因素纳入您的 UX/UI 设计中才有意义。 因此,您的网站界面上的导航应该可以通过单击轻松部署。 强调“单一”,因为双击不是儿童网站的理想功能。

孩子们期望他们采取的每一个行动都是即时性的。 需要双击的按钮不会为它们提供那种即时性。 他们也可能需要很长时间才能意识到他们需要双击按钮才能获得所需的结果。

使用图像而不是文本。

这是一个有趣的事实:多项研究表明,人类处理图像比文本更快更好。 对于儿童(他们主要被鲜艳的色彩和图像所吸引),图像更为重要。 因此,确保您的网站包含生动的图像和最少的文本是有意义的。

如果您针对的是 10 岁及以下的儿童,您应该意识到您的目标受众可能阅读能力有限。 他们还会发现冗长的文本内容枯燥乏味且难以理解。

要绕过这个障碍,请用彩色图像和按钮填充您网站的界面。 如果您必须使用文本,请确保文本是粗体、彩色字母,并且足够简单,以便孩子能够理解。 Brighterly 通过用彩色图像和粗体文本填充他们的网站来吸引任何用户的注意力,从而解决了这个问题(即使他们的目标受众可能是父母)。

您的网站应该是重复友好的

这甚至意味着什么? 对于第一次听说重复友好型网站的人来说,这似乎是一个奇怪的术语。 但是,在为儿童和幼儿设计网站时,这是一个重要的考虑因素。

探索时,孩子们喜欢多次重复动作(例如,一遍又一遍地观看同一个 Cocomelon 视频)。 因此,您的网站必须通过提供重播价值来满足这种与生俱来的需求。 例如,您可以在您的网站上提供用于重播或重新启动视频的按钮。 这将吸引它们的重复性,当然,也会增强一般用户体验。

让按钮成为按钮。

安慰剂按钮存在——不仅在现实生活中,而且在网页设计中。 每天,我们都会看到带有仅具有美学用途的按钮的网站。 不用说,在为儿童设计网站时,这是一个可怕的想法。

当孩子们看到按钮时,他们希望它们能够工作(在我看来,这应该是简单的逻辑)。 当他们按下不起作用的安慰剂按钮时,他们会感到沮丧并继续努力。 冲洗并重复。 这是一个使用户体验恶化的疲劳循环。

因此,在为儿童设计网站时,请确保每个按钮都执行按钮应该执行的操作:部署操作。 附带说明:如果它是一个按钮,让它看起来像一个按钮。

最后的想法

为儿童创建网站需要考虑很多因素。 考虑这些做法,以确保您在每次访问您的网站时为这些小孩提供良好的用户体验。

祝你好运!

作者简介

Jessica Kaminski 是 Brighterly 的数学导师。 她拥有俄斯特拉发大学的数学学士学位和硕士学位。 杰西卡是一位经验丰富的数学导师,拥有近十年的经验,热衷于帮助幼儿学会热爱数学。