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

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

【B-01】サイトに統一感があり、コンセプトが明確に表現できている

サイトを通した統一感とは、レイアウトや書体とその大きさ、配色などのパターンがいくつかにまとめられていることで醸し出されます。

印象を統一すると、ユーザーがそのショップを認知しやすくなり、また、学習容易性の向上などが期待できます。また、そのオンラインショップのブランド力が上がることに繋がります。

この項目に関するご質問、Q&Aはこちら

【B-02】商品写真が美しく、充分な点数がある

商品の形状や質感、大きさなどの情報や、そのイメージなどが過不足なく伝わっているかどうかです。それに加えてシャープネス、露出、色調の統一などの撮影技術を含めた評価です。

商品の写真は、商品の実物に触れることのできないオンラインショップでは、非常に重要なポイントです。技術的な部分はもちろん、商品の大きさや、質感、前後左右からの形状、温度などをうまく伝えられる必要があります。

この項目に関するご質問、Q&Aはこちら

【B-03】基本デザイン要素が適切に使用されている

基本デザイン要素とは、ブランドマーク・ロゴタイプ、キャラクター、カラー、書体、イラストなどのことです。企業や団体、店舗において、「基本デザイン要素」を設定し、チラシや販促物、Webページ上に記載する場合はそれに準拠させるためのものです。

基本デザイン要素を設定する場合は、シンボル・マークやカラーに意味を持たせています。

基本デザイン要素が確立されていれば、ユーザーが視覚的にそのオンラインショップを記憶する助けになり、認知を向上させることができます。

この項目に関するご質問、Q&Aはこちら

【B-04】グラフィックスのクオリティが水準以上である

商品写真以外のグラフィックスについて、適切な画像形式や圧縮率、効果が過剰でなく、自然に施されているかどうかを指します。

実店鋪に置換えて考えると分かりやすい部分ですが、商品と直接関係ないことがらでも、技術面に対する不安は、店鋪に対する不安に転換される可能性があります。

この項目に関するご質問、Q&Aはこちら

【B-05】800×600ピクセルの解像度(SVGA)の画面モードでも見られる

800×600ピクセルの解像度(SVGA)の画面モードで見た時に横スクロールバーが出ないかどうかです。

モバイル需要の増加により、10数%以上のユーザーは800ピクセル以下でブラウジングしています。また、1024ピクセル以上の画面でもサイドバーを出している場合なども考えられます。横スクロールは従来のメディアインターフェイスにはないため、特別な意図がない限り極力避けたほうがよいことは統計的に明らかになっているので、800ピクセルを目安にするのが無難です。

この項目に関するご質問、Q&Aはこちら

【B-06】ブラウザサイズを変更しても破綻しないデザインである

特定のブラウザウィンドウのサイズに依存したデザインでないかどうか。

ある特定のブラウザウインドウサイズに特化することは、それ以外のサイズをとったユーザーの作業効率を著しく低下させる結果になります。ブラウザサイズに影響を受けづらいレイアウトをすべきです。

画面サイズの変更によって、デザインが崩れてしまったりするようなデザインを言います。リキッドデザインの場合によく起こりますので、一般的なデザイン(幅指定)の場合は問題ないでしょう。

この項目に関するご質問、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ショップ大賞グッドデザインショップ認定