使いやすさ

ユーザビリティ調査は、Webサイト内におけるユーザーの導線上のどこにボトルネックがあるのかを仮説検証する調査です。アクセス解析だけではわからないWebサイトのユーザビリティを改善できる非常に有効な調査ですので、ぜひやってみてください。  

今回は、Ajaxウィジェットをアクセシブルにするという作業がどういったものかを見ていきます。題材として、jQuery UIというjQueryのライブラリを使用して「タブ」切り替えユーザーインターフェースのサンプルを用意し、これに下記の2段階で改良を行っていくことで、アクセシブルにしていきます。  

前回は、「Webサイトの標準的な型」を押さえるとともに、基本的なユーザビリティについて紹介しながら、実際に「指標によるチェック」を体験していただきました。今回は個別のユーザビリティについてチェックを行い、Webサイトの改善に役立てる「ユーザビリティ調査」について説明します。  

今回は、いくつかのJavaScriptウィジェット（以後、ウィジェット）のサンプルを紹介し、そのウィジェット内で使用されているWAI-ARIA のロールやステート、プロパティについて解説します。  

多くのWebサイトでは、ユーザーにフォームから何らかの情報を送信してもらうことが非常に大きな目的となります。ブログやSNSに代表される、ユーザー自身がコンテンツを作成するような場合では、フォームの操作がWebサイトの基本操作となります。また、ECサイトではフォームを操作して、購入のアクションを完了してもらうことが最大の目的です。  

Ajaxが一般的になり、JavaScriptを使用して、一度表示されたHTMLに対して、更新や削除をしたり、またはまったく新しい要素の追加をするといった手法が非常によく用いられるようになりました。  

前回お話したように、本連載ではユーザビリティを「見せ方」と「使い方」の2つの側面から考えます。今回は、その中から情報を得るフェーズ、すなわち「見せ方」からユーザビリティを改善する方法を探っていきます。  

本連載では、普段サーバーサイドの技術に触れる機会の少ないデザイナー、コンテンツ制作者の方々を対象にして、サーバーサイドのさまざまなノウハウを紹介していきます。サーバーサイドというとCGIプログラミングが真っ先に思い浮かびますが、それに関してはほかに優れた書籍や記事が多数ありますので、ここではWebサーバーの設定など管理系の知識を中心にしていきます。  

本連載では、ユーザビリティに配慮したFlashの正しい使い方や導入法について紹介します。エンドユーザーのインターネット接続環境が加速度的に高速化している現在、ムービーやサウンドの要素を含んだリッチなウェブコンテンツは「当たり前」に見られるようになってきています。特に、閲覧に必要なプレーヤーアプリケーションの普及率が高く、プラットフォーム（OSやブラウザなど）の違いに依存せず使えるFlashは、スタンダードな手段として幅広く使われています。