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

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

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

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

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

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

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

 

 

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

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

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

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

image02

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

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

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

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

とても大切になります。

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

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

 

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

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

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

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

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

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

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

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

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

関連記事

面白い動きや便利な機能をJSで実装! その5:ちょっと変わったマウスオーバーの応用編

面白い動きや便利な機能をJSで実装! その5:ちょっと変わったマウスオーバーの応用編

javascript(jquery)でマウスオーバー時に変わった動きを付けたいと思います。 面白い動きや便利な機能をJSで実装! その4:ちょっと変わったマウスオーバーを実装してみました。の続きになり …

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

Bamboo PadであなたのPCもタッチジェスチャーで意のままに!

PC使用時に画面上の画像などを拡大したい時、 思わず画面に親指と人差し指を添えて必死にズームしようとしたり、 スクロールしたい時に画面に指をスイッと滑らせたりして、 あ、これタッチできないんだ…とザン …

知らなかった!じゃ済まされない。フラットデザインの落とし穴

知らなかった!じゃ済まされない。フラットデザインの落とし穴

こんばんわ!WEBデザイナー歴10年目に突入間近のHです! 以前、2015年に流行るWEBデザインのトレンドを3つ、ご紹介させて頂きました。 ①フラットデザインの更なる普及 ②クリックを出来るだけ減ら …

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

2013年も気が付けば残り1週間。早いものですね~(しみじみ) WEBの業界は流行り廃りが激しいもので、 デザインに限って見ても、この1年間でもさまざまな動きがありましたね。 2014年、WEBデザイ …

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどを 作成することができる「Chart.js」をご紹介致します。 今回は一番汎用性の高いと思われる折れ線グラフを作成してみたいと思います。 表示の瞬 …