SPAの推奨されるブラウザの戻るボタンの動作
私たちの会社はSPAを構築しており、ブラウザの戻るボタンの最適な動作について話し合っています。 SPAは多くのテーブルとフィルターを備えた管理ツールです。フィルターが変更されるたびに、現在の状態を反映するようにURLパラメーターが更新されます。
[戻る]ボタンの動作については、2つの側面があります。
- 一方は、戻るボタンで状態を切り替える必要があると考えています。したがって、フィルターが変更されるたびに、ブラウザーの履歴に新しい状態がプッシュされます。
- 反対側は、戻るボタンでページを切り替えると考えています。したがって、フィルターの変更は無視し、ブラウザーは前のページ/ビューに戻る必要があります。
どちらのオプションにも長所と短所があります。戻るボタンが何をすべきかについての共通の見解はありますか？
見込みユーザーとテストします。
あなたが提案するように、双方には長所と短所がありますが、問題を解決する最良の方法は、多数のユーザーにプロトタイプをテストしてもらうことです。
ブラウザの戻るボタンを制御することは、ユーザーのビューが、ユーザーが新しいページにいるような感覚に変化する状況で非常に生産的です。
2つの異なる角度からテストを実行することをお勧めします。1）プロトタイプを見せながらユーザーにインタビューし、[戻る]ボタンを使用する可能性がある状況と、ユーザーが実行するとどうなるかを尋ねます。 2）どちらの方法でも機能するプロトタイプを作成し、[戻る]ボタンの使用を意味するタスクを完了するときにユーザーがどのように反応するかを確認します。
おそらく、答えはコンテキストに応じて両方のソリューションの複雑な組み合わせであることがわかります。
どちらでもない。
ユーザーに、決定可能なアクションコントロール、つまり、追加されたフィルターを削除する適切なコントロールと、ユーザーがアプリケーションを使用するために必要なページと場所に移動できるようにするナビゲーションコントロールを提供します。
ブラウザの戻るボタンはそのままにしておきます。
戻るボタンを壊したり遅くしたりする
[戻る]ボタンは、Webユーザーのライフラインであり、2番目に使用されるナビゲーション機能です（ハイパーテキストリンクをたどった後）。ユーザーは、ウェブ上で何でも試すことができることを喜んで知っており、常に[戻る]をクリックまたは2回クリックするだけで、おなじみの領域に戻ることができます。
もちろん、これらの設計上の罪の1つを犯すことによって失敗したサイトを除いて：
•新しいブラウザウィンドウを開く（間違い＃2を参照）
•即時リダイレクトを使用する：ユーザーが[戻る]をクリックするたびに、ブラウザーはユーザーを望まない場所に転送するページに戻ります
•[戻る]ナビゲーションでサーバーへの新しいトリップが必要になるようなキャッシュを防止します。すべてのハイパーテキストナビゲーションは1秒未満である必要があり、これはバックトラックのために2倍になります
（ソース https://www.nngroup.com/articles/the-top-ten-web-design-mistakes-of-1999/ ）