【○×】Q.ユーザが画像をざっと見て良し悪しを判断する商品の詳細ページでは、「左：画像、右：文章」、その下は「左：文章、右：画像」と、画像と文章を交互に配置したレイアウトとする方が、そうでない場合に比べて文章にも目を通してもらえる可能性が高い。○か×か？: beBit.Q
【解説】写真画像で良し悪しを判断しようと考えているユーザの視線は、自然と画像と画像をつなぐ形で流れます。画像と文章を交互に配置することでユーザの視線が散らばり、スクロール速度も遅くなりやすいため、比較的文章にも目を通してもらいやすいレイアウトとなります。 解説詳細 例えば、セオリー通り情報が整理されたきれいなレイアウトを達成しようとすると、以下のようになります。 この場合ユーザは、気になる画像があれば横にある文章にも目を移しますが、基本的にはすーっと下に向かって画像だけを眺めてスクロールするといった行動をとりがちです。 また、単調なレイアウトであるためにユーザのスクロール速度も速くなりがちです。 一方、画像と文章を交互に配置したレイアウトでは、ユーザの視線は以下のように散らばってくれる可能性が高くなります。 この場合はユーザが画像から画像に視線を移すタイミングで自然と文章が視野に飛び込んで
SEOを意識したサイトデザイン | パシのSEOブログ
完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基本となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうしてもこんな感じになってしまいます。あくまで基本となるレイアウトですので、作るサイトにあわせ位置の調整や、必要な項目の追加を行ってください。 ヘッダー ページの見出しとなるh1と、ページの概要を説明するためのテキストを配置します。h1とテキストは全ページ異なるユニークなものを記述します。 ヘッダーの左側にはロゴを配置し必ずリンクにします。ロゴは、ソースの上部に位置し、全ページ共通のトップページへのリンクとなる為、CSSの画像置換えを使用しアンカーテキストにはメインキーワードを含ませた方が良いでしょう。 イメージリ
「情報量重視型」「バランス型」「デザイン重視型」…コミック誌の表紙をパターン分類 - はてなニュース
コミック誌の「顔」といえるのがその表紙。雑誌の数だけ様々なタイプの表紙がありますが、現在そんなコミック誌の表紙を系統ごとに分類、比較するエントリーが話題になっています。 情報量をとるか、デザインをとるか〜漫画雑誌の表紙の作り比較〜 - たまごまごごはん 「コミック誌」と聞いて、多くの人がまず思い浮かべるのがジャンプ、サンデー、マガジンといった少年誌ではないでしょうか。これらの雑誌の表紙は、それぞれのカラーはありますが、比較的情報量が多くごちごちゃした印象があります。筆者によると、このような「情報量重視型」の雑誌は他にも多く、その中にもさらに、女性キャラクター推しの男性向けの雑誌、パステルカラーを多用した少女向けの雑誌、赤・青・黄色の三原色を多用した男児向け雑誌など、読者層に合わせた工夫がされているそうです。 他にも、グラビアアイドルを全面に押し出した「グラビア型」、作品の世界観を打ち出すな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
