ブログで100万の秘訣ってなに?
詳しくはコチラ

モバイルサイトでの「リストビュー」と「グリッドビュー」の使い分け方【レイアウトの決定に】

マーケティング最新
レイアウトの決定は、モバイルでは一段と難しくなります。デスクトップでは広い領域を利用できますが、モバイルでは限られた大きさしか使えません。ユーザは一度に少数のコンテンツしか見えず、残りを見るのにスクロールが必要です。
 
そうした事情を考慮した、モバイルでの最適なレイアウトとは一体何なのでしょう?
リストビューとグリッドビュー、どちらが適しているのでしょうか?この2つを比較しながら、検討してみましょう。
 
 
リストビューとグリッドビューの違い
リストビューは、単一のカラムに項目を並べます。主にテキストが使われ、画像はないか、あっても小さなアイコンやサムネイル程度です。
一方グリッドビューは、2つ以上のカラムに、画像とともに項目を並べます。スペースの大部分を画像が占めており、テキストは小さく表示され、長いものは途中で省略されることもあります。
 
 
リストビューは余計なスクロールを防ぐ
多くのデザイナーはグリッドビューを選びます。これは、グリッドビューが視覚的にユーザーに訴えかけるからです。ただしグリッドビューは、スクロールが増えるという欠点を持っています。項目を大きな画像で表示するため、一画面あたりの項目数が減少してしまうのです。
リストビューは余計なスクロールをなくします。画像が小さいため、同じ画面により多くの項目を表示でき

リンク元

コメント

タイトルとURLをコピーしました