マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEBデザイン WEB制作

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

投稿日:2015年2月20日 更新日:

こんにちは、デザイナーのAです。

以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。

いいデザインと悪いデザインの見分け方 その(1)
いいデザインと悪いデザインの見分け方 その(2)

今回はファーストビューについてご紹介したいと思います!

 

 

ファーストビューって何?

ユーザーの画面にWebページを表示した際、

スクロールせずに表示される最初の領域のことをファーストビューと言います。

だいたいノートパソコンなら600px、デスクトップパソコンなら800px 以内の範囲ですね。

image02

ユーザーはこのファーストビューの印象でそのページに留まるか、他ページへ離脱するかを瞬時に判断するそうです。(3秒~5秒ともいわれるほどスピーディ!)

一般的にページにとどまる訪問者は全体のおよそ20%といわれています。

そのため、集客からコンバージョンへ繋げるためには、ユーザーが検索してきたキーワード、

興味のあるコンテンツに関連した情報をファーストビューで視覚的にアピールできるかが

とても大切になります。

離脱率を下げるために、ページに滞在してくれる人の割合を増やす工夫がファーストビューにされているかいないか…が、

良いwebデザインかを見分ける材料になるともいえるでしょう。

 

デザイン性はもちろんその他にも

●魅力的なキャッチコピーであるか

●ユーザーのニーズに応じた情報を分かりやすく集約できているか

●スマホサイトの場合表示速度は適しているか

なども重要な要素ですね。

マーカーネットでは、お客様が何を求めているのか、何が必要なのかをじっくりヒアリングし、

最適なサイト設計を行わせていただいております。

株式会社マーカーネットにホームページ制作・WEB制作の依頼をお願いしたい方は是非こちらからどうぞ!

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

面白い動きや便利な機能をJSで実装! その3:一目で印象に残るアニメーション背景を作成!

web制作をされている方ならば、サイトを訪れてくれた人を少しでも長く引き留めたいと思われると思います。 一体どうやって見てくれる人の興味をひけるのか。色々な方法がありますが、その一つとして面白い動きを …

データベース(MySQL)の日付操作について

データベース(MySQL)で普段よく使いますが、 なかなか覚えられない、日付の操作のSQLについて書きます。 以下のようなニュースのテーブルが存在します。 CREATE TABLE IF NOT EX …

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

デザインを格好よくするためにシャドウを付けたりしますよね。 しかし、サイズが異なるたびに画像を背景に指定したりしなければならないのは大変です。 しかも、シャドウの幅の分だけはみ出ているということもあり …

LINEのスタンプが誰でも制作・販売可能に!!

LINEのスタンプが誰でも制作・販売可能に!!

LINEのスタンプは国内外で500以上の有名キャラクターが使われており、 メールの顔文字・絵文字との差別化が成功し、LINEユーザー増加に一役かっているコンテンツだと思います。 これまでスタンプはLI …

【2014年総まとめ】今年一番多く使ったWEBフォント

【2014年総まとめ】今年一番多く使ったWEBフォント

こんばんわ~WEBデザイナーのHです。 本日はこの1年間、実際のWEBデザイン制作を通して、一番多く使ったWEBフォント、トップ3をご紹介します。 中には有料のものもありますが、社内で共有することを優 …