web-dev-qa-db-ja.com

ウィザードスタイルのフォームのさまざまな段階で戻る/進む/キャンセル/予約ボタンを標準化する

ここで少しジレンマを抱えています。

ユーザーが以下の予約ウィザードのさまざまな画面を移動するときに、画面下部のボタンが少し心配です。どのように標準化するか、各画面のボタンに一貫性を追加することができますか。

たとえば、ユーザーはいつでも予約をキャンセルできるはずですが、現時点では、3番目のステップでのみ予約をキャンセルできます。

私にできる改善を提案できますか?

3番目のステップで鉛筆アイコンを押すと、ユーザーはいずれかのステージ1/2にジャンプして必要な変更を加えることができます。

enter image description here

また、タブバーを下部に配置していることに気付くかもしれません。もう1つの心配なのは、ユーザーが誤ってアイコンをタップして、意図せずに予約プロセスを放棄してしまうことです。 。通常、チェックアウト/予約フォームはフォーカスされたエクスペリエンスになる可能性があるため、下部にあるアプリ全体のタブバーを削除する必要がありますか?これにより、ウィザードスタイルフォームはどのように変更されますか?

1
methuselah

私の簡単なアドバイスは、キャンセルボタンを移動または削除することです。

現在の状態では、ユーザーが前の代わりにキャンセルをクリックする場合があり、色の違いに頼ってこれを解決することはできません。

すべての画面で同じ場所にキャンセルリンクを配置し、これを他のアプリケーションのcanel操作と一致させることができます。また、予約を「未確認」として保存し、ユーザーが離れて移動した場合(誤って〜を含む)、キャンセルされたと見なすこともできますが、リロードして確認し、確認済みの予約に対してのみ「キャンセル」操作を提供します。

操作が重要であり、毎回考える必要がある場合は、操作のキャンセル操作ステップを一般的な操作ステップと異なるようにすることにはいくつかのメリットがあります。 iPhoneが削除をどのように処理するかを見ると、アイデアを得るのに役立つ場合があります。

〜質問の編集に応じて追加

1
Toni Leigh

IMO、ウィザードフローは新しいモーダルタスクを表示する必要があります。タスクは完了またはキャンセルできます。下部の「タブバー」は、予約作業の邪魔になるため、削除する必要があります。

mockup

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

3
kwahn

個人的には、下部にあるアプリ全体のタブバーが好きなので、常に表示された状態で変更する方法を次に示します。

まず、予約操作を開始するとき、一番下の行を完全に暗くして、予約を少し強調します。これにより、予約中のフィードバックが少し追加されますが、他の3つのオプションは現在実行できるアクションではないこともユーザーに通知されます。予約の2回目のプレスをキャンセル操作として機能させることも検討します。正当な予約の試みを誤ってキャンセルしてしまうことと、誤ってその操作を開始した場合に予約をキャンセルするための迅速な方法との間のトレードオフを比較検討する必要があります。

次に、操作のどの部分に基づいて[キャンセル]と[前へ]が表示されたり消えたりするのが好きではありません。鉛筆は優れたショートカットですが、[次へ]をクリックしただけですぐに変更を加える必要があることに気付いた人は[前へ]ボタンをクリックしたところをクリックすると混乱します。私の提案は、常に[前へ]と[次へ](該当する場合)を表示してから、ブックが表示されるのと同じ領域のアプリの右上隅に赤のXスタイルのキャンセルボタンを配置することです。

1
Mordred