web-dev-qa-db-ja.com

マルチステージモバイルアプリの[続行]ボタンの最適な場所はどこですか?

私のアプリには複数のページがあり、各ページにユーザーが情報を追加して次のページに進みます。続行コントロールの最適な場所はどこですか?階層の場合は下と中央、一貫性の場合は右上か。

enter image description here

11
Yonatan Galili

対称性のために「戻る」と「続行」を隣り合わせにすることは論理的ですが、情報を入力した後、次のページに移動するためのボタンは通常、一番下にあります。上から下へ。

下部に「戻る」と「続行」の両方がないのはなぜですか?

また、「戻る」との組み合わせがより良いように思われるため、「続行」ではなく「次へ」を検討する場合もあります。

更新:スクリーンキーボードの配置は、他の回答で述べたように、正当な懸念事項です。それは底が実行可能な場所であるかどうかに影響を与える可能性があります。

10
user31143

それはあなたが設計しているプラ​​ットフォームに依存すると思います。 iOSの場合、標準では[続行]ボタンを上部に配置します。

この背後にある理由はキーボードです。ユーザーが[プレースホルダー]ボックスに情報を入力し始めると、キーボードは[続行]ボタンを非表示にします。キーボード自体に続行ボタンを配置できることに注意してください。

個人的には、下部の戻るボタンは標準のパターンではないので、使用しません。

7
Olivier Berni

Nielsen Norman Groupの1つの記事( 4 iOSのルールを破る )は、下部に[送信]、[続行]、[次へ]ボタンを配置することを推奨しています。

IOSアプリでも、ページ上の自然な上下ワークフローに反するという単純な理由から、このパターン[送信ボタンを上に配置する]は推奨されません。ユーザーがフォームに入力するとき、通常は上から下に入力します。その最後に到達すると、入力した最後のフィールドの隣に、送信ボタンが表示されることを期待しています。

これはすべて、ユーザーが期待するはずのことです。ユーザーに、[続行]ボタンの位置を予測するようにトレーニングできます。

共有したフォームの正確な性質はわかりませんが、例として使用します。

How to train user to expect Continue button at the bottom

ユーザーがタイトルを入力すると、続行を押す必要があることは明らかです。彼らが次のページに移動するとき、彼らはまだ下部にある続行ボタンを期待しています。キーボードが何らかの方法でビューを重ねたり変更したりした場合でも、ユーザーは前のページでの経験に基づいて下部にある[続行]ボタンを期待する必要があります。

4
Gerald F.

上部の「<戻る」および「続行>」リンクは、ナビゲーションの標識の投稿と方向として使用されますが、ボタンは明確な行動を促すフレーズを示します。

相互作用の流れと順序について考えます。これは、ユーザーからの投資に関連している必要があります。ユーザーが何かを記入している場合は、インタラクション後に確認するのが理にかなっています。この文脈の外でそれを確認するように彼らに頼むことは見当識障害で不自然です。

一連の指示として相互作用を書き出す場合、設計は当然この順序に従います。上部に「続行>」を付けてインタラクションを記述した場合、指示は順序どおりではありません。

これが理にかなっているといいのですが!?

幸運を!

1
wayneraymond