web-dev-qa-db-ja.com

待機中にアプリ内のユーザーの注意をそらす/楽しませるにはどうすればよいですか?

アプリとウェブサイトをできるだけ速くするためにできることは何でもすべきですが、プロセスをスピードアップするために私たちにできることが何もない場合があるので、お客様はただ待つ必要があります。

この待ち時間のUXを改善するためのベストプラクティスまたはアイデアは何ですか?

明確にするために、私は以下の状況を意味します:

  • 2-6秒の順序での待機時間
  • 事前にデータを事前キャッシュまたは計算する方法はありません
  • 基本的に物事をより速くするためにできることは何もありません
23
JohnGB

このような状況でできることはたくさんあります。私の頭に浮かぶ2つの明白なこと:

  1. 気を散らすアニメーションを提供します(ユーザーが気を散らすと時間が早くなります。iPhoneアプリで使用したFoursquareのアニメーションを確認してください)。

  2. おもしろい引用、興味深い事実、または役立つとは言えないかもしれないヒントを見せてください。そうすれば、単に面白くて、ウェブサイトのコンテンツの文脈で適切です。

23
Sergey Lost

プリローダーは最高のものです。プリローダーにはさまざまな種類があり、何かが読み込まれていて何もクラッシュしていないことをユーザーに理解させるのに役立ちます。

次に、面白いまたは創造的なプリローダーを表示するユーザーを楽しませると考えることができます。

こちらをご覧ください 。 Flashベースですが、jQueryなどの他のテクノロジーを使用してそれを行うことができます。

9
Andrea Turri

このペーパー[1]は、プログレスバーと代替アクティビティに関するユーザーの要望に関する調査を提供します。

参加者の47%が短い待機時間(<5秒)の間アイドル状態を維持すると述べたのに対し、参加者の37%は一時的なアクティビティへの切り替えを報告しました。ただし、65%は、待機時間を長くする(> 15秒)ために他のアクティビティに切り替えると回答しています。驚くべきことに、待機時間が1分を超えると、50%だけが他のことをすることを選択しました。

また、代替アクティビティのヒントも提供します

待機中の望ましい活動作業環境では、参加者の60%が、1分間以上待機している間は、状況に合わせて作業に関連する活動を実行するか、To Doリストとカレンダーを管理することを望んでいると答えました。 15秒という中程度の待機期間中、参加者の40%はむしろ、待機中のプログラムに関する情報や、天候や交通に関する情報を取得するなどの受動的な活動を行います。参加者の15%のみが、短い待機時間で同様の受動的活動を行うと述べました。自宅では、参加者の67%がTwitterやニュースフィードを読むなどのアクティビティを、特に長い待機時間を好んでいました。

[1] C.ハーター、A。ジルアード、N。リシュ、およびC.プレザント。 2011.アクティブプログレスバー:一時的なアクティビティへの切り替えを容易にします。手続き中CHI 2011のACM、ニューヨーク http://doi.acm.org/10.1145/1979742.197988

9
FabienAndre

回答フォームの「UIワイヤーフレーム」ボタンをクリックします。 Balsamiqが表示され、ロード中にUX関連の見積もりが画面に表示されます。これは良い例だと思います。

enter image description here

5

ユーザーはプログレスバーに慣れているので、それを待ってもかまいません。面白いもの、彼らが読まなければならないものなどは、彼らをそらすだけです。また、前述のように、半分しか読まなかった引用があると、さらに混乱します。

3
Earle

これはやや面倒なことですが、いつでもアプリケーションを効果的に使用する方法に関するさまざまなヒントを表示できます(できれば、自明ではないもの)です。たくさんのビデオゲームがゲームの特定の部分が読み込まれるのを待つ間、ゲームプレイと戦略に関するヒントを提供することを知っているので、この技法はかなり広く使用されており、「クリックするたびに回転する砂時計の色を変更する」よりも適切ですあなたは10歳のように感じます!」戦略のタイプ。

明らかにこれがあまり効果的でないいくつかのアプリがありますが、非常に機能が豊富なアプリの場合、アプリをはるかに使いやすくすることができます。さらに、実装するのはそれほど難しくないはずであり、ユーザーが表示したくないかどうかをユーザーが確認できるボックスを常に表示することができます。

2

上で述べたように、何が起こっているのかをユーザーに知らせるプリローダーまたはローダーが進むべき道です。 「アトラクトループ」も機能する場合がありますが、それはアイドル時間やキオスクの場合に適しています。

アプリケーションは人との対話なので、何が起こっているのかを知らずにユーザーが混乱したり、待たされたりするような奇妙な一時停止は、ユーザーにとって次善のエクスペリエンスを生み出すことになります。これは毎日進化しており、時間が経過するほど、ユーザーはより貧しくなります。

ユーザーを本当に貧しいガールフレンドのように考えてください。彼女は常に何が起こっているのかを知る必要があります。彼女はいつも安心と注意を必要としています。そうでなければ彼女はどこかでそれを見つけるでしょう...海にはたくさんのアプリがあります。

私がこれに追加できることの1つは、コンテンツを分割してロードする方法について本当に思慮深いことを確認することです。正当な理由がない限り、サイト全体をプリロードしないでください。しかし、同時に、すべての小さな移動に負荷をかけないようにしてください。途切れがちな体験になります。私は常に、ユーザーが望むときにユーザーが望むものをロードするだけの側面に傾いており、Ajaxのようなパラダイムから、エクスペリエンスをよりスピーディーにしています。

ああ、そしてプリローダーがどうあるべきかについては...あなたは本当にあなたの基準を高く設定するべきです。多分それはあなたのサイトの使いやすさ、または現在のユーザーの流れを強化する何かの情報であるかもしれません。多分それはユーザーの心にブランドをさらに引き付ける本当にキャッチーなロゴです。ユーモラスな印象のあるアニメーションかもしれませんが、印象的なアニメーションは、ユーザーが待ち望んでいるコンテンツとうまく調和しています。それがプリローダーであるからといって、それが59%------>種類のように、退屈であったり、情報が多すぎたりすることを意味するわけではありません。

1
masterkrang

航空券のWebサイトは、多くの組み合わせを検索して、パラメーターセットの最安値のフライトを見つける必要があります。どうやら訪問者の満足度は、インタースティシャルで検索されている航空会社の写真を表示することで、クエリを満たすために「一生懸命働いている」という情報をWebページが伝えた場合に最高でした。

1
Kevin Burke