web-dev-qa-db-ja.com

戻るボタンが期待されているがサポートされていない場合、最も侵襲性の少ないユーザー支援

問題:ブラウザベースのWebアプリケーションで、戻るボタン(およびそのためのバックスペースキー)をサポートまたは使用できない状況があります。これを使用すると、ナビゲーションの点で予測できない結果が生じる可能性があり、ユーザーはWebアプリケーションの最後のURLに最後のステップに移動しないでください(URLを変更しないUIのシェル内でいくつかのステップが実行される可能性があります) )。さらに、データが失われる可能性があります。ブラウザーで戻るボタンを非表示にする特別なchromeまたはラッパーを提供することはオプションではありません(ユーザーは、ほとんどのプラットフォームとブラウザーで戻るボタンにマップされているバックスペースキーを使用することもできます)。

ただし、ユーザーがブラウザーの戻るボタンを使用してナビゲートし、それが機能することを期待することは完全に合理的です。

ソリューションオプション:この状況での最適なUXは何ですか?戻るボタンを使用すると、警告ダイアログがスローされ、戻るボタンがサポートされていないこと、UIで提供されている前後のボタンまたは他のアフォーダンスを使用してナビゲートし、戻るボタンを使用せずにタスクを完了するとスローされると思います。さらに、使用すると、データが失われ、ナビゲーションが「予期しない」ものになる可能性があります(これを上品に表現する方法がわからない)。おそらく、最初の実行時のユーザーアシスタンスは、ユーザーに戻るボタンも使用しないように指示するでしょう。

この制限(私の制御の範囲外の設計によるJSFアーキテクチャーによる)をエレガントに処理する方法に関する洞察についての意見はありますか?これはバグだと思いますが、エラーメッセージではなく、UXの観点から警告として対話を伝える方が良いでしょう。

だれでもその警告を作成する方法またはユーザーを穏やかに正しい方向に支援する方法についてエレガントな言い回しを得ましたか?

7
uobroin

明白な答え以外:「一般的なユーザーアクションをより適切にサポートするようにアプリを書き直してください」 ブラウザの履歴を操作する 新しい開発手法を使用して試すことができます(通常、UXの答えの範囲外)。それ以外の場合、JavaScriptアラートは、ユーザーが何らかの理由でページを離れようとした後にのみ発生し、混乱を招く可能性があります。それ以外に私が考えられる素晴らしい解決策はありません。アラートと警告テキストは、ユーザーによって信頼性のない方法で読み取られます。

7
sirtimbly

通常、この状況では、アプリケーションは次のようなダイアログを表示します。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

これは、「戻る」ことがサポートされていない動作であるという警告が、この状況で提供するのに最適なUXであるというあなたの直感と一致しています。

HTML5ブラウザーの状態(および https://github.com/browserstate/history.js のようなライブラリー)のようなものを使用して、戻るボタンの動作をサポートすることは可能かもしれませんが、これは技術的な変更は、質問の範囲外です。

2
Joshua Barron

戻るには、ユーザーはカーソルを[戻る]ボタンにドラッグする必要があるので、そこに赤いツールチップを配置してください(これは、質問自体であなたが提案しているものだと思います)。このようなもの

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
Nash Vail