「早稲田大学」をエキスパートレビュー!(続き)
「早稲田大学」をエキスパートレビュー!(続き)
ナビゲーションが見にくい!使いづらい!
ではシナリオどおり、受験生の気持ちになって、一般入試の内容と、オープンキャンパスの日程を調べていこう。
まずはトップページの「受験生の方へ」のところにマウスを合わせて……、といきたいところなのだが、図4をご覧いただきたい。
これは2番目の「卒業生の方へ」にマウスを合わせたところだ。下の階層(2階層目)のメニューが右に見えてくるのだが、文字が小さいこと! 一部の項目は、文字数が多く、テキストが折り返されている。また項目が多いためにスクロールバーがあるのだが、このスクロールバーが細い(図4赤枠で囲んだ部分)。こういったデザインのせいで、項目自体が選択しにくく、このスクロールバーにマウスを重ねて動かすのも、かなり正確なテクニックが必要だ。卒業して数十年経った中高年ユーザーには相当キツイのではないだろうか。
さらにナビを使ってみると、問題発生
では「受験生の方へ」から「入試概要」を選んで、第3階層まで表示してみよう(図5)。気になるほどのレベルではないが、図5の赤枠で囲んだ部分のように、第2階層と第3階層間が間延びしているために、マウスの移動が少し余計に必要になる。またこの画面では気がつかないのだが、実用上結構問題となりそうな部分を発見した。
具体的に示していこう。下の図6をご覧いただきたい。第1階層で「受験生の方へ」を選択し、第2階層で「Q&A」を選択しているところだ。ここから第3階層の「入試Q&A」を選択したいので、青矢印のように、ナナメにポインタを動かしてみると、「Q&A」を選択していたのが、この選択が別の第2階層のメニューに移ってしまう。つまり赤矢印で第2階層の別メニューに移動していく感じになるのだ。
第2階層の「Q&A」から、第3階層の「入試Q&A」を選択するには、まずマウスを水平に移動して、第3階層側に移動した上で、コンテンツを選択するためにマウスを上方へ移動させなければいけない。つまり図6の黄色矢印の2アクションが必要だ。
下向きに展開されるプルダウンメニューでは、同じような微妙な体験をしたことがないので、なぜこのようになるのか、理由がすぐに気がつかなかったが、みなさんはこのナビゲーションの問題点あるいは改善点を指摘できるだろうか?
- この記事のキーワード :
バックナンバー
この記事の筆者
衣袋 宏美(いぶくろ ひろみ)
1960年東京都生まれ。東京大学教養学部教養学科卒業。大手電気メーカー勤務後、日経BP社へ。調査部、インターネット視聴率センター長などを経て、2000年ネットレイティングスへ。視聴率サービスやアクセス解析サービスの立ち上げに尽力。2006年株式会社クロス・フュージョンを設立し代表取締役に。2023年活動停止。
筆者の人気記事
URLクエリパラメータ(クエリストリング)の意味とは。使い方は? 除外はすべき?[第4回][第4回]
2012年4月26日 9:00
代表的な4つのグラフの使い分けのポイント(第2回)
2008年10月29日 11:00
棒グラフの用途に合った書き方 グラフの特徴や使い方のルールも解説!
2009年1月16日 10:00
分布図(散布図)とバブルチャートの使い方とは?正しいグラフの見方(第7回)
2009年4月22日 10:00
GAのトラッキングコードを正しい位置に設定する[第2回]
2016年6月2日 7:00
アンケートは「回収率」が重要! 信頼性が有効回答数よりも高くなる理由
2008年5月16日 10:00