web-dev-qa-db-ja.com

URLが読み込まれないときにモバイルアプリのWebビューに何を表示するか

私は、UIが単にURLをロードするWebブラウザーであるアプリを作成しています。なぜ私がこのように実装しているのかについては議論しないでください(私はすでに高次でそれを試しました)。それでも基本的にはアプリの「肉」であるバックグラウンドコンピューティングタスクを実行できます(電話でイベントをリッスンして単純に記録します)が、ユーザーがインターネットに接続していない場合はどうなりますか?ユーザーがアプリを開いて、デフォルトの「ページを読み込めません」というメッセージが表示されていると想像できます。

具体的に言うと、これはAndroidでの予定です。

7
Matthew Quiros

既存のアプリケーションを簡単に分析して、このような状況での動作を確認しました。

  • Facebook-「インターネット接続がありません」という赤いメッセージ

  • つる-「投稿を読み込めませんでした」と言うグレースケールの悲しいスマイル

  • Safari-「iPhoneがインターネットに接続されていないため、ページを開けません。

  • フリップボード-「コンテンツなし」が書き込まれた空の(灰色)コンテナー

  • Engadget app-「インターネットが利用できません」というメッセージが灰色のパネルに表示されます

  • エイリアンブルー-「インターネット接続を確認してください」という赤いメッセージが重なって表示されます

  • Met Office App-赤と「ネットワーク接続の問題により更新できませんでした」というメッセージ

この分析から得られたいくつかの情報:

  1. 表示されないことがわかっているものをロードしようとしないでください。それはユーザーの時間を浪費しています。アプリがインターネットに接続されていないとまったく使用できない場合は、その旨を伝えます。ただし、これが事実である理由をできるだけ正確に伝えてください。 (上記のVineとFlipboardの例はあまり役に立ちません。「コンテンツなし」はほとんどの場合明白ですが、「インターネット接続がないためコンテンツなし」と言った場合、ユーザーにとってより役立つでしょう)

  2. 何が問題で、これを修正する方法についてユーザーにフィードバックを提供します(iOSでテストされたすべてのアプリは、私のWifI /機内モードを確認することを提案するOSメッセージをポップアップしました)。

  3. 追加のフィードバックとして色を(控えめに)使用-これらのアプリの多くはインジケーターとして赤を使用し、他のアプリは無地の灰色の背景または画像を使用して「非アクティブ」の性質を示し、フィードバック情報を提示しました。ただし、唯一のフィードバックとして色に100%を当てにしないでください。色を使用してメッセージを強化しますが、誰もが同じように色を見ると仮定しないでくださいそうしないと。

10
JonW

このような場合:できるだけ具体的にしてください。 (あなたがアプリである)がわかっている場合は、インターネットに接続されていません-電話がインターネットに接続されていないまたはそのことをユーザーに伝えますインターネット接続がオフになっていますまたは現在飛行機モードになっています

ユーザーに提供できる情報が多いほど良いです。次に、ユーザーに任せて、問題のある部分を修正しますインターネットが利用できる場所を見つけます切り替え3Gオンまたは機内モードをオフにして、アプリを再度使用します。

2
Benny Skogberg

できる限り多くの役立つ情報をユーザーに提供するようにしてください。 「ページを読み込めません」は、「インターネットへの接続に問題があります」または「サーバーがダウンしています」ほど有用ではありません。

一般に、問題の内容について情報を提供し、ユーザーにオプションを提供する問題について(もしあれば)何ができるかを示します。

アプリのWebビューを開いている場合、これを行う簡単な方法がない場合があります。どのようにそれを行うことができるかは、技術的な質問となり、このサイトの範囲外です。しかし、私はWebビューを表示する前に、インターネット接続があるかどうかを確認することを検討しています。この方法では、まだブラウザーに処理をオフロードしておらず、表示内容をより詳細に制御できます。

2
JohnGB