- 2007-04-06 (金) 18:17
- website
小学校高学年向けに、地下鉄や環境問題を解説してくれるバーチャル学校サイト。
このサイトのような学習サイトだけでなく、Web サイトを制作する際の、制作者側の心構えみたいなものを示してくれている好例だと思います。
Flash ページに入る前のトップページ下部の説明：「学校の先生へ」「保護者の方へ」「よくある質問」のページから好印象。PC に詳しくないユーザーにも安心して操作・体験してもらうために、Flash の クッキー（SharedObject）の説明までが初心者にも理解できるような文言で丁寧に書かれています。こういう細かいサポートって、ネットスキルのある制作者側はおろそかにしがちだけど、重要なことだと思う。ユーザー側に歩み寄ったサイト作りってやつですね。
Flash ページに入ると、明るい感じのイラスト上で、学習コンテンツが体験できます。必ずしもたくさんの写真素材が必要ではないのだという好例。メニューの選択部分やコンテンツの遷移モーション等、細かい部分の作りこみが行き届いていて、プロの仕事を感じます。Flash Player 7 対応なので、エフェクト的にもの凄いことをやっているわけではないのでしょうけど、作りこみの丁寧さが、サイトの完成度を上げまくっています。
一般に Web サイトって、偶然リンクを辿ってきたユーザーもいるわけで、アクセスしてきた時点ではコンテンツへの関心がない人もいる。そういうユーザーにいかにして興味を持ってもらえるサイトにするか？特にテキストを読ませる必要があるサイトの場合は、相当頑張らないといけないと思う。その解決法って、このサイトのように、細やかな説明と気持ちの良い操作感の積み重ねなんだと思います。クイズ形式・スタンプ・ユーザー情報保存・ミニゲームを導入してるのもいいですね。
もちろん、Flash のチューニングも大事だし、最新の Flash テクニックを駆使すれば、同業者のリスペクトも集まるけれど、コーディングにこだわるのと同様に、ユーザーに届く文章を熟考するのも大事だよなぁと痛感。僕はあんまりプログラミングの人ではないので、その分頑張りたいです。
余談ですが、ローディング部分などで使われている円弧を描くアニメーションですが、以前に僕も似たようなサンプルを作ったので、興味のある方はご覧下さいませ。
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.trick7.com/blog/2007/04/06-181750.php/trackback
- Listed below are links to weblogs that reference
- 地下鉄がおもしろくなる 東京メトロこども大学 from trick7
