web-dev-qa-db-ja.com

ホームページの画像カルーセルは開始するまでどのくらい待つ必要がありますか?

画像カルーセルを使用する必要があると仮定すると(これが最初に最適なUXではない理由については この質問 を参照)、カルーセルは開始して切り替えを行う前にどのくらい待機する必要がありますか?

私は最近、カルーセルを含むWebサイトでUXフィードバックを提供していました。カルーセルは、ほぼすぐに始まり、「ロゴ」ホームページタイプの画像をオフに切り替えました。 0.25秒以上が明らかに必要です。

3
enderland

カルーセルは悪であり、顧客が何を考えているかに関係なく、カルーセルを使用すべきではないという意見によると、結論は「長い方が良い」です。

理想的な時間は「無限」です(つまり、カルーセルを使用しないでください)。 forcedで有限の時間を使用する場合、makeは実行されずに可能な限り長くなります。

6
johnfound

テレビ制作では、画面上のコピーの標準的な「ホールド」時間は2倍の読み取り速度です。言い換えると、画面上にコピーのブロックがある場合、すばやく2回読むのに十分なだけ画面上に留まる必要があります。これは、オリエンテーションの時間を確保するためであり、テキストと遅い読者に焦点を当てています。

そうは言っても、Webページはテレビの画面とは大きく異なります。また、画面の何パーセントがカルーセルによって占められているか、他に何が表示されているかを考慮する必要があります。カルーセルは通常コンテンツを変更し、関心のあるものが含まれているかどうかを確認するために比較的早い段階でそれに焦点を当てることをユーザーが学んだと想定することができるかもしれません。

4
wootcat

他の人が言ったように、これはカルーセルのコンテンツに関する詳細情報なしで答えることは困難です。また、文章が含まれている場合、読書時間を経験則として使用することについてのコメントにも同意します。

もう1つの答えは、ユーザビリティ調査を行うことです(これらのツールにアクセスできる場合は、アイトラッキングデータを使用する可能性があります)。すべてのトランジションを手動で開始するように設定し、画像の内容を見たり吸収したりしたと感じたときに、「次へ」(カルーセルのデザインに適合する)をクリックするようにテスト参加者に依頼できます。それらの時間をいくつかのユーザーに対して平均化し、さまざまな読み取り/表示速度およびその他のバイアスを考慮して50%などを追加し、その数を使用します。

これは非常に迅速かつ非公式に「廊下テスト」の方法で行うことができます。必要なのは、ホールを移動する数人の人々、ストップウォッチ、自動遷移が無効になっているカルーセルのビルドだけです。利用可能なすべての人がすでにカルーセルに慣れている場合は、このテストバージョンで画像を変更して、バイアスの説明に役立ててください。

1
Mark Hazlewood

誰かが画像を見たりテキストを読んだりする必要がある期間を決定するときに評価するには変数が多すぎるため、これに正確に答えることは不可能だと思います。彼らはそれが傾いているので読むのが難しいあなたの製品の側面のテキストを読もうとしていますか?彼らは本当に画像に興味があり、長くてはっきりとした見たいと思っていますか?などなど.

したがって、答えは自動的にコンテンツを移動することではないと思います。

再生や一時停止などのユーザーコントロールを提供するか、左右のスクロールボタン、またはユーザーが見たいスライドを選択できるPIPを提供します。

ユーザーに明確なコントロールを提供し、ユーザーが他のスライドを確認するかどうか、いつ確認するかをユーザーに決定させます。

0
Toni Leigh

私たちのサイトにはカルーセルがあり、次の露出したサムネイルすべてをクリックして変更できる1つの大きな画像に徐々に移行しています。

まだ初期(2週間)ですが、ページの時間通りに少し増加し、これらのページからの離脱が少し減少しました。

0
Willemrt

(カルーセルは邪悪なので)良い回避策は、ユーザーがカルーセルにカーソルを合わせたときにカルーセルを一時停止することです。理想的ではありませんが、少なくとも人々はクリックしようとしているものを見ることができます。

0
edc