ベストECショップ大賞2006/グッドデザインショップ認定 特設サイト

全国イーコマース協議会(EC協議会)が運営する「ベストECショップ大賞」と「グッドデザインショップ認定」の解説を行う特設サイトです。

【C-01】情報構造が適切である

情報構造とは、それぞれの情報のまとめ方のことです。関連する情報ごとにまとめて整理しているかどうかを評価します。

情報がそれぞれバラバラに配置されてしまったり、そのまとめ方に一貫性がなかったりすると、ユーザーが必要な情報に辿り着きづらくなってしまいます。

*基本的には、大きな内容から小さな内容へ(例)地球→日本→新宿)上から下へ、左から右へ並べるのがよい。

*具体的にどうすればよいか?
一つはナビゲーションを、全て付箋などに書き出し、情報が優位にあるものから順番にまとめて、貼り付けていく。

○正解例

内容が適切にまとまっている。なお、大見出しで適切に整頓ができている。

>>焼酎
-麦焼酎
-芋焼酎
-米焼酎

>>ワイン
-赤ワイン
-白ワイン
-ロゼワイン

>>ビール
-キリンビール
-アサヒビール


×悪い例

ユーザーが迷ってしまう並び順の悪さ。

-アサヒビール
-麦焼酎
-赤ワイン
-キリンビール
-米焼酎
-白ワイン
-芋焼酎
-ロゼワイン

この項目に関する質問・Q&A

ご質問等はこちらのフォームにて投稿してください




保存しますか?


ガイドライン項目一覧

A.トップページ
A-01:サイトの目的
A-02:セールスポイント
A-03:重要なリンク
B.デザイン全般
B-01:サイトの統一感
B-02:商品写真
B-03:基本デザイン要素
B-04:画像情報
B-05:画面解像度
B-06:ブラウザサイズ変更
C.ナビゲーション
C-01:情報構造
C-02:トップページへのリンク
C-03:現在見ているページの内容
C-04:ラベリング
C-05:グローバルナビゲーション
C-06:回遊性を高める
C-07:検索機能
C-08:ナビゲーション
C-09:フレームレス
C-10:新規ウインドウ
D.信頼性
D-01:買い物のヘルプページ
D-02:個人情報保護
D-03:特定商取引法に関する表示
D-04:総額表示
D-05:連絡先の明示
D-06:商品の詳細説明
D-07:セキュリティ
D-08:よくあるご質問
D-09:お客さまの声
E.アクセシビリティ
E-01:機種依存文字
E-02:音声・動画
E-03:HTML以外のデータ
E-04:img要素のalt属性
E-05:ブラウザの互換性
E-06:Flash、JavaScript
E-07:テキストによる構成
E-08:入力欄
E-09:ページのデータサイズ
F.配色
F-01:コントラスト
F-02:色の組み合わせ
F-03:色彩
G.テキスト
G-01:フォント指定
G-02:文字の大きさ
G-03:フォントサイズの可変
G-04:適切な区切り
G-05:専門用語などの使用
G-06:日付けの表記
G-07:見出しの設定
G-08:単語途中の空白
G-09:言語コード
G-10:行間の設定
H.ハイパーリンク
H-01:リンクの動作
H-02:アンカーテキスト
H-03:リンクの装飾
H-04:各種ソフトの起動
H-05:リダイレクト
H-06:訪問済みリンク
I.コンテンツ
I-01:サイト紹介ページ
I-02:情報の更新
I-03:情報量
J.HTML
J-01:title要素
J-02:meta要素
J-03:論理マークアップ
J-04:テーブルレイアウト
J-05:DOCTYPE宣言
J-06:CSSによる装飾

ベストECショップ大賞グッドデザインショップ認定