BtoBサイトのデザインをする上で押さえたい7つのチェックポイント

デザインを考える上でまず大事なのは、デザインコンセプトです。デザインコンセプトが明らかでないサイトは魅力が半減します。

1.　ヒアリングからデザインの課題を明確する
2.　デザインの方向性を決める
3.　コンセプトを短い言葉で簡単に説明する

ヒアリングで明確になった課題を解決するために、最終的に分かりやすく伝えやすいデザインコンセプトを決めましょう。

次に、サイトの印象を決定づける顔ともいうべき存在がキービジュアルです。ユーザーが見て、すぐに事業内容を理解できるキービジュアルを目指しましょう。

1.　事業内容が分かりやすい
2.　キャッチコピーが分かりやすい
3.　覚えやすく他人に伝えやすい
4.　インパクトがある
5.　視認性を確保する
6.　ブランドイメージに表現を合わせる

サービスや製品が多いと伝えたいことが多くなってしまいますが、出来る限り絞って、的確な言葉と画像で分かりやすく表現することがキービジュアルの条件です。

ユーザーが重要な情報を簡単に得られるかどうかがサイトの印象を左右します。情報の優先順位を細部の設計まで落とし込んだレイアウトが成功の鍵です。

1.　サイトの幅を環境に最適化する
2.　ファースビューで表示したい範囲を決める
3.　情報の優先順位を決める
4.　マージンの設定をきめる
5.　問い合わせ用のボタンが分かりやすい位置にある

情報に優先順位をつけて配置することで、ユーザーが得たい情報を簡単に得られる様なレイアウトにしましょう。

配色はデザインを考える上で最重要ポイントの一つです。デザインコンセプトやレイアウトと調和した、一貫性のある配色を考える必要があります。

1.　コンセプトと配色を合わせる
2.　配色のルールを決める
3.　色数を決める
4.　コントラストを適正にする
5.　ガイドラインにまとめる

色数をおさえ、情報の重要度に差をつけ、ユーザーが色に惑わされない配色にしましょう。

フォントの種類やサイズ、またそれらの統一感といった文字の読みやすさに関するデザインも大切です。

1.　使用するフォントの種類を決める（日本語フォントと英語フォント）
2.　H1からH5くらいまで必要な見出しのデザインを決めているか
3.　フォントサイズのルールを決める
4.　文字詰めをする
5.　校正する（印刷して確認）

フォントの種類や、サイズなどをサイト内での使い方を統一。見出しのジャンプ率を高くすることで、読みやすさが格段に向上します。
※ ジャンプ率・・・本文のサイズに対するタイトルや見出しサイズの比率のことです。

これまでに挙げてきた要素を総合して、実際に操作するユーザーの目線に立って分かりやすさ・使いやすさを検証しましょう。

1.　リンクである事が分かりやすくする
2.　クリックしやすいサイズにする
3.　役割が分かりやすいデザインにする

リンクかどうかを判別しやすく、また機能性を分かりやすく表現するためには、アイコンや色のルールの設定が大切です。