設定ページ-保存およびキャンセルボタン
私の質問を大まかに説明する添付のワイヤフレームをご覧ください。
設定ページで作業しています-別の見出しの下にネストされているセカンダリナビゲーションで[マイ設定]を選択してください.
このページでは、ユーザーは写真やその他の設定を変更できます。ユーザーがページに移動したときに[保存]ボタンを無効にし、ユーザーが写真または他の設定のいずれかを変更すると有効にすることを計画していました-ユーザーが[保存]ボタンは再び無効になりますそれをクリックします。 [保存]ボタンをクリックすると、ユーザーはこのページにとどまります。ユーザーがこのページを離れる唯一の方法は、ブラウザまたはページ上部のプライマリ/セカンダリ見出しのいずれかをクリックすることです。
「キャンセル」ボタンが何をすべきか、またはそれが必要かどうか少しわかりませんが、私はこれに取り組んでいる前に以前そこにあったものに基づいて現時点でそれを使っています-あなたは何の動作を期待しますか表示されたページのユーザーである場合、[キャンセル]ボタンを使用しますか？ （設定の変更前と変更後の両方）。
「キャンセル」ボタンが表示されていないと思われる場合は、ご意見をお聞かせください。
[キャンセル]ボタンを使用すると、ユーザーがページから離れ、変更をすべて削除できると思います。
キャンセルボタンは、設定ページからの便利な「終了」です。
それがなければ、ユーザーが立ち去って設定の変更を維持しない唯一の方法は、ページのリンクをクリックすることです。ユーザーは自分がクリックしているリンクには興味がなく、むしろそれを[キャンセル]ボタンとして使用しています。
ユーザーをどこにリダイレクトする必要がありますか？
おそらくメインページに移動します。この設定ページがダッシュボードまたはプロファイルページにある場合、それらはおそらく適切なリダイレクトページです。それ以外の場合は、おそらくホームページです。
保存ボタンと動作を使用したアプローチは問題ないと思います。ただし、このようなプロファイルフォームのすべての値または更新をキャンセルまたはリセットする場合、一番下までスクロールしてページを終了するか、値を元の状態にリセットすると、ユーザーがこれを行うための非効率的な方法。
私の提案は、情報の断片をチャンクに分割することです。それが完了したら、1つのものを保存してください。たとえば、プロフィール写真を更新するほとんどのユーザーのメンタルモデルは、アップロードして保存することです。次に、次の情報に進み、すべてを完了してからすべてを保存するのと同じように、少しずつ情報を入力します。
これはキャンセルの質問に対処するだけでなく、エラーの可能性を制限します。ユーザーにすべてを完了させるが、サーバーエラーが発生し、ユーザーはすべてをもう一度完了する必要があります。問題が発生した場合は、迅速に成功し、データの再取得を制限するようにガイドします。
お役に立てば幸い
一般に、 "Cancel" は次のように定義されます：
計画されたイベントが行われないことを決定または発表するため;中止：
したがって、[Action]|Cancelの組み合わせは、特徴的なプロセスに適しています。一般的な例は、確認ボックスのOk|Cancelです。ユーザーがプロセスを開始し、[Cancel]ボタンを使用して、開始したプロセスを中止し、以前の状態を維持することができます。
ユーザーが画面に到達する方法は、その画面上で実行できる期待されるスコープとアクションを構成します。上記のダイアログの場合、ユーザーがApproveボタンをクリックすると、この「画面」が表示されます。したがって、パスは次のとおりです。
Approve > Read confirm message > Respond with: Cancel|Ok
~~~
あなたの場合、「私の設定」と「写真の変更」を比較してください：
「私の設定」をクリックすると、何が表示され、何ができると思いますか。どのフィールドとボタンが思い浮かびますか？ 「写真を変える」はどうですか？
少し狭めます。 「私の設定」をクリックした場合、Cancelは適切な応答ですか？ [写真を変更]をクリックした場合、Cancelは適切な応答ですか？
~~~
したがって、もちろん、コンテキストはユーザーの期待を決定します。
もう1つの考慮事項は、CancelとUndoです。どちらも元の状態に戻ります。違いは、Cancelは進行中のプロセスを中止するためのものであり、Undoは完了したプロセスを元に戻すためのものです。
~~~
説明したシナリオに戻ります。Saveボタンが無効になっている[マイ設定]ページがユーザーに表示されます。ユーザーが変更を行うと、ボタンが有効になります。彼女はSaveをクリックし、ページに残り、Saveボタンが無効になります。
CancelまたはUndoの適切な反応答はどれですか。
。
理想的には私の考えでは、ユーザーが[私の設定]をクリックすると、すべての設定フィールドとボタンSaveおよびUndoが表示されます。どちらかのボタンをクリックすると、ユーザーは設定ページに留まります。このページから移動するには、ナビゲーションバーを使用します。
ただし、ユーザーが[写真を変更]をクリックすると、写真の変更フィールドとChange photoとCancelのみが表示され、モーダルコンテキストで表示される可能性があります。いずれかのボタンをクリックすると、ユーザーは[写真を変更]をクリックしたページに戻ります。