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

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

【A-01】サイトの目的が明示されている

オンラインショップにおける「目的」とは「販売」という行為のことで、もっと言えば「何を販売しているのか」が一目で分かるかどうかということです。

■「このサイトはなにがしたいのか」ということがユーザーに伝わらなければ、ユーザーは、商品に辿りつく前に、まずそのサイトがなにをしたいのかを立ち止まって考えなくてはならなくなります。オンラインショップは、まず、トップページで、このサイトは「販売サイト」であり、「何を」売っているのかをユーザーにはっきりと教える必要があります。そうすることで、ユーザーはスムーズに商品へと向かうことができるようになります。

例えば、サイト名が「○○商店」だけであった場合、何を取り扱っているお店なのかがわかりません。お酒を取り扱うお店であれば「○○酒店」、魚を取り扱うお店であれば「○○鮮魚店」、楽器を取り扱うお店であれば「○○楽器店」という店舗名にすることで何を販売しているサイトなのかということがわかりやすくなります。

お店の屋号が実店舗との兼ね合いで変更できない場合は「〜〜のお店 ○○」「〜〜専門店|○○」というように店舗名に補足する形で表記するようにします。

無農薬野菜のミレー
「無農薬野菜のミレー」のトップページ
無農薬野菜を販売するサイトであることがすぐにわかる。

ガラタバザール
「ガラタバザール」のトップページ
説明文からキリムを扱う店舗であることがすぐわかる。

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

【A-02】セールスポイントが示されている

なぜ、他の販売チャネルや他のオンラインショップでなく、このオンラインショップで買うべきか、という部分が、トップページでアピールされているかどうかです。

オンラインショッピングでは、ユーザーが同じ商材を扱う他店鋪と簡単に比較することができます。そのため、なぜこのオンラインショップで買うべきなのかということは、しっかり示されているべきです。


お店の看板画像に入れ込んだり、各ページの上部に記述してお客様に伝えることで、お店のセールスポイントを知ってもらい、利用してもらうことができるようになります。

セールスポイントの例としては、まず他店にはない、もしくは他店よりも優れていると考えられるサービスをアピールすることが考えられます。

注文したその日に発送できる「即日発送」サービス、送料がかからない「全品送料無料」サービス、代金引換決済にしても手数料がかからない「代引き手数料無料」サービスなど、お客様にメリットがあるサービスはアピールすべきです。

また、取扱商品が特定されている場合は「専門店ならではの品揃え」、「○○ならおまかせください」など、商品に特化したアピールができます。特産品を扱っている場合には「とれたてを産地直送」、「○○の本場からお届け」というアピールができます。

らむ亭@Web
(赤い部分)造り立てのジンギスカンを北海道から新鮮直送、ジンギスカンなら専門店にお任せください!

アミファラッピング資材調達
↑赤い部分

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

【A-03】重要なリンクがスクロールなしで見える

そのショップにとって重要度の高いリンクが、縦600ピクセル以内に収まっているかどうか。

ユーザーが本当に必要とする情報は、なるべく上部、左側に収まっている必要があります。ここでは、ほとんどのブラウザの最適化を考え、収まりがよい縦600ピクセルを前提に考えています。なので、簡単にいうと上方に収まっているかどうかを確認した方がよいでしょう。

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