デザイン

デザイン

注意していますか?「デザインの3秒ルール」【インパクト・デザインのすすめ】

    1,722 views

    読了時間 : 約1分53秒

    人もWebサイトも同じで、最初の3秒程度で第一印象が決まってしまいます。

    多くのWebユーザがせっかちで忍耐強くないことを考えれば、Webサイトに関してはなおさら当てはまりそうです。

    つまり、サイトデザインにおいては常に一目でのインパクトを考慮する必要があるのです。

    本記事では、「デザインの3秒ルール」をクリアするサイトをつくるためのポイントを紹介します。

     

     

    1.インパクトデザインは独特さが鍵

     

    Webの世界でありふれたアイデアやデザインに走らず、リスクをとってでも個性を持たせましょう。下の画像はDieselの2013年秋冬コレクションのページです。ギャラリーと斬新なナビゲーションが印象的です。

    3_second_01

    Story Pixelはレトロなデザインテーマで見る人の目を瞬時に引き付ける工夫がされています。見たらもっと知りたくなる、そんなサイトを目指しましょう。

    3_second_02

     

     

    2.イラストを活用する

     

    目立ちたければ、イラストの力を借りない手はありません。イラストが苦手で避けてしまうウェブデザイナーも多いですが、下のサイトを参考にぜひ挑戦してみてください。

    Red Apeはイラスト・アニメーション・クリエイティブデザインの会社で、ページでもそれが一目で分かるようアピールされています。

    3_second_03

    Stereo Creativeのランディングページではバナーを使ってこれまで手掛けてきたイラストが見られるようになっています。

    3_second_04

     

     

    3.感情に訴えかけて印象を残す

     

    サイトを訪れた人がすぐにアクションをとるよう、画やテキストで働きかけるのがエモーショナルデザインです。

    Gopher Gridronを見てみると、熱い試合やドラマを連想されるような画像が使われいます。

    3_second_05

    Charleston Family Funはデザインを通して“楽しい!”という気持ちを直接アピールしてくるので、見ているこちらまで楽しくなってきます。

    3_second_06

     

     

    4.故きを温ねて新しきを“創る”

     

    人のノスタルジーに訴えかけるのも有効的です。ウェブサイトのメッセージにつながるような懐かしいものを取り入れてみてください。Milk Every Momentのサイトではそれを上手く実践できています。

    3_second_07

    子供の頃の懐かしい記憶を呼び覚ますことで、牛乳をより多くの人に飲んでもらえるようにするのがサイトの目的です。開いた瞬間にレトロなデザインエレメントとビデオが流れてくると、ついつい見入ってしまいます。

     

     

    5.伝わるように言葉を選ぶ

     

    ウェブサイトデザインではコンテンツが全てです。例えば下の画像のMozというサイトでは、自分たちの理念と目的をビジュアルに頼らずにアピールしています。

    3_second_08

    Accentureもユーザの疑問に答えるコンテンツ作りが印象的で、ウェブサイトを通じてビジネスの信頼性も感じ取れるようになっています。

    3_second_09

    ウェブサイトの画像やイラストなどで苦戦している方は、コンテンツに注力してみるのも一つの手です。

     

     

    ※本記事は、Designing for the 3 Second Ruleを翻訳・再構成したものです。

    おすすめ新着記事

    おすすめタグ