Website Usability Info


本文へスキップ



ここから本文です。 現在位置表示(パンくずリスト)は、このすぐ上にあります。

Web Designing 誌に寄稿しました(Ajax時代のユーザビリティ)

Web Designing ( ウェブデザイニング ) 2010年 02月号 [雑誌] 毎日コミュニケーションズ「Web Designing(ウェブデザイニング)」誌の2010年2月号にて、記事を執筆させていただきました。テーマは、Ajaxにおけるユーザビリティです。「Ajax時代のユーザビリティ 30のポイント」という特集の中で、「レイヤー型ポップアップ」の項を担当させていただきました。

「レイヤー型ポップアップ」とは、AjaxによってWebページ上にレイヤーが重なって開く表示領域のことで、画像拡大などの用途で様々なサイトで使われています(いわゆる「Lightbox系」と言われるものですね)。今回の記事では、Ajaxでポップアップを実装する場合に、以下の点に気をつけましょうという主旨でわかりやすくまとめてみました。

  • 文脈(コンテキスト)や操作法を明示する。
  • モーダルな状況をユーザーに強いない。
  • ユーザーのメンタルモデルと乖離しないユーザーインターフェースにする。
  • 単なる「賑やかし」なポップアップは避ける。
  • ユーザー操作が容易になるよう支援する。
  • アクセシビリティに配慮する。

私が担当させていただいた「レイヤー型ポップアップ」の他にも、ドロップダウンメニュー、ページレイアウト、エフェクト、タブインターフェース、入力フォーム補助、といったテーマが採り上げられており、Ajaxにおけるユーザビリティのヒントを包括的に得られる特集だと思います。

ぜひご一読いただき、お気づきの点などございましたら、お気軽にコメントなどをお寄せいただければ嬉しいです。

(公開日:2010年1月20日 )

はてなブックマーク


コメントを投稿する

(投稿いただいたコメントは、当サイト管理者による承認後、公開させていただきます。なお、コメントの記入は、日本語でお願い致します。)




トラックバック

この記事に対するトラックバックURL: http://website-usability.info/cgi/mt/mt-tb.cgi/164

サイト内検索

キーワード(タグ)から探す

人気のコラム記事