タブの制作で注意すべきこと (ユーザビリティ実践メモ)

このエリアで迷ったユーザの典型的な行動例を以下(1)から(4)のステップでご説明します。（下図とあわせてご覧ください。） (1) 初期状態の「タブA」から、「タブB」をクリックした。 (2) 「タブB」内に表示された「リンク４」をクリックし、ページ遷移した。 (3) 遷移先ページを閲覧した後、(2)で見えていた「リンク５」や「リンク６」も気になっていたため、ブラウザの「戻る」ボタンをクリックした。 (4) 戻ったページでは、タブが初期状態の「タブA」になっていたが、ユーザは気付かずに「リンク１」や「リンク２」をクリックしてしまった。 (4)の場面で、ユーザはさきほど選択した「タブB」の内容が表示されていると思っていたため、実際にどのタブが選択されているかということに注意を払っていませんでした。 上記例のような混乱を防ぐためには、切り替えたタブをページ遷移後も記憶するように制作した方が良いで

[sankaseki]

タブの制作で注意すべきこと (ユーザビリティ実践メモ)

[frsh_mt]

Ajaxを使うと起こりがちですね、iframeとかで対処すべき。

[utility1]

そういえば、livedoor トップ・・・

[daikix]

Ajaxで動くようなサイトも気をつけなくちゃね。

[fromdusktildawn]

遷移するのではなく、できるだけtarget=_blankをしていて、別ウィンドウに表示させるという解決策の方が自然な場合も多いと思った。