web-dev-qa-db-ja.com

「戻る」ボタンの最適な配置:上または下?

「ブラウザに戻る」ボタンを使用することは悪い習慣であることは知っていますが(ブラウザにそのような機能があるため)、それが何らかの理由で回避できない場合は、それを上に置く方がよいでしょう(戻る方法と同様)ブラウザのボタンは上部にあります)または下部にあります(フォームの「キャンセル」ボタンと同様)?

ページがフォームではなく、ユーザーがデータを表示できるある種の「プレビュー」/「ビュー」ページであるとしましょう。

6
catandmouse

以下の理由により、左上が「戻る」ボタンの理想的な位置のようです。

  1. すべての従来のPCブラウザーと最新のPCブラウザーにあります。学習曲線はほとんどありません。
  2. これはモバイルよりもタブレットの方がはるかにネイティブに見えます。しかし、あなたはUIの効率的な拡大の利点があります戻るボタンは異なるプラットフォーム間でその位置を変更しないためです。そして、ユーザーはそれらの間を移動しながら安心します。タブレットは画面サイズの点でPCに最も近いので、それらの間の一貫性が時々役立ち、ユーザーがあまり場違いに感じることはありません(特に、ラップトップなどからタブレットに移行しているユーザー)。
  3. ほとんどのアプリケーションでは左上にあります。 類似した要素のアプリケーション間の一貫性は常に良好ですユーザーにとって。また、画面にスクロール可能なコンテンツが含まれている場合は特に、ボタンのフローティングタイプにすることをお勧めします。

アプリがネイティブでない場合、左上は理想的ではありません独自のコントロールを持つブラウザウィンドウで実行されます頂上で。その場合、上記のボタンを左下に配置するのが理想的です。

いずれの場合も、画面の右側にあるボタン(-===-))==を回避することは常にがベストプラクティスです伝統的に、後方の機能ではなく前方の機能に適しています(「戻る」ボタンを使用します)。

また、それはプレビューのような画面だとおっしゃっていましたが、「プレビューを閉じる」などのテキストボタンを使用するか、よりわかりやすく要点のあるものを使用することをお勧めします。

7
Mohit

携帯電話の左上はひどいです。なんらかの理由で、これは現在iOSの標準であり、Android(物理的な「背中」のない電話)。片手で使用するのは非常に厄介ですが、右手を使用するとすると、特に5インチ以上の電話では、親指で左上隅に到達するのが面倒です。「戻る」ボタンの論理的な場所は、右下(右利き用)または左下(左利き用)だけです。

1
user62321

両方に置くことができます。

ユーザーがページにアクセスし、別の何かを探していることに気づき、戻ることにしたという架空の状況を想像します。このシナリオでは、Topの方が適しています。しかし、ユーザーが情報を読み、一番下に戻って、戻ることに決めた可能性もあります。この場合、下のほうがうまく機能します。

または、ボタンを上部に配置し、下部に別のボタンを配置して、代わりにページの上部に戻ることもできます。それは余分なクリックですが、スクロールを避けます。

1
Yisela

すべての使用例をカバーする最も簡単な方法は、floating header(常に画面の上部にあるヘッダー)を用意し、そこに「戻る」ボタンを配置することです。

このようにして、いつでも利用でき、常に同じ場所にあります。つまり、ユーザーにとって思考が少ないです。さらに、ほとんどのモバイルデバイスの相互作用を模倣しています

1
JohnGB

タブレット向けですか、PC向けですか?フィールドフォームまたは単純なテキストページの場合

ナビゲーションはページごとのナビゲーションであるため、タブレットの習慣では左上に戻るボタンを配置します。 ..多くの場合、右矢印が付いている行をテープで記録すると、次のページに移動します。比喩はあなたが下の次のページ(娘のページ)に行くことです

左上が上位レベル(親ページ)に戻るのは当然です

PCでは異なります。フォームを読んでいる間、またはフォームに入力しているときに、マウスを手に持ってページを読んだり、マウスのポインタが移動したりする頻度が高くなります。 ...読み続けるか、読み終えたら最後に戻るかを決定します。この場合、右下にある[戻る]ボタンを使用することをお勧めします。

そして最後に、それがWebアプリケーションの一般的な機能である場合、習慣は、ホームゴーボタンのような左側のトップツールバーにそのような機能を持たせることです(ブラウザーの戻るボタンの位置と同じです)。

「戻る」または「戻る」ではなく「キャンセル」ではない別の名前を付けるように注意してください。たとえば、ユーザーがブラウザの戻るボタンではなく、戻るボタンをクリックできるように前のページの名前を付けます。

しかし、これを回避することは不可能であり、ユーザーは何年にもわたって個人のWebサイトのナビゲーションで常にそれを使用するため、一部のユーザーは必ずブラウザの戻るボタンをクリックします。

そのため、デバイスの出力とソフトウェアのタイプによって異なりますが、ブラウザの戻るボタンを使用することをお勧めします。 ...

0
pierre lebailly

左上。

ページが長い場合は、両方の場所Top-LeftおよびBottom-Centerに配置します。

0
Ades