編集が自動保存されるというメッセージを伝える方法
ユーザーがレポートフィルター、レポート列の表示と順序を変更できるWebアプリケーションを作成しました。
これらはすべて自動的に保存されるため、ユーザーは「保存」ボタンを押したり、その他のアクションを実行したりする必要はありません。次にログインするときは、すべてが去ったときと同じです。
私の問題は、毎回レポートを設定する必要がないため、変更を保存するように依頼するメールをいくつか受け取ったということです（そもそもautosavedなので、必要はありません）。
明らかにこれらの人々は、設定が自動的に保存されることを確信していません。
アプリケーションのautosave機能を伝えるにはどうすればよいですか？
- すべての
autosave要素の横にスピナーを表示しますか？ - 全ページのスピナーを表示しますか？ （保存には時間がかかりませんので、点滅のように見えます）
- 右上にフェードインおよびフェードアウトする小さな保存アイコンを表示しますか？
- または、他の何か？
Googleメールのように、メールの下書きを作成しているときに、この小さなWordsavedが数秒ごとにフェードインおよびフェードアウトします。あなたのシステムは人々にとって新しいものであり、最初はグーグルメールやスタックエクスチェンジやメディアほど広く使用されていないため、ユーザーの心が落ち着くように、おそらく緑色でどこかにそれを表示したいと思うかもしれません。保存されています。
これはStack Exchangeの専門分野です。回答ボックスで自動保存が行われると、左下隅に小さな変化があります。
同様のことができます。 「設定が保存されました」というメッセージまたはアイコンをフィルターコントロールの横に配置します。それがオプション3のようです。保存が行われている間のスピナーは、気付かれないか、設定が保存されていることを意味するとは解釈されないと思います。
技術的には、保存が実際に瞬間的に行われる場合は、外観を遅らせることができます。そのため、顕著なギャップがあり、状態が「変更され保存されていない」から「現在保存されている」に明確に変化します。
私は本当に自動保存が大好きですが、最も一般的な問題は、ユーザーがすべて「メインフレームに送信」モデルを訓練され、保存/送信ボタンがない場合に心配したり混乱したりすることです。 2番目に大きな問題は「不幸な道」です。ネットワークの問題が発生すると、ユーザーは気付かない可能性があり、データとアプリへの信頼が失われます。
- ガイダンス：最初に保存するときに、データが自動保存されたことをユーザーに知らせる明確で非ブロッキングのメッセージ（例：Toast）を表示します。
- reinforce：控えめなステータスで動作していることを示します。 「最終保存日：08:56」
- 失敗を認める：問題がある場合は、ユーザーに何をすべきかを知らせてください-回復するために本当に一生懸命にしてください。
コンテンツが大きすぎてページに収まらず、自動保存されたメッセージを配置する明確な場所がない場合は、ポップアップ通知を使用できます。邪魔にならないように注意してください。
これが それを実装するJavascriptライブラリ で、動作例を示しています。
ユーザーが入力ボックスを離れると（そして自動保存が起動されると）、それを緑色に点滅（点滅）させます。
検証エラーを表示する場所に通知を表示します。
ページを離れる（リンク、メニューをクリックする...）と表示されたら、「保存されたすべての設定」を表示します。ユーザーの確認を待ち、ユーザーに[今後、これを表示しない]を選択してリダイレクトさせます。
ページ（ポップアップ）に入る前に、自動保存機能についてユーザーに通知します。