子供向けサイト-本格的な製品「おもちゃ」を作るのは簡単ですか

投稿では、子供向けの教育サイトを作成する「ベストプラクティス」を共有したいと思います。 すぐに予約します。「子供」という用語は、チェスで父親をbeatり、子供向け百科事典の全12巻を読むオタクではなく、基本的なロジックを読み、数え、理解することを学ぶ普通の子供を意味しません。



大人のドグマを断る


Webサイトを作成するときは、コンテンツ、ヘルプ、サイトマップの標準セットを作成するのが魅力的です-これはすべて必須ですが、子供用ではなく、親と検索サーバー用です。システム、登録。 たぶん彼らの両親はサポートに電話するか履歴書を送ることを望むでしょう。 システムへのログインが完了するとすぐに-それで、サイトの子供の部分が始まります。


入力フィールドとテキストプロンプトを含むフォームを子供に見せると、彼は「なぜゲームが開始されなかったのか、私は父に電話する」と思うでしょう。 この例には2つのエラーがあります。
  1. 子供はメッセージを読んでいない、気づかない、または欲しくない
  2. 何を入力すればよいかを知っていても、子供はあまりデータを入力しません


順番に分析しましょう:
私たちの小さなユーザーがメッセージに気付かない場合-抜け道がある場合は、このメッセージを発音する必要があります。 最良の効果を得るには、心地よい声の人を見つけて、複数のwavファイルを記録するように依頼する方が良いでしょう。 後-ページでサウンドを使用します。

<audio controls> <source src="privet.wav" type="audio/wav"> </audio> 


または

 var privetWav = new Audio('privet.wav'); privetWav.play(); 


だから、踏みつけられた道のように-視覚的に、そして音を通して情報を伝えることができます。 余白はまだここにありますか? 親のサイトの一部にそれを転送する必要があります。

別の例
サイトを分岐すると、信じられないほどのサイズになることがあります。 このサイトは、子どもの消費者と子どもを対象としています
  1. サブメニュー、ブレッドクラム、サイトマップの使用に慣れていない
  2. 多くの場合、サイトのどの段階にいるのかわからない
  3. 子供は大人ほど時間に夢中ではない、アクセスを加速し、ホットキーはそれらを必要としない
  4. 子どもたちは教育/発達の過程で独立していません。遊びや勉強ができるなら、遊ぶことを好むでしょう


解決策:メニューと他のコントロールを捨てます-そして、あるページから別のページに切り替える方法は? プログラム/サイトを線形構造に変換する必要があります。

変換例

このページにはメニューが含まれています。



多くのブランチがあり、それぞれに独自のシナリオがあります。

線形構造に変換する:

サウンドメッセージ: こんにちは、レッスンを始めましょう。準備ができたらボタンを押してください
次はレッスンです
サウンドメッセージ: よくできました。準備ができたら、ボタンを押して再生します。
ゲームがあります
サウンドメッセージ: よくやった、あなたはあなたの記録を破り、トロフィーを得る
サウンドメッセージ: ボタンを押して新しいタスクを開始するか、[終了]をクリックします

メニューは一連のアクションに変換されました。最も重要なことは、ゲームが最初に行われるのではなく、デザートが行われることです。 プログラムは教育プロセスを管理し、多くの質問をせず、フォームに記入することもせず、座って勉強するだけです。

ユーザーインターフェースを「おもちゃ」にします。


ボタンをクリックします。

ミーシャの上にマウスを置いたときにボタンが強調表示されたかどうかが重要ではない場合、クリック後にアカウントからアカウントに金額が転送されるかどうかが重要である場合は具体的である必要があります押されたとき-これにより、赤ちゃんはボタンを押したことを理解できます。

効果は「今は何か」になります。

ゲームが開始されると、この2秒間は開始できません。現実の世界では、ほとんど何もすぐには起こりません。 したがって、「開始、注意、行進」または「3 2 1」または少なくとも少し長くロードの進行状況を表示するために警告する必要があります(プリローダー)

報酬。

行われた仕事のために、あなたは報酬を与える必要があります。 そうでなければ、ポジティブな動機が消え、ネガティブなものだけが残ります。「あなたが仕事をしなければ、お菓子はもらえません」
賞品は仮想の「トロフィー」または疑似お金である可能性があるため、たとえば仮想ロボット用の新しいアンテナを購入できます。

キャラクター

キャラクターは知覚において重要な役割を果たします。 ビーストは、男の子と女の子の両方にとって有利なオプションです。 ただし、ユーザーを男の子と女の子に分けることは価値がなく、ロボット工学に興味がある女の子もいます。

もちろん、子供のサイトにはアーティストが必要です。

ボタン、入力フィールド-大きく、フォーカスが強調表示されています。 ユーザーがマウスを簡単に取得できるように、駆動される文字と数字も大きくなります。

完了する代わりに

シンプルな子供向けサイトを作成するのはそれほど簡単なことではありません。 宿題-子供のソーシャルネットワークがどのようになるかを考えます。

Source: https://habr.com/ru/post/J203958/


All Articles