タッチスクリーンシナリオでのボタンの配置

Question

私は主にAndroidプラットフォーム用のモバイルアプリケーションに取り組んでいます。アプリケーションには、ユーザー入力を受け取る多くの画面があり、それらの保存およびキャンセルボタンが必要です。

画面の下部に[保存]と[キャンセル]が付いたボタンツールバーがあることを確認しましたが、どちらを右側に配置し、どれを左側に配置するかはまだわかりません。

モバイルでのプライマリボタンとセカンダリボタンの配置に関連する優れたUXの調査を見つけた場合は、お知らせください。

Triona · Accepted Answer

ここでは、プラットフォームの規則に従うことが最も重要な要素です。プラットフォームが異なればルールも異なり、これを無視するとユーザーが混乱し、疎外される可能性があります。

Android設計ガイドラインに表示されているスクリーンショットに目を通すと、最新のAndroidバージョンで主ボタンが右側に移動し、左側に二次ボタン。

enter image description here （3）

アプリのボタンをプライマリアクションとセカンダリアクションと考えてください-あなたの場合、「保存」がプライマリアクションです。ユーザーがデータを入力したので、データを保存して続行する可能性があります。したがって、ユーザーが保存ボタンをクリックすると、次の画面に進むことが期待されます。

2番目のアクションの場合、この場合は「キャンセル」です。ユーザーはこれをクリックして、入力した情報を破棄し、元の画面/状態に戻ります。

したがって、右側に[保存]ボタンがあることは進むことと相関し、左側にある[キャンセル]ボタンは戻ることと相関しています。

また、パターンの表示が終了したときのように、ユーザーのタスクフローを支援するので、右側の主要なアクションのときにユーザーにとっても役立ちます。

ターミナル領域のボタンは、ユーザーの表示パターンの最後に配置されるため、魅力的な行動を促すフレーズです。（1）

enter image description here （1）

Neilsonは、どちらのレイアウトでもユーザーはあなたに異議を唱えることができる（Ok-Cancel Vs Cancel-Ok）と指摘していますが、それは次のとおりです。

「OKを最後にリストすると、ダイアログボックスがその結論で「終了」するため、フローが改善されます。また、前/次と同様に、OKはユーザーを前方に移動する選択であり、キャンセルはユーザーを後方に移動する選択であると主張できます。 [OK]は[次へ]と同じ場所にあるはずです：右側。（2）

-

それが役に立てば幸い

参照と役立つリンク：

Michael Celey · Answer

Android 4.0では、正のボタンが右側にあり、負のボタンが左側にあります。これは、Androidアラートダイアログやアンインストール画面でよく見られます。「」が右側、「キャンセル」が左側です。

また、Android設計ガイドラインでは、画面の下部にあるボタンバーから離れることを常に推奨しています。これは、iPhoneの設計パラダイムに近いためです。Androidは、可能であれば、保存やキャンセルなどの機能をアクションバーに移動することをお勧めします。

奇妙なことに、Android設計ガイドに記載されている例では、左側に「保存」、右側に「キャンセル」と表示されていますが、システムUIの他の部分と完全に一致していません。

Lauren van der Vyver · Answer

ほとんどの言語では、ユーザーは左から右に読みます。このため、アクションボタン（この場合は[保存]）を右側に配置する必要があると考えています。

plainclothes · Answer

MCeleyが指摘したように、最初にプライマリプラットフォームを調べることは常に良いことです。もちろん、UI標準はAndroid iOSほど厳密ではありません-プラスとマイナス;）

その他の考慮事項：問題のデバイスをどのように使用するか。片手での使用が標準であり、親指が主要なアクション「ツール」である携帯電話では、左下隅がポジティブアクションの理想的な位置です。