だから、そのデザインはダメなんだ。Chapter1/03 | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

 だから、そのデザインはダメなんだ。

 [Chapter1-03]

 操作の直前に切り替わってしまう
 ローテーションバナー


 ▼THEME ●操作性 ●利便性 / ▼CASE リンクバナー
 2016年6月22日/TEXT:香西 睦




chap1-03a

 Attention!
 約4秒~5秒程度の短時間で切り替わるため、
 ユーザーに操作性能上の不快感を与えるリスクを伴う。


batsucheck
[1] 表示時間内に記載されているテキスト情報を読みきれない
[2] クリックしようとした直前に画像が切り替わってしまう
[3] 切り替えボタンが小さすぎて操作しにくい


▼NGのワケ
表示時間を短くして多くの画像を見せようとしたり、逆に長くして表示内容をちゃんと読ませようとしたり、たくさんの情報を伝えることに固執しすぎると、逆にユーザビリティが低下する。


chap1_3_arrow

batsu
check
[1] 画像が意図せず切り替わってしまうことがない
[2] 停止している間、自由に表示を切り替えられる
[3] 切り替えタイミングを気にせずリンクボタンをクリックできる


chap1-03b

▼OKのヒミツ
ローテーションバナーエリアに、マウスポインタがある場合はローテーションを停止することで、ユーザーは意図しない自動切り替えから解放される。それにより、自分のペースで情報を見たり、切り替えたり、ボタンをクリックしたりすることができる。



▼ココも注目!
公益財団法人 日本英語検定協会
公式サイトトップページ

http://www.eiken.or.jp
chap1-03_here
マウスポインタがキービジュアル内にあるときは、キービジュアルのローテーションが一時停止する。



目次に戻る

価格が少し安いオトクな電子書籍版はこちら




だから、そのデザインはダメなんだ。 【BOOKS紹介】
「ユーザー視点」に立った使いやすいWebサイト・Webページを、○×形式でわかりやすく解説した書籍。見開き2ページの誌面構成を基本にしており、記事テーマに即した良い例・悪い例のサンプル(Webページ)を使って、難しいテーマをできるだけ具体的に説明しています。「使いやすさ」「わかりやすさ」の重要性が増す現在のWebサイト制作に携わる、すべての方に読んでいただきたい1冊です。


●書籍ページ:http://www.mdn.co.jp/di/book/3215203012/
●Amazon:http://www.amazon.co.jp/exec/obidos/ASIN/4844365827/mdndi-22/
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在