朝晩の寒さがまだまだ厳しく、昨年のような暖冬が懐かしく、もう暖かい春の到来を待ち望んでいる今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。実際に使いにくい、わかりにくいユーザーインターフェースの事例をまとめて紹介するウェブサイト、『⁠楽しいBADUIの世界』です。聡史ウェブサイトでは、管理人である中村聡史さんが出会った、さまざまな駄目インターフェースが紹介されています。地下鉄の案内板やホテルの部屋番号、開けられないドアや入力が困難なウェブサイトのフォームなど、誰もが一度は経験しそうな事例が多数掲載されています。駅の券売機や銀行のATM(現金自動預払機⁠)⁠、最近ではタッチパネル式の自動販売機まで、日常のさまざまな場面で、私たちは多くのインターフェースと接触しています。中には「使いづらいな」と感じるものもありますが、結果を得るためにその扱いに慣れる必要があり、不満を抱きながら利用している場合も多いことでしょう。良いインターフェースとはどんなものなのでしょうか。『⁠楽しいBADUIの世界』の管理人である中村聡史さんは、次のように述べています。Webサービス「JAYPEG」でも、「⁠エレベーターの開閉ボタン」のリデザイン案が次々と投稿された良いものからではなく、"悪いもの"から学ぶという方法は、最近では、深津貴之さんによるTwitterでのつぶやきや、『⁠わかりやすい「エレベーターの開閉ボタン」ってどんなんだろうね?』というBlogのエントリーから始まった、「⁠エレベーターの開閉ボタン」に関する議論でも見られました。普及しつつあるスマートフォンのアプリなどでは、今までに体験したことのない、"挑戦的"かつ"実験的"なインターフェースが使用される例も増えています。誰もが日常で多彩なインターフェースに接触しながら、こうした議論を交わすことで、新しい気づきから生まれたインターフェースが続々と生み出される時代になってきたのかもしれません。Dugonjićブラウザ内でリアルタイムコミュニケーションを実現するためのフレームワーク「WebRTC」と、ウェブカメラでユーザーの頭の位置を追跡するJavaScriptライブラリ「headtrackr」を使い、画面とユーザーの距離をリアルタイムに測定しながら、表示される文字を読みやすい大きさに変化させるという試みです。画面からの距離に応じて、表示される文字のサイズが変化する"実験的試み"が生み出す、新しい方法タブレット端末などを移動しながら利用する場合、画面の明るさや文字の大きさなどを再設定する場合があります。時刻や環境で最適な表示は変化するため、その度に設定をやり直す必要があるのですが、こうした作業は意外に面倒で、時には見づらい設定をそのまま使い続けることもあるでしょう。Demo』では、こうした作業が自動的に行われることで、ユーザーの負担を大幅に減らしています。現在、PCやタブレット、スマートフォンなどのデバイスには、カメラが搭載されています。このカメラを利用すれば、ユーザーが手を動かすことなく、状況に応じた表示の最適化が一瞬で終了する可能性を秘めています。Demo』ですが、こうした実験的な試みが生み出す新たな方法が生かされた、今までにないウェブサイトが登場してくることを期待したいと思います。Oz(魔法の国オズへの冒険⁠)⁠』です。Powerful」の世界観を、3Dを使って表現しています。RIDE」の4つコンテンツが楽しめます。Rocks』では、この事例の技術資料が公開されています。MENU」からアクセスできるこのコンテンツでは、制作での技術的な問題とその解決方法が詳しく解説されています。「物理演算での実現が難しかった、風の表現をどう解決するか」については、簡単なプロトタイプも用意されており、非常に興味深い内容となっています。Google以外にも、ブラウザを提供する各ベンダーは、こうしたHTML5の技術情報をまとめたデベロッパー向けのウェブサイトを用意しています。最新事例でありながら、技術的な情報を可能な限りオープンにすることで、HTML5の周辺技術を使ったコンテンツが誕生する土壌を作っているといえるでしょう。HTML5関連の技術を使ったウェブサイトは、今後も次々と登場するでしょう。その中で素晴らしいウェブサイトをあなたが閲覧した時には、ぜひ、こうした各ベンダーによる地道な活動を少しだけ思い出してみてください。いうわけで、今回も最後まで読んでいただき、ありがとうございました。それでは次回をおたのしみに。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。