キッズウェブサイトのデザイン方法：UIとUXの6つのベストプラクティス

世論に反して、今日の世界でインターネットを使用しているのは10代の若者と「団塊の世代」だけではありません。 Nielsen Norman Groupが実施した調査によると、3〜12歳の子供は現在ウェブサイトやアプリの使用に習熟しています。

では、これは開発者にとって何を意味するのでしょうか？ 簡単に言えば、開発者はターゲットユーザーの人口統計を広げ、Webサイトとアプリが若いユーザー向けに最適化されていることを確認する必要があります。

残念ながら、子供のWebサイトの設計には多くの技術と細部への注意が必要であるため、これは非常に困難な場合があります。 焦点を当てるべきいくつかの有用なヒントと重要な領域を詳しく見てみましょう。

子供に優しいウェブサイトを作成することはどういう意味ですか？

子供向けのWebサイトを作成する場合、最初の経験則は単純化です。 子供の認知機能は、平均的な大人のユーザーほど発達していないため、インターフェースと機能を子供に合うように簡素化することが不可欠です。 これは、単純なテキストと、もちろん、単純なナビゲーションボタンを意味します。 しかし、これで終わりではありません。 子供に優しいウェブサイトを作成するには、子供のように考え、子供の視点からユーザーエクスペリエンスを表示する必要があります。

何年にもわたって、私は幼児や子供がタブレットを使用するのを見てきました。これらは、子供のように見たり考えたりするだけで得たヒントです。

ナビゲーションをチャイルドプルーフ

両親は子供が生まれた瞬間から家を子供から守るように教えられています：ゲート付き階段、窓の制限具、飛散防止ガラスなど。 ただし、子供を保護することは家に限定されるべきではありません。 これは、開発者がWebサイトを構築するときに考慮する必要のある本質的な詳細でもあります。

ウェブサイトを使用することは子供にとって楽しいかもしれませんが、経験はほとんど短命です。 多くの場合、子供たちはWebサイトを探索しようとして、誤って特定のページから自分自身を削除してしまいます。 たとえば、誤って間違ったボタンをスワイプしたり、別のページに移動するポップアップをクリックしたりする可能性があります。

では、どうやってこれを止めますか？ 手始めに、ユーザーエクスペリエンスを短縮したり、サイトの別のページに移動したりする可能性のある不要なスワイプジェスチャがWebサイトに含まれていないことを確認する必要があります。

テキスト命令のあるモーダルウィンドウも検討するのに最適です。 たとえば、ユーザーが別のページに移動するボタンをクリックすると、前のページに戻るか、新しいアクションを続行するかを選択できるウィンドウが表示されます。

加速度計を避けてください

ユーザーエクスペリエンスの一部として加速度計を利用するゲーム、アプリ、ウェブサイトを見つけるのはよくあることです。 たとえば、「デバイスを傾けてXYZを回転させる」、「デバイスを振って赤いボタンを緑色に変える」などの手順が記載されたWebサイトに出くわす場合があります。

これは一見楽しい機能かもしれませんが、若いユーザーにとっては悲惨なことかもしれません。 子供は事故を起こしやすいことが多く、デバイスを傾ける必要のあるWebサイトを設計することは、単なる災害のレシピです。 多くの場合、彼らはおそらく電話を落とし、それらを破壊することになるでしょう。

子供向けのウェブサイトやアプリを設計する際に考慮する価値のあるもう1つの要素は、マルチタッチ操作です。 子供の数学ゲームやウェブサイトを構築する場合、ターゲットユーザーがインターフェースをナビゲートすることをどのように想像しますか？

私はその子供たちを観察しました 複数の指を使用して、Webサイトのインターフェイスをナビゲートおよび探索する傾向があります。 マルチタッチ統合がないと、これが発生したときにWebサイトが応答しなくなる可能性があります。 そのため、ユーザーエクスペリエンスを向上させるには、Webサイトがマルチタッチと互換性があることを確認することが不可欠です。

押すのではなく、タップする

子供は主にタップすることで対話するため、この動作要素をUX/UIデザインに組み込むことだけが理にかなっています。 そのため、Webサイトのインターフェイスのナビゲーションは、シングルタップを使用して簡単に展開する必要があります。 ダブルタッピングは子供のウェブサイトにとって理想的な機能ではないため、「シングル」に重点が置かれています。

子供たちは、彼らがとるあらゆる行動からの即時性を期待しています。 ダブルタップする必要のあるボタンは、その即時性を提供しません。 また、目的の結果を得るにはボタンをダブルタップする必要があることに気付くまでに、長い時間がかかる場合があります。

テキストではなく画像を使用してください。

ここに面白い事実があります：いくつかの研究は、人間がテキストよりも速くそしてより良く画像を処理することを示しました。 子供（主に鮮やかな色や画像に惹かれる）にとって、画像はさらに重要です。 そのため、Webサイトに鮮やかな画像と最小限のテキストが含まれていることを確認することは理にかなっています。

10歳以下の子供を対象としている場合は、対象読者の読解力が限られている可能性があることに注意する必要があります。 彼らはまた、退屈でフォローするのが難しいテキストの長い塊を見つけるでしょう。

このハードルを回避するには、Webサイトのインターフェイスをカラフルな画像とボタンで埋めます。 テキストを使用する必要がある場合は、テキストが太字でカラフルな文字であり、子供が理解できるように十分に簡略化されていることを確認してください。 Brighterlyは、ユーザーの注意を引くためにWebサイトをカラフルな画像と太字のテキストで埋めることで、このハックを釘付けにしました（ターゲットオーディエンスは親である可能性があります）。

あなたのウェブサイトは繰り返しに適している必要があります

これはどういう意味ですか？ これは、繰り返しに適したWebサイトについて初めて聞いた人にとっては奇妙な用語のように思えるかもしれません。 ただし、子供や幼児向けのWebサイトを設計する際には、これを考慮することが重要です。

探索するとき、子供たちはアクションを数回繰り返すのが大好きです（たとえば、同じココメロンのビデオを何度も見る）。 このように、あなたのウェブサイトはリプレイの価値を提供することによってこの生来のニーズに応える必要があります。 たとえば、Webサイトでビデオを再生または再開するためのボタンを提供できます。 これは彼らの反復的な性質にアピールし、もちろん、一般的なユーザーエクスペリエンスを向上させます。

ボタンをボタンにします。

プラセボボタンは、実生活だけでなくWebデザインにも存在します。 毎日、美的用途しかないボタンのあるWebサイトを目にしています。 言うまでもなく、これは子供向けのWebサイトのデザインに関しては恐ろしい考えです。

子供がボタンを見るとき、彼らはそれらが機能することを期待します（私の意見では、これは単純な論理であるはずです）。 動かないプラセボボタンを押すと、イライラして強く押し続けます。 すすぎ、繰り返します。 これは、ユーザーエクスペリエンスを悪化させる疲れるサイクルです。

したがって、子供向けのWebサイトを設計するときは、すべてのボタンがボタンの本来の機能を実行するようにします。つまり、アクションを展開します。 ちなみに、ボタンの場合は、ボタンのように見せてください。

最終的な考え

子供向けのウェブサイトを作成するには、多くの考慮事項が必要です。 これらのプラクティスを考慮して、これらの小さな子供たちがWebサイトにアクセスするたびに優れたユーザーエクスペリエンスを提供できるようにしてください。

幸運を！

著者の略歴

Jessica Kaminskiは、Brighterlyの数学の家庭教師です。 彼女はオストラバ大学で数学の理学士号と修士号を取得しています。 ほぼ10年の経験を持つベテランの数学の家庭教師であるジェシカは、幼児が数学を愛することを学ぶのを助けることに情熱を注いでいます。