子供に優しいウェブサイトのデザイン(例と実践)
大人は一般的に非常に技術的であり、問題を解決することにもっと気づいています。支払うべき請求書、行う予定などがあります。一方、子供たちは心配がなく、成長するにつれて新しいものを発見するのが大好きです。
簡単に聞こえるかもしれませんが、子供向けのデザインはあなたが思っているよりもはるかに難しいです。これはあなたが毎日閲覧するあなたの通常のウェブサイトではありません。これは、インターネット空間のまったく異なる新しい次元です。
情報を入手して仕事をするために通常Webを使用する大人は別として、子供は娯楽のためにオンラインにアクセスします。彼らは、コンピューターを楽しさと遊びへの入り口と見なしています。
また、子供たちは好きなことを覚えるのがとても上手です。私は年を取りすぎていません。5年生のときに、ゲームをするためにYahooligans(Yahoo.comの子供向けの子供向けセクション)にアクセスしたことを覚えています。
はい、あなたが望むすべての私をからかってください、しかし私はオンラインチェッカーで子供たちを教育しました チェス 。今振り返ってみると、このサイトに戻ってきた唯一の理由は、それが私が知っていた唯一のゲームサイトだからだということがはっきりとわかります。彼らは私の注意を引き、私は夢中になりました!
インスピレーションに飛びつく前に、設計時に覚えておくべき最も重要な要素のいくつかを取り上げたいと思いました。以下に、従うべき概要を示します。
- 前書き
- 遅くて古いコンピュータ
- 子供は気が散るのは簡単です
- 明るく明快な色の使用
- ナビゲーションとインタラクション
- さまざまな年齢層向けのデザイン
目次
- 前書き
- 遅くて古いコンピュータ
- 子供たちは簡単に気が散る
- 明るく明快な色の使用
- ナビゲーションとインタラクション
- さまざまな年齢層向けのデザイン:
- 覚えておくべきこと:
- 1.キッズナショナルジオグラフィック
- 2.ハスブロ
- 3.カートゥーンネットワーク
- 4.PBSキッズ
- 5.ニッケルドエン
- 6.レゴ
- 7.トイザらス
- 8.フィッシャープライス
- 9.テレタビーズ
- 10. Yo Gabba Gabba
- 11.セサミストリートライブ
- 12.マテル
- 13.ディズニー
- 14.ヤフーキッズ
- 15.ニック・ジュニア
- 16.バーニー
- 17.もやし
- 18. iCarly
- 19.SIキッズ
- 20.キッズフットロッカー
- 21.ファンブレイン
- 22.プレイドー
- 23.ポップキャップ
- 24. Webkinz
- 25.クレヨラ
- 26.クラブペンギン
- 27.バービー
- 28.きかんしゃトーマス
- 29.ハーマン
- 30.キッズWB
- 31. Dicovery Kids
- 32.すごいおもちゃ
- 33.私のオンライン読書
- 34.キッズクラブにて
- 35. YTV
- 結論
前書き
画像クレジット: Moxiebird.com
経験とは別に、私には若い兄弟がいるので、それは私が話していることについて私が良い考えを持っているといういくつかの証拠をあなたに与えるはずです。先日彼のショーを見ていると、コマーシャルで非常に興味深い点が指摘されているのを見ました。
コマーシャルは子供たちを両親と一緒にウェブサイトにアクセスし、オンラインでゲームをするように誘いました。コマーシャルでは、ラップトップでゲームをしている間、母親が子供を抱いているのがはっきりとわかりました。ですから、私の考えでは、ウェブサイトは明らかに若年層と高齢層にとって使いやすいものでなければなりません。
ウェブサイトに親セクションを設けることが決定的です。通常、大人はナビゲートする能力が高いため、ヘッダー、サイドバー、またはフッターのいずれかに小さなボタンを配置できます。大きくて派手である必要はなく、単純なボタンだけで十分です。子供たちは議論するのが難しいです、そして彼らが何かを持っていなければならないならば、あなたが彼らのためにそれを手に入れるまで彼らはあなたを死に至らしめるでしょう。
真実は、すべての親が自分の子供を愛し、(予算の範囲内である限り)子供のために何でも買うということです。企業はすでにこれを知っており、おそらくWebサイトのeコマース側の準備ができているでしょう。
あなたが物事のeコマース側を担当している場合は、より多くの売上を可能にするために、チェックアウトプロセスをスムーズかつ便利に保つことを忘れないでください。
遅くて古いコンピュータ
技術の進歩により、低所得の家族はコンピューターを買う余裕ができます。この進歩は、インターネット全体の成長を助け、より多くのユーザーにサービスを提供してくれます。子供には「 最先端 」PCまたはMac。
彼らは通常500ドルより安い標準的なコンピュータを持っています。これだけでも、最初の親は10代の若者にあまりお金をかけたくないことがわかります。なぜなら、彼らはあまり気にせず、物事を壊す傾向があるからです。 2つ目は、購入したコンピューターには最速のプロセッサーも大量のRAMも搭載されていないことを解釈できます。
コンピュータは家庭では遅いだけでなく、学校でもおそらく遅いでしょう。ほとんどの学校には7〜8年前のデスクトップがあります。公立学校には高品質のPCやMacを購入するお金がないことは誰もが知っています。
彼らができないと言っているわけではありませんが、この現在の経済では、彼らの資金は限られていると確信しています。ウェブサイトの速度を最適化し、CDNを使用するのが、最も賢い方法です。
子供たちは簡単に気が散る
子供は動く/点滅する物体に非常に敏感です。気が散りやすいので、より長いブラウジング体験のためにそれらを引き付けるのに役立ちます。大人はすでにバナー広告に慣れているので、彼らはすでにそれらを無視するように訓練されています。一方、子供は広告に対して非常に脆弱です。
子供たちはウェブサイトのコンテンツと広告を区別できないため、広告主はこれを気に入っています。一方、ウェブサイトの所有者は、子供がウェブサイトを離れたためにイライラします。確かに彼らはいくらかのお金を稼いでいますが、彼らの一番の目標はおそらくページビューです。したがって、これを覚えておいてください: 広告でウェブサイトをやり過ぎないでください!
明るく明快な色の使用
検索中に、以下のほとんどのWebサイトが共有する共通の要素に気づきました。すべてのサイトには、無数の明るい色の画像が含まれています。
子供は通常、最も目を引くものをクリックしたり見たりするように描かれます。これは彼らが戻ってくることを続ける思い出に残る経験を作成します。
悲しいウェブサイトが好きな人はいないので、すべてのキャラクターを維持する ハッピー そして 笑顔 必見です。すべてのキャラクターの顔に笑顔を置くべきだと言っているのではなく、一般的には幸せな気分です。
子供たちは自然からとても慣れています。それらをウェブサイトに組み込むと、自然なルックアンドフィールが作成されます。何を組み込むかを尋ねますか?木、水、雪、動物、家、車、学校、店、おもちゃ、季節、服など。
エンジェルナンバー153
これを行動を促すフレーズのボタンに活用することもできます。彼らがウェブサイトを訪問するとき、あなたは彼らに何をしてほしいかをあなた自身/クライアントに尋ねてください。答えは、デザインをどちらの方向に向けるべきかを決定します。
ナビゲーションとインタラクション
大人向けのウェブサイトをデザインするのは難しい場合があります。反対に、自分の考えから完全に外れた誰かのためにサイトを設計しなければならない場合はどうなりますか?
子供たちは単純な傾向がありますが、あなたのプロセスは彼らのプロセスとは大きく異なります。子供はより視覚的になる傾向があります。したがって、テキストではなくアイコン指向のボタンをデザインすることは、完成品にのみメリットがあります。
以下のウェブサイトのほとんどは、よく知られている大きなブランド名です。だからあなたはおそらくうまく設計されたウェブサイトのための彼らの予算を想像することができます。彼らは、ウェブサイトのさまざまなバージョンの開発とA-Bテストに数千ドルを費やしました。
子供向けのウェブサイトが本来あるべき黄金の道はありませんが、従うことができる多くの意見/ルートがあります。実物よりも大きい文字、タイポグラフィ、ボタンを有利に使用できます。
子供たちは教室にいない限り読むのが好きではありません。あなたが望むすべてを私と議論してください、しかしこれは完全に真実です。ゲームをするよりも読書に興味のある子供が生まれることはめったにありません。それで、子供たちがウェブサイトで相互作用することができるいくつかの方法は何ですか?
- ゲーム
- お絵かき
- ビデオ
- ソーシャル
- インタラクティブな読書
ウェブサイトに何らかの購入の角度がある場合、あなたの仕事は、子供向けサイトからの購入がシンプルでプロフェッショナルであることをママとパパに納得させることになります。実際には、インフルエンサーと意思決定者という2つの多様なグループに対応しています。これを正しくすることは本当に私のボートを浮かせます。
さまざまな年齢層向けのデザイン:
画像クレジット: Nomediogrekids.blogspot.com
さまざまな年齢層の焦点は次のとおりです。あなたはあなたがどのターゲット市場のために設計しているのかを理解する必要があるでしょう。その決定から、あなたはそのグループの知性を理解するでしょう。
16歳を過ぎると、10代の若者は、Facebook、Twitter、Myspace、Wikipediaなどの複雑なWebサイトを使用できるようになります。 Facebookが頻繁に実装している変更がないことを信じて、私は時々迷子になることさえあります。
- 4〜7歳
- 8〜11歳
- 12〜15歳
- 16歳以上
覚えておくべきこと:
- 明るい色を使用する
- 文字を使用する
- 幸せな気分を
- デザインに深みを与える
- 画像ベースのナビゲーション
- 読み込み時間が短い
- ユーザーインタラクション
- ビデオとゲームを使用する
- 印刷可能な要素を含める
十分な知識が得られたので、正しく設計された次のWebサイトを確認してください。
1.キッズナショナルジオグラフィック

2.ハスブロ

3.カートゥーンネットワーク
4.PBSキッズ

5.ニッケルドエン

6.レゴ

7.トイザらス

8.フィッシャープライス

9.テレタビーズ

10. Yo Gabba Gabba

11.セサミストリートライブ

12.マテル

13.ディズニー

14.ヤフーキッズ

15.ニック・ジュニア

16.バーニー

17.もやし

18. iCarly

19.SIキッズ

20.キッズフットロッカー

21.ファンブレイン

22.プレイドー

23.ポップキャップ

24. Webkinz

25.クレヨラ

26.クラブペンギン

27.バービー

28.きかんしゃトーマス

29.ハーマン

30.キッズWB

31. Dicovery Kids

32.すごいおもちゃ
33.私のオンライン読書

34.キッズクラブにて

35. YTV

結論
大人と子供向けのウェブサイトのデザインの違いを知ることは非常に重要です。子供たちが学校を進むにつれて、彼らの知識は成長し、新しい興味が生まれます。教育を受けている間、彼らは彼らが下す決定を誘惑するより多くのことを学びます。
詳細については、この興味深い研究をチェックしてください Useit.com 子供向けのデザインにおけるユーザビリティの問題について。インターネットは何十億ものユーザーがいる大規模な場所であり、彼らが同じ年齢ではないことや同じスキルを持っていることを知っている必要があります。
友達と共有してください: