初級者向け2018.01.05TweetWebサイト制作における「一般的に気を付けるべき」「通例とされている」事があります。ここではそんな【業界あるある】をお伝えします。【あるある】はたくさんあります。今回は第2回目として、視線の法則についてご紹介いたします。「Zの法則」チラシや紙媒体(書籍、新聞)において、人の目はアルファベットの【Z】の文字のように動くと言われております。この法則は、コンビニやスーパーの陳列棚などを見るときも同じとされています。動くと言われています。これは紙だけではなく、Webサイトでも有効な法則だといえます。左から右に展開していく作りの方が、訪問者にとっては「見やすい」「探しやすい」サイトだと言えるでしょう!大手ショッピングサイトの楽天市場を例に見てみましょう。自然と目がいくようになっています。「Z」の動きをご説明しましたが、Webでは「Z」だけでなく「F」の動きも重要だと言われています。Webサイトは縦に長い事が多いです。画面のサイズにかかわらず情報を伝えていくために、縦長の作りになっています。縦に長いサイトはイメージしやすいかと思います。この場合も、目線の動きは左上からですが、下に下にと視線が動いていきます。大手ショッピングサイトの楽天市場を例に見てみましょう。サイト上部にメニュー。「Z」と「F」は、サイトを作る上で基本の「き」と言える配置です。覚えていて損はないでしょう。左から右に動く動きだけでは、伝わりにくい場合があります。配置が与える印象などをここでは追加でご紹介いたします。皆さんは、舞台やドラマやアニメなどは見ますか?見ている人に伝える為に、工夫されてきた技があります。芸能の世界は面白いですよね!落語では、座布団の上で噺をしますが、扇子1本でいろいろな物を表現しみている人に臨場感を伝えます。敵役は左に配置されることが多いと言われています。動きも、主人公は右から入場し左へと退場していく。人に与える印象のみで話を進めていきたいとおもいます。このように、左右で印象がかわると言われています。画像1枚作るときでも、文字や画像の配置で伝わり方が変わるでしょう!また、人が右から左の動きで安心感を感じ、左から右に違和感を感じるのであるので、スライド画像を作成した際の動きは、やはり右から左に動くようにした方が、違和感がなくなります。大手ショッピングサイトの楽天市場を例に見てみましょう。スライドバナーは右から左に動いています。伝わりやすいサイト制作サイトをつくる上で、訪問者にとって見やすいサイトである事はとても重要です。目線の動き、伝わりやすい配置なども意識すると、サイト制作の時に役にたちます。結果「伝わりにくい」サイトになってしまいます!CVを伸ばしたいなら、まずは見やすいサイトである事。伝わらなければ、CVにはつながりません。優先度をつけ・順序だててサイトを作っていくことが大切です。Hiranoベイクロスマーケティングでは、現在スタッフを募集しております。