コラム

 公開日: 2018-05-18 

ホームページの良いデザインってどんなデザイン?

ホームページを作るときに、お客さんにとってデザインはすごく気になりますよね?
デザインが気になる気持ちはすごくよく分かります。

そもそも、ホームページのデザインはどうやって決めればよいでしょうか?
良いデザインとは具体的に何でしょうか?

綺麗なデザイン?格好いいデザイン?オシャレなデザイン?今どきなデザイン?・・・
何でしょうか?

答えは、、、
ホームページを閲覧する人によって、「良い」デザインは変わります。

ターゲット(誰)が決まらなければデザインは決まらない


デザインに限らず、ホームページを作るうえで絶対に欠いてはいけないことは、
誰(ターゲット)に見てもらいたいのか?
ということです。

これはホームページという1つの販促ツールに閉じる話では当然ありません。
むしろ、ビジネスとして顧客設計があって、それをホームページでも踏襲するわけです。

でも、いざホームページを作り始めると、「よりたくさんの人に見てもらいたい」
「よりたくさんの人から問い合わせが欲しい」「よりたくさんの・・・」
となっていってしまいがちです。

ホームページは一方通行のメディアです。
対面なら相手の様子を見ながら話しの内容を柔軟に変えていけますが、
一方通行ゆえに、柔軟に対応することはできません。

ホームページに書いてあることしか伝えられないのです。
もちろん、デザインは見る人によって変えることはできません。


つまり、まずターゲットをちゃんと明確にすることから始まります。
ターゲットが決まったら、そのターゲットからどのようなデザインが良いか考えます。


耳鼻科のホームページで考えてみましょう!


具体例で考えてみましょう。

ターゲットが40代の働く女性の耳鼻科だったとします。
この場合、どんなデザインが良いと思いますか?

まず病院なので、ホームページを見る人は病気の患者さんです。
(ターゲットが子どもを連れていく病院を探している40代女性だったら、
ホームページを見るのは患者さんになるお子さんではなく、お母さんです)

患者さんだったら、
熱が40℃出ていて頭が痛い・・・
咳が止まらなくて息苦しい・・・
鼻水が止まらなくてイライラする・・・

といった感じで、体調が悪く、辛かったりイライラしがちです。

ということは、
たとえば、ホームページを開いたら最初に目に入る画像(ヘッダー画像といいます)が
画像ではなく動画になって動いていたり、画像が何枚かスライドするようになっていると、
よりイライラが募ったり、見づらいって思ってしまうと思いませんか?

画面をスクロールしてホームページを見ていくと、
文字が浮かび上がってきたり、横からスライドインしてきたり、
動きがあるものも同じだと思いませんか?

患者さんなら、静止画像で画像からイメージが類推しやすい、
特徴が一目で分かりやすい、場所が分かりやすい、
デザインにすることの方が大切です。

あとは、40代の働く女性というところでどう考えるか・・・
女性だからピンクがいい、なんていう安易な考えはしないでください。

病院ですので、見る人が心落ち着く、癒されるような、柔らかい色が好まれます。
これは患者さんがホームページを見るという点からご理解いただけるでしょう。

結果、病院はオレンジ系や黄色系、緑系の薄い色が好まれて、
似たような配色になっているデザインのホームページが多いです。

では、他の色はダメなのかというとそういうことではありません。
この例だと働く女性です。青系は信頼、安心感を与えると言われます。
働いている人だと、信頼感を求めやすい傾向があるかもしれません。
ということは、薄めの青も使えうことができます。


デザインとはそもそも何か?


デザインというと、配色と考える人が大半かもしれません。
でも、耳鼻科のホームページデザインの例で書いたとおり、色だけではありません。

基本的なところでは、文字の大きさ、レイアウト、余白があります。

ターゲットによっては、文字サイズを大きくした方がよいこともあります。
病気の方であれば、小さい文字よりも大きい文字の方が読みやすいと思いませんか?

レイアウトは、例えば1列だけか、右や左にさらに1列、もしくは左右両方に1列あって、
2列や3列のものがあります。
必要な情報に迷わずたどり着けるようにレイアウトは考えなければいけません。
病気の方なら、1列だけですっきりしている方が見やすいかもしれません。

余白は狭いと詰め込んだ感じでごちゃごちゃに感じる人もいます。
病気の方なら、余裕をもった余白の方が読みやすいでしょう。


お話を伺いながら、具体的に考えていくことになります。
あくまで、ユーザー視点で。

自分たちが作りたいホームページを作るのではありません。
自分たちが作りたいデザインにするのではありません。

あなたのお客さんが見やすいデザインはどんなデザインか?
という質問にの答えを是非考えみてください。

-----------------------------------
株式会社ビーシーソリューション
TEL:044-440-4994
(お問い合わせ:9:00~18:00)
https://bc-sol.com
-----------------------------------

この記事を書いたプロ

株式会社ビーシーソリューション [ホームページ]

Webコンサルタント 馬場宏

神奈川県川崎市中原区木月1-32-3 2F [地図]
TEL:044-440-4994

  • 問い合わせ

このコラムを読んでよかったと思ったら、クリックしてください。

「よかった」ボタンをクリックして、あなたがいいと思ったコラムを評価しましょう。

0

こちらの関連するコラムもお読みください。

<< 前のコラム
最近投稿されたコラムを読む
 
このプロの紹介記事
株式会社ビーシーソリューション 馬場宏プロ

求人・集客コンサルティングから一気通貫でHPを制作!だから成果につながります(1/3)

 HP制作はモノをつくることだと思っている人や制作会社は少なくありません。そんな中、求人・集客コンサルティングを通して見えてきた「本質」を落とし込んだHP制作をしているのが、株式会社ビーシーソリューション 代表取締役の馬場宏さんです。元国家...

馬場宏プロに相談してみよう!

朝日新聞 マイベストプロ

求人・集客コンサルティングからHPを制作!だから成果が出る

会社名 : 株式会社ビーシーソリューション
住所 : 神奈川県川崎市中原区木月1-32-3 2F [地図]
TEL : 044-440-4994

プロへのお問い合わせ

マイベストプロを見たと言うとスムーズです

044-440-4994

勧誘を目的とした営業行為の上記電話番号によるお問合せはお断りしております。

馬場宏(ばばひろし)

株式会社ビーシーソリューション

アクセスマップ

このプロにメールで問い合わせる
プロのおすすめコラム
求人応募が集まる会社に共通する取組みとは?

2017年4月に有効求人倍率がバブル期を超え、求職者の超売り手市場となっています。また、近年では、特定業界を志...

[ 求人・採用 ]

SEO対策に対する誤解をなくして成果の上がるホームページを作るには?

しばしばお問い合わせをいただく内容に、「5ページ程度の簡単な会社案内のホームページを作りたいのですが、...

[ ホームページ活用 ]

Webで集客するために必要な検索意図を知る方法とは?

近年は、WordPress(ワードプレス)というCMSを使用してWebサイトを制作することがとても多いです。WordPres...

[ ホームページ活用 ]

求人広告でIndeedを利用する2つのメリットとは?

最近では、TVCMでもたくさんしていることから、Indeedという求人広告媒体が世の中一般にも知れ渡るようになりま...

[ 求人・採用 ]

ホームページでの成果を表す公式とは?

ホームページを活用して成果をあげるには、その要素を分解して考えると良いです。数学や理科で公式を理解しな...

[ ホームページ活用 ]

コラム一覧を見る

コラムのテーマ一覧
スマホで見る

モバイルQRコード このプロの紹介ページはスマートフォンでもご覧いただけます。 バーコード読み取り機能で、左の二次元バーコードを読み取ってください。

ページの先頭へ