web-dev-qa-db-ja.com

スライダー/カルーセルとスクロール

私はポートフォリオサイトの画像カルーセルとスクロールの価値を理解しようとしています。明らかにポートフォリオであるため、画像がメインのコンテンツであり、一見するとカルーセルで表示すると、特にモバイルでサイトを表示できる場合に意味がありそうです。電話でのスワイプ操作は自然なことですが、ユーザーの観点からは、スクロールのメタファーを使用するほうがはるかに理にかなっているのではないかと思います。

私は カルーセルは効果的ですか? の投稿を読みましたが、これは素晴らしいディスカッションですが、カルーセルをメカニズムとして使用するのではなく、画像とテキストを表示するカルーセルがユーザーをコンテンツに誘導することに似ています。一連のコンテンツ(画像など)を表示します。

3
gracerx

スクロールを使用します。

カルーセルは、そのコンテンツが最初に表示されるものにすぎないと想定するため、カルーセルを見落とす傾向があります。たぶんこのシナリオでは、人々はポートフォリオを検索していて、それがカルーセルであることを知っているかもしれませんが、例として、私たちのWebサイトの1つにカルーセルがあり、最初の画像で数回のクリックで約0.05%のCTRがありました...次のセクションの画像のCTRは0.00%でした。

私は個人的に、カルーセルをモバイルデバイスで使用するのは面倒であると思います。これは、部分的には不十分な実装に原因がありますが、また、私からの余分な労力が必要です。数回やればスワイプは当たり前ですが、画像が多いと面倒になります。スクロールはユーザーにとってより自然なものです。Facebookを使用すると、人々が携帯電話でスクロールしているだけです。

スクロールvsスワイプ-スクロールと言います。ユーザーに必要な労力が少なくて済みます。

これについては意見が分かれますが、実際には実装の品質と、コンテンツにカルーセルが必要かどうかにかかっています。

Aは、以下の記事で上記のニースポイントをいくつか見つけました。一読の価値があります。

効果的なカルーセルの設計

これには、モバイルカルーセルの設計に関するいくつかの便利な考慮事項が含まれています。

カルーセル設計のための8つのUX要件

0
80gm2

ポートフォリオサイトは、かなり明確で献身的な視聴者がいる可能性が高いという点で、ややユニークな状況です。彼らは特にあなたを雇うためにあなたの仕事を見ています。

これにより、他の方法ではより広いオーディエンスとは異なる可能性がある少しの自由が得られます。

3Dの回転ギミックアニメーションやインタラクションのようなカバーフローがあった「伝統的な」カルーセルは、2つの理由からお勧めしません。コンテンツ-ポートフォリオサイトでは、コンテンツに焦点を当てたいと思っています。

これで、コンテンツをスクロールまたはページングする方法を決定できます。水平または垂直。

ポートフォリオWebサイトを熟読すると、両方がかなり使用されていることがわかります。垂直の方がデスクトップの方が少し良く、水平の方がタブレットの方がいいです。

そのため、私はコインを投げると言います。 :)

0
DA01