ON HTML5 FIELD 第3回（後編）
ON HTML5 FIELD 【第3回】（後編）Web技術とデバイスの進化
2011年11月25日
TEXT：村岡正和
アクセシブルなユーザーインターフェイス（UI）を考える上で、デバイスごとのインタラクションの違いは見逃せない。また、新しいインタラクションの登場によりマシンリーダブルなWebコンテンツがアクセシビリティ向上につながるようになることを考えると、HTML5を理解してセマンティックなマークアップを実践することも重要になってくるかもしれない。
>>> 全記事目次はこちら（HTML5関連求人情報も掲載）
■マルチデバイス時代のインタラクションの多様化を考える
iPhoneやAndroidに代表されるスマートフォンは、画面タッチが主な操作方法だ。アイコンをタッチすることでアプリケーションを起動し、指先でなでるようにスクロールする。また、2本指で画面を拡大・縮小したりと、指先でさまざまなアクションが実現できる。
一方テレビは、リモコンによる操作が主だ。機能が割り当てられたいくつかのボタンによる操作と、方向キーによるカーソル移動に対応したアクションが起きる。タッチ操作ほど多様な表現はできないが、単純で誰にでも親しみやすい操作方法だ。
アクセシブルなUIを考える上で、これらデバイスごとのインタラクションの違いを見逃すことはできない。操作方法が異なるということは、それぞれで直感的な表示やアクションもまた異なるということだ。マルチデバイス対応のWeb制作では各デバイスに対応したレイアウトやサイジングだけでなく、それぞれのインタラクションに対して直感的なボタンの並び順、コンテンツの配置、スクロール処理などの提供が必要になってくるだろう。
テレビ向けECサイトやスマートフォン向けビデオギャラリーなど、マルチデバイスに対応したWeb制作が高度になるにつれ、他にも多くのノウハウが必要になってくるだろう。そこで求められる機能をHTML5で実現するための知識も重要だが、それ以上にデバイスごとの特徴を捉え、最適なUIや機能のアイデアを提案できることが、これからのWeb制作者に求められてくるのではないだろうか。
最後に、最近筆者がWeb制作の変化を考える上で気になっているインタラクションを挙げておこう。それは音声インタラクションである。最近はiPhone 4Sに搭載されたSiriが話題だが、AndroidやWindows Phone 7の音声検索なども同様だ。筆者は音声インタラクションの登場により、HTMLにおけるセマンティック・マークアップの重要性が増してくるのではないかと考えている。
将来のSiriはWebサイトもナビゲートしてくれるかもしれない。例えばレストランのWebサイトをみているとき、「連絡先は？」と言うと、Siriはaddress要素でマークアップされている箇所をハイライトしてくれるかもしれない。また、address要素中の電話番号が
のようにマイクロフォーマットを使っていれば「ここに電話をかけて」と言えば自動で電話をかけてくれるようになるのかもしれない。連絡先のマークアップが十分でないWebページは、「このページでは上手く探せない」と冷たくあしらわれるかもしれない。
新しいインタラクションの登場により、マシンリーダブルなWebコンテンツがアクセシビリティを向上させるケースが増加し、セマンティックなマークアップがWebサイトのPVやコンバージョン率のアップに繋がるという可能性があると筆者は考える。そのためにも、HTML5の要素の意味を深く理解することや、今から実践をはじめることは重要だと考えているのだ。
Webが新しい領域にシフトしていく中で、Web制作ではこれまで以上に求められる要件は多くなり、多彩な技術や知識を持つWeb制作者を時代が求めるようになってくるだろう。それに応えるWeb制作者になろうとした場合、具体的にどのようなアプローチが有用なのだろうか。
次回は、Web制作者におけるスキルアップと勉強方法、その意味について考えてみたい。
［筆者プロフィール］
村岡正和（むらおかまざかず）●神戸でITシステム開発、コンサルティングを手掛けている。HTML5-WEST.jpの代表として関西でHTML5関連の話題を盛り上げる活動を行っているほか、さまざまなコミュニティ活動に関わっている。
HTML5-WEST.jp：http://www.html5-west.jp/
Twitter：http://twitter.com/#!/bathtimefish
HTML5の最新情報が学べるセミナー
「For Web Designer and Web Developer HTML5 Work Up Seminar」
主催：株式会社パソナテック 費用：無料 場所：東京都千代田区大手町2-6-4
詳細はこちら http://www.pasonatech.co.jp/ca/html5/
■直近スケジュールとセミナー内容
PERFORMANCE&INTEGRATION編 11月29日（火）19:00-21:00
【内容】Webアプリケーションにおけるパフォーマンス向上
【詳細および申し込み】http://www.pasonatech.co.jp/event/index.jsp?no=3236
CONNECTIVITY編 12月06日（火）19:00-21:00
【内容】Webアプリケーションにおけるリアルタイム通信
【詳細および申し込み】http://www.pasonatech.co.jp/event/index.jsp?mode=2&d=on&no=3237
MULTIMEDIA編 12月13日（火）19:00-21:00
【内容】音声、動画、メディアの再生と操作
【詳細および申し込み】http://www.pasonatech.co.jp/event/index.jsp?mode=2&d=on&no=3238
>>> 全記事目次はこちら（HTML5関連求人情報も掲載）