サイトデザイン

見てもらいコンテンツが充実していたとしても、それを効果的にユーザーへ伝えることが出来なければ意味がありません。また、見てもらってるにもかかわらず、求めているターゲット層でなければ目的を達したとは言えないでしょう。

目的に合わせたデザイン

いきなり見た目を作り始めるわけではありません。まずはデザインをするために必要な情報を集めます。

1.サイトの目的：コーポレートサイト、ブランディングサイト、ECサイト…
サイトレイアウトの方向性を決定づける要素です。ブランディング強化が目的なら、ファーストビューで大きい写真を使用したレイアウトが向いています。ECサイトなどでは、素早く目的に導くために商品などの情報を一覧できるレイアウトが向いています。

2.ブランドイメージ：清潔感、安心感、高級感…
メインカラーを決める際に重要となります。色によって心理的に受ける印象は異なります。例えば、青は冷静さ・クールな印象を与えます。対照に、赤は人の感情を興奮させるため、躍動感をもたらします。イメージに合わせたカラー選択をすると良いでしょう。

3.ターゲット層：男性・女性、地域、年齢層…
サイトの装飾を決める際に参考となる要素です。シニア向けマンションを紹介するサイトに、若い家族写真使用しないように、それぞれの対象に合った写真・装飾選びが必要になります。

これら3つの要素を意識してデザインすることで、ユーザーを惹きつけ、感覚的に選びとってもらえるサイトになります。
ただし、場合によってはこれらの要素をそのまま採用すると逆効果になることもあります。サイトの目的を見つめ直し、何が一番重要かを考慮して柔軟にデザインすることも必要です。

ユーザーを迷わせないデザイン

WEBサイトが紙媒体（チラシや雑誌）と大きく異なるのは、ユーザー自らに動いてもらい求める情報にたどり着いてもらわなくてはならない点です。雑誌であればページをめくれば自然と次の情報に移れますが、WEBサイトはまずユーザーに「欲しい情報に繋がるリンクを探してもらう」ところから始まります。
ユーザーを迷わせることのないデザインのポイントをまとめてみました。

・ボタン
ボタンは押せることがひと目でわかるデザインにします。四角く囲んだデザインが多いですが、周りにボタン以外の要素で四角く囲ったデザインある場合は、それらと区別をつけた工夫が必要になります。

・アイコン
最近はシンプルにアイコン一つを配置するものが増えてきました。その際、ここで使用するアイコンはひと目で意味がわかる形を選ばなければ、ユーザーはこのアイコンをスルーしてしまします。凝った形のものより汎用的なデザインを選びましょう。

・テキストリンク
テキストにリンクを貼る場合は、非リンクテキストにまぎれてテキストリンクと気づかれなければ意味がありません。テキストリンクには色味や下線などで区別をつけたデザインスタイルを入れる必要があります。

・よく使用するメニューは格納しない
スマートフォンではよく見られる格納型メニューですが、目的のものがどこにあるのかわかりにくくなります。使用頻度の高いものに関しては、極力格納せず、ひと目で見つけられるようにすると良いでしょう。

・いま見ているページがどこかわかるようにする
ページ数が多いサイトでは、いま見ているページがどこをたどってたどり着いたページかわかりにくくなります。ひとつの方法に「パンくず」を設置する手もありますが、現在地のメニューボタンの色を通常と違う色を使用するなどの方法もあります。

特に押さえておきたいポイントをピックアップして紹介しましたが、これらをすべて適応したらユーザビリティがあがるわけではありません。WEBサイトを閲覧している環境はユーザーにより様々で、それぞれに合ったユーザビリティの考え方があります。
「これをしたら完璧」ではなく、サイトの目的に合った条件に優先順位をつけてユーザビリティ向上をはかると良いでしょう。

まとめ

designは日本語訳で「設計・意匠」と訳されます。今まで述べてきたように、目的に沿ってレイアウトや色を決めていく過程はまさしく設計です。デザインが世間一般で言う、いわゆる“奇抜で目を引くオリジナリティにあふれたもの”ではないことがわかって頂けたと思います。
オリジナリティを出したい気持ちは誰もが持つものですが、「誰に見てもらいたいのか、そしてどうして欲しいのか」を忘れずにしっかりとdesignすることで、自ずと「良いサイト」に仕上がるでしょう。

はじめに

WEB制作ツールが開発された事により、HTML、CSSなどの専門的な知識が無くとも、
誰でも簡単にWEBサイトを持てる時代になりました。WEBサイトの数は世界で10億件を突破し、いまだに増加傾向にあります。

あなたが、今まさにWEBサイトを制作しようとしているのであれば、星の数ほどあるWEBサイトから、自己のWEBサイトを見つけてもらう必要があります。
仮に見つけてもらっても、すぐさまサイトを離脱されてしまっては、伝えたい事も伝わらないでしょう。

無計画なＷＥＢサイト構築は無駄に終わる

ＷＥＢ制作会社という専門業が確立されている以上、『分からないけど、とりあえず作ってみよう！！』という
ＷＥＢサイトでは、厳しい話ですが、見つけて貰えない、直ちに離脱されるサイト＝無駄なサイトになるでしょう。それどころかマイナス要因にすら成り得ます。※2
では、どういった点に注意すればいいのか？どういった制作工程を踏めばいいのか？
失敗を回避する為のポイントを紹介します。

失敗を回避する為のポイント

①ＷＥＢ構築の目的を定める
ＷＥＢサイト制作において、一番大事な工程です。目的を抜きにサイト制作は行えないですし、目的が無いのであれば作る必要すらないでしょう。箇条書き程度の簡潔なもので構いません。各項目ごとに【最優先すべきは何か？】明確に決めてから制作に取り掛かるべきです。
　

●目的は？	例A：売上向上	例B：求人	例C：ブランド向上
●誰に対して？	例A：顧客（主に新規顧客）	例B：就職活動者	例C：顧客（主に既存顧客）

例A、B、Cではそれぞれ目的としている内容が異なります。
ここが定まっていないと、デザイン、コンテンツを思案する際に矛盾が生じてしまいます。


大まかにケース化すると、

デザイン◎	見て貰う仕組み◎	コンテンツ×
デザインが優れていて、目に触れる機会が多いものでも、 中身が無ければ何を目的としているのかユーザーには伝わらないでしょう。

デザイン◎	見て貰う仕組み×	コンテンツ◎
デザインが優れていて、中身がしっかりとしているものでも、 目に触れる機会が無ければ、ユーザーが気づく事はないでしょう。

デザイン×	見て貰う仕組み◎	コンテンツ◎
目に触れる機会が多く、中身がしっかりとしているものでも、 新聞の様に端的に文字を綴っているだけでは、ユーザーがしっかりと読む事はないでしょう。

結局は①で定めた、誰の為のWEBサイトか？を無視してしまうと、失敗事例の様な状態に陥り易くなります。

最後に

様々なポイントを紹介しましたが、失敗を避けるポイントはあっても、目的もが一つでない以上、見る人が不特定多数である以上、ＷＥＢサイトにこれが正解だというモノはありません。
　
更に、目覚ましい進歩を遂げているWEB業界、これからも新しい手法、技術が開発されると言われているので、正解は本当に個人の主観次第となってしまいます。


WEBのトレンド、Googleアルゴリズムの傾向、様々な観点から考えるに、あなたがWEB専門業では無い限りは、WEBサイトに対して使える【時間・制作労力・運営労力】と【WEB会社へ費用を支払う事】を天秤にかけてみて下さい。餅は餅屋に相談してみるのが正解なケースもあります。