web-dev-qa-db-ja.com

モバイルWebサイトに「戻る」ボタンを提供する必要がありますか?

すべてのスマートフォン(iPhone、Android、Blackberry、Windows Phone 7)のモバイルWebサイトで、ブラウザーに戻る機能がある場合でも、Webページ内に[戻る]ボタンを提供する必要がありますか?

Screenshot of an iPhone "back" button.

Screenshot of an website viewed with an iPhone web browser.

編集-8月19日


私はこのトピックをもう少し調べました、そして、iphoneが画面の中に戻るボタンを持っていることがわかりました

enter image description here

でもAndroidは画面の外にあります。他のスマートフォンについては知りません。

enter image description here

また、デスクトップWebサイトでは、[戻る]ボタンを使用しません。

  • ロゴにホームページのリンクを使用してホームページに移動

  • ブラウザの戻るボタンを使用しています。

また、モバイルWebサイトのホームページでは、[戻る]ボタンは必要ありません。

  • モバイルWebサイトでは引き続き戻るボタンを使用する必要がありますか?
21
Jitendra Vyas

まず、ステートメントに関する質問です。allモバイルブラウザに戻るボタンはありますか?一部のモバイルブラウザは、画面の領域を節約するためにこの基本的なナビゲーションボタンを削除しているようです。私は間違っているかもしれませんが、その場合はWebサイトに戻るボタンを実装する必要があります

これは、Webサイトをフルスクリーンモードで表示するか、カスタムメイドのWebkitソリューションにレンダリングする必要がある場合にも当てはまります( Flipboard および FeeddlerRSS が戻るボタンかどうか。ただし、このようなアプリは戻るボタンをスキップする場合があります)。

これまでの結論:はい。戻るボタンを含めます。


次に、質問を上下逆にします。

「自分のアプリ/ウェブの戻るボタンだけに頼ることはできますか?」そして答えはノーです!

ブラウザの戻るボタンは、ユーザーが持つ最も基本的なアンカーの1つです。リンボランドでは失われる可能性がありますが、戻るボタンで前のページに移動できることを常に知っています。

平均的なWebサーファーに関して確実に確認できる唯一のことは、ブラウザーが知っている戻るボタンで前のページに移動します!

  • ブラウザの戻るボタンを無効にしないでください。
  • ユーザーが「戻る」をクリックしたときにコンテンツを再投稿するフォームを作成しないでください。
  • 通常の戻るボタンに影響するカスタムの戻る機能を作成しないでください。
  • 「戻る」を「履歴内の前のページに戻る」にして、「前にアクセスしたページに移動する(進む)リンク」にしない

最終的な結論:your戻るボタンをブラウザの戻るボタンと並べて機能させます。

16

はい、インターフェースで必要な場合は、戻るボタンを作成する必要があります。ブラウザ内の戻るボタンに依存しないようにしてください。 Webを閲覧できるデバイスが増えるにつれて、複数のデバイス用に設計しているインターフェイスを設計することを忘れないでください。 Webサイトの一貫したインターフェイスは、どのデバイスで表示されても、成功の鍵です。

8
Denzo

ドンノーマンとジェイコブニールセンによる私のお気に入りの記事の1つは ジェスチャーインターフェイス:使いやすさのステップバック です。

「フィードバック」というタイトルのセクション全体で、モバイルインターフェイスの[戻る]ボタンの問題について説明します。

はい、戻るボタンを提供します。または、おそらくそれを閉じるボタンと呼びますが、OSのアクティビティスタックに組み込まれているプログラマーのモデルではなく、ユーザーの「戻る」というモデルに従います。特に、アプリケーションの最上位レベルでは、ハードストップが必要です。アプリケーションの終了を許可するのは間違っています。 1

彼らはネイティブアプリケーションについて言及していますが、モバイル画面向けに最適化されたウェブサイトにも適用できると思います。

重要な点は、ユーザーが「戻る」オプションを持つことができるようにすることです。それ以外の場合は、最も簡単な方法、出口です。

6
ashley

画面の不動産はポータブルデバイスでより制限されているため、おそらく「戻る」ボタンの代わりに、階層のレベルを上に移動する「レベルを上げる」ボタンを追加できます。 (おそらく、「レベルを上げる」というより適切な用語を使用することをお勧めします。これは、最初に頭に浮かんだことです)。

このようにして、モバイルサイトの機能を複製するのではなく、組み込みのブラウザー機能の代替手段を提供します。

4
JonW

私は上記のルールに固執します。機能を複製しないでください。ユーザーがブラウザの[戻る]ボタンを表示できる場合、またはAndroidハードウェアの[戻る]ボタンの場合は、これで十分です。

携帯電話の画面「不動産」はスマートフォンでは非常に限られているため、最大限に活用してください。

2
Sheff

履歴のナビゲートとサイトのナビゲートには大きな違いがあります。誰かのリンクからこのページに直接アクセスすることも、親ページからアクセスすることもできます。

実際にはブラウザーがすでに機能している履歴ナビゲーション機能である戻るボタンを追加するのではなく、上部に次のようなリンクを含むサイト階層を提供します。

Home > Electronics >このページ

これは、[戻る]ボタンとは異なります。これは、[エレクトロニクス]ページから取得したかどうかに関係なく、どこに移動できるかについてのコンテキストが必要なためです。

2
Anson Kao

また、デスクトップWebサイトでは、[戻る]ボタンを使用しません。

  • ロゴにホームページのリンクを使用してホームページに移動
  • ブラウザの戻るボタンを使用しています。

デスクトップGmailには、時々使用する「戻る」ボタンがあります。

デスクトップサイトとモバイルサイトの間のブラウザの戻るボタンの機能を変更しないものは何でも言うでしょう。

戻るボタンが含まれていない場合、モバイルブラウザーは最新のものと見なされますか? 機能を複製しないでください。

1
Steve Moser

(少なくともiPhoneでは)ユーザーがWebアプリをホーム画面に追加できることを忘れないでください。そこから開くと、フルスクリーンで表示されます(つまり、ブラウザコントロールなしで(戻るボタンを含む))。

この状況では、戻る方法をユーザーに提供する必要があります。

1
martinpolley