ユーザビリティのヒント(1)

多くのユーザーは
一度に1本しかジュースを買わない
「自動販売機での不要な動作から考える」

ソシオメディア 上野 学
2006/6/2

 マウスとキーボードのコンビネーションを減らす

 マウスとキーボードのコンビネーションは、GUIの操作性を考えるうえでよく課題になります。文字を入力するにはキーボードが必要ですが、途中でマウスを使うためには片手をキーボードから離してマウスに持ち替え、マウス操作が済んだらまたキーボードに戻すという面倒な動作が必要になります。パソコンの利用にあまり慣れていないユーザーの行動を観察すると、フォーム画面において、1つのフィールドに入力するたびにマウスで次のフィールドをクリックしてフォーカスを移動させるということをしているので、とても時間がかかります。

 慣れたユーザーであれば、Tab キー(もしくはそのシステムでアサインされたキー)を押してフォーカスを移動させると思いますが、入力作業を完了するまでに1つでもキーボードでできない操作があると、そこで入力効率が落ちてしまうので、特に業務システムでは注意が必要です。

 キーボードのみで操作できるようにするためには、デフォルトボタン(サブミットボタン)を設けてEnterキーで押下を代行できるようにすることが重要です。しかしこれには弊害もあって、意図しないタイミングでユーザーがEnterキーを押してしまってフォームがサブミットされてしまう恐れが出てきます。特に日本語を入力するときには、漢字変換を確定するときにEnterキーを押しますから、つい2度押してしまったときにサブミットされてしまうのです。これを防ぐために、スクリプトなどでEnterキーの連続2度押しを検出して無効にするといったことを行う場合もあるようですが、それ以前に、「サブミット内容を後から変更できるようにする」「重要なサブミットには確認画面を用意する」といった努力も必要でしょう。

 キーボードのみ操作する場合の使い勝手を考えることも大切です。例えば、フォーカス移動のキーアサインが場所によって変化することなく一貫していることが大切です。ドロップダウンメニューにフォーカスがあるときにはSpaceキーでフォーカス移動ができるのにテキストボックスにフォーカスがあるときにはできないといったことがないよう、うまく設定する必要があります。

 またフォーム画面においては、画面が表示されたときに自動的に最初の入力コントロールにフォーカスが当たるようにするといった配慮も大切です。ただし情報提供型のウェブサイトの場合、入力コントロールにフォーカスが当たるとspaceキーや矢印キーによるページのスクロールができなくなるので、かえって使い勝手が下がる恐れがありますから注意が必要です。

5/6

 INDEX

ユーザビリティのヒント(1) 
  Page1<不必要な情報をユーザーから求めない>
  Page2<エッジケースを過大視しない>
  Page3<ユーザーインターフェイスにゲームを持ち込まない>
  Page4<複雑なマウス操作を要求しない>
Page5<マウスとキーボードのコンビネーションを減らす>
  Page6<スプリング式の操作をできるだけ排除する>

関連記事

   

HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

HTML5+UX 記事ランキング

本日 月間