
第1部 新規案件のためのWebインターフェイス・デザインガイド
05 シンプル追求型
構成要素を必要最小限にしぼったシンプルなインターフェイス
【こんなサイト制作に最適】
・コーポレートサイト
【解説】
人材派遣企業のホームページを想定したサンプル。携わる業界が多岐に渡り、幅広いターゲットユーザー層を抱えていることを見込んで構成した。
このように、限定したイメージやカラーをあえて持たせたくない企業サイトの場合には、ビジュアルによる先入観を排除するために、極力シンプルなインターフェイスが望ましい。ここでは、メインイメージとしてサービス展開を表現する円の連なりのみのビジュアルで構成し、さらに円そのものが下層へのナビゲーションとなる仕組みを提示した。
またグローバルナビゲーションを上部横一列に配置し、イメージ内のナビゲーションに気付かなくとも目的情報にたどり着ける導線を引いた。業務内容がひと目でわかり、ユーザービリティにも配慮したデザインといえる。
・コーポレートサイト
【解説】
人材派遣企業のホームページを想定したサンプル。携わる業界が多岐に渡り、幅広いターゲットユーザー層を抱えていることを見込んで構成した。
このように、限定したイメージやカラーをあえて持たせたくない企業サイトの場合には、ビジュアルによる先入観を排除するために、極力シンプルなインターフェイスが望ましい。ここでは、メインイメージとしてサービス展開を表現する円の連なりのみのビジュアルで構成し、さらに円そのものが下層へのナビゲーションとなる仕組みを提示した。
またグローバルナビゲーションを上部横一列に配置し、イメージ内のナビゲーションに気付かなくとも目的情報にたどり着ける導線を引いた。業務内容がひと目でわかり、ユーザービリティにも配慮したデザインといえる。

【Point】
1. グローバルナビゲーションをヘッダ/フッタに配置
あえて明確なエリア構成をせず、全体が一枚画像のようなサイト構成だが、グローバルナビゲーションをヘッダもしくはフッタエリアに配置し、ユーザービリティを確保する。
2. イメージ内にボタンやテキストを加える
シンプルなイメージの中にナビゲーション機能をもったボタンやテキストを配置している。
【参考サイト】
帽子屋override
http://www.ovr.jp/
このブランドでは、メンズ、レディス、インポートものなど、ターゲットの異なる製品を扱う。そのためトップページではイメージの掲載をせず、ユーザーを選ばないニュートラルなデザインで仕上げられている。
中央のバーは商品画面に登録された商品点数に応じたグラデーションになっており、そのまま商品検索のナビゲーションとして機能する。
ユーザーが画面を触りながら楽しんで閲覧するため、サイト滞在時間が延び、ブランドと触れ合う時間が増加することをねらいとしたものだ。
HAKUHODO Inc.,
http://www.hakuhodo.co.jp/
広告代理店・博報堂のWebサイト。あらゆる業種のクライアントを持ち、幅広い年齢層をターゲットとした事業を手がける同社。Webサイトには各事業展開の妨げとならないよう、インパクトの強いイメージ画像は使用されていない。
白無地にインデックスをつけただけのシンプルな画面構成だが、インデックスにマウスオーバーすると、ちょうどノートを広げた形で下層コンテンツが一覧でき、無理のないユーザー導線が引かれている。







