IE8ダウンロードページで考えるフォームレイアウト
自分がさっきハマったのでエントリー。
マイクソロフトのサイトでIE8をダウンロードしようとしたのですが、画面上でダウンロード実行ボタンを見失ってしまい、ました。
「推定ダウンロード時間」というプルダウンがあったのでそれを選択したら、そのあとでダウンロードボタンがなかなか見つからなかったのです。
見つからなかった理由は、「submitボタンはすべての選択肢を選び終わった、フォームの最下部にあるもの」という思いこみがあったので、フォーム上部にあった「ダウンロード」ボタンに気づかなかったからです。
このページのUIの問題点は、- 実は選択必須ではない「推定ダウンロード時間(自分の回線がなんなのかを選ぶプルダウン)」を必ず選択しなければいけない、と勘違いしてしまう(実際は、選んだところで推定ダウンロード時間の表示が変わるだけです)
- 推定ダウンロード時間、言語の変更プルダウンがあったので、ダウンロード実行ボタンはそれより下にあると思い見つけづらい
おそらく、「選択が必須でないフォームは、必要な人だけの目に止まればいい、だからダウンロードボタンの下に配置しよう」ということなのだと思います。
しかし選択必須でないフォームでも、やはりsubmitボタンの上にレイアウトしたほうがわかりやすいと思います。「実行ボタンはフォーム群の最後にある」というのは、すでにユーザーの常識になっていると思われるからです。
また、そもそも、必要のないボタンなら入力させない、ということを考えるべきです。
実際、FirefoxやOperaはダウンロードするときになにも選択する必要はありません。ダウンロードボタンをクリックするだけです。
最近のUIは「必要でない選択肢はなるべく表示させない」という考えが主流のようになっている気がします。
選択させるなら、その労力に見合ったバックがあるときだけにするべきですし、そのときでもレイアウトは慎重に検討するべきだと思います。





