web-dev-qa-db-ja.com

モバイルアプリのナビゲーション:戻るとキャンセル

私は、少なくとも1つのマルチステッププロセスがあるモバイルアプリを設計しています。アプリ全体を通して、「戻る」ボタンは情報階層の1つ上のレベルではなく、1ステップ戻ることを意味します。

マルチステッププロセス中に、ユーザーがワンクリックで外に出ることができるようにしたいのです。つまり、キャンセルボタンと戻るボタンが一緒になっています。

アプリはコンテンツがレイアウトされ、Pinterestスタイルであり、各コンテンツアイテムの表示はプロセスの前進とは見なされませんが、情報階層の変更-テーブルからカードを取り出して読み取るようなものなので、私は欲しいカードをキャンセルするボタンはキャンセルボタンであり、戻るボタンではありません。

一貫性を保つために、これはキャンセルボタンを使用してマルチステッププロセスを終了する必要があることを意味します(アカウントの作成や新しいコンテンツアイテムの作成を含むことができます)。

私の好みのデザインはversion 2です。キャンセルボタンは左側にありますが、1ステップ進むと、戻るボタンになり、キャンセルされますボタンが右に移動します。人々がその不快感を感じるかどうか知りたい。

一方、バージョン1のように、ステップ1の左側にボタンがないという考えは好きではありません。これは、コンテンツアイテムの表示をキャンセルすることになるため、左側にキャンセルを設定する前例が少なくなることも意味します。

考え?

enter image description here

15
JClaussFTW

混乱を引き起こすもの戻るボタンと閉じるボタンは、視覚的階層の同じレベルにあり、異なるレベルで動作します。閉じるボタンが視覚的に戻るボタンから離れていると、より明確になりませんか?

以前の/戻るボタンを移動して閉じるボタンに置​​き換えることはお勧めしません。ユーザーが筋肉の記憶を信頼できなくなったためです。前のボタンの横に次のボタンを表示して、ボタンとプロセスにコンテキストを与えることを検討できます。

矢印の代わりにテキストを使用して、ユーザーがクリックしたときに何が起こるかをより明確にすることもできます。

他にも、Android=でネイティブの戻るボタンを使用することで、どこに配置するかを気にする必要がありません。しかし、今は(スケッチに基づいて) )Androidアプリで作業をしていますが、本当にそうであるかはわかりません。

10
Ruudt

この状況で本当にキャンセルボタンが必要かどうかを検討することをお勧めします。

  • ユーザーが提出物全体をキャンセルしたいと思う可能性はどのくらいですか?
  • ユーザーが投稿全体ではなく、戻るナビゲーションを使用して、より簡単にアクセスの一部を変更したいと思う可能性が高いですか?
  • 他の画面上のナビゲーションを使用して、ユーザーは作業を効果的にキャンセルし、キャンセル確認ページよりも便利な場所に移動できますか?

この問題に関するいくつかの興味深い考えについては、 https://www.nngroup.com/articles/reset-and-cancel-buttons/ を参照してください。

8
denveruxer

2番目のバージョンは混乱します。同じボタンを別の画面の同じ場所に配置する必要があると思います。

しかし、私は最初のオプションも混乱していると言わざるを得ません。私には、左側のボタンが戻って、右側のボタンが前進するはずです。たぶん、残りの画面の情報をもう少し教えておくといいでしょう。

7
Dimitra Miha

IOSでの長期的な使用経験がないため、私の答えはAndroidにのみ当てはまります。

(これがウィザードのような画面の場合)下部にステップ前進および後退ボタンを追加します。下部にもおなじみの「ステップ」ドットを追加します。スワイプジェスチャーを使用して、前後に移動することもできます。

AndroidとiOSの一般的なソリューションを作成しようとしないでください。これは常に混乱を招きます。特に、iOSデバイスを使用している場合、[戻る]ボタンは常に私を混乱させます(正しく配置しただけです)私の指がどれも簡単に届かないかもしれない角で)。

2
Jonas Köritz

同じバーに戻るボタンとキャンセルボタンを配置するのは非常に混乱していると思います。

次/前に移動するために下部バーを追加することをお勧めします。これにより、プロセス全体で一貫して上部にキャンセルボタンを配置できます。

1
Torugo

バージョン1はAndroidとIOSで同じになるため、そのままにしておくことをお勧めします。これは、既知のようにIOSに戻るボタンが含まれていないため、デザインを変更する必要があります。

また、大多数の設計者がこの標準を使用しているため、人々は、戻るボタンが常に左上に残るような心理学を持っています。

したがって、バージョン1を維持してください。バージョン2は混乱を招きます。

0
Jasmin Javia

3番目のオプションは、バージョン1の最初のステップで、左に矢印が付いたボタンを使用し、左の位置を上(⬑)にすることです。これにより、そのボタンをクリックすると前の状態に戻り、その状態にも戻るという情報が伝えられます。情報階層を1ステップ上/下に。

0
JurrieG