« ブログのトップページに戻る

ECサイトのユーザビリティ10の心得

   投稿者 : 2015年8月21日 By

イメージ画像

ECサイトのユーザビリティは週単位、月単位で見直してみる必要がある。かっこいいビジュアルデザイン、おしゃれなデザイン、それも大事ではあるが、ECサイトでは一番ベースになくてはならないのはユーザビリティである。
"デザインとは機能である"と言ったのはスティーブ・ジョブスだが、まさにECサイトはユーザビリティ=使いやすい機能性を高めることで、収益率がアップし成長することができる。今回はECサイトのユーザビリティについてのチェック項目10を見ていこう。

ECサイトのユーザビリティとはお客様がサイトで気持ちよくお買い物ができる。迷わずお買い物を楽しむことができるようにサイト機能を高めることを意味する。

 

1.基本的な5つのWebユーザビリティ

 

1.トップページへのリンク設定

ショップのロゴは左上に設置し前ページに共通させる。ロゴをクリックするとトップページに戻れるようにする。
ユーザーはどこにいても迷ったらトップページに戻れるリンク設定は、一般的な約束事であるが重要である。

 

2.ハイパーリンクのスタイルはサイト全体で統一

ページ内リンクするハイパーリンク。商品カテゴリーページから類似商品ページへのリンクなど、ユーザーが一目でページに遷移するためのリンクだと分かるようスタイルを統一させる。

 

3.フォントは見やすい書体、大きさにする

ターゲット層に合わせてフォントサイズを設定することもありうるが、ECサイトでは文章を簡潔しに、可読性の高い書体、適切な文字サイズにすることが肝要だ。大きさは14pxがおススメである。

 

4.ナビゲーションを固定

ページ内を下にスクロールしても、ナビゲーションボタンがなくならないように固定化して表示する。縦に長くなるフラットデザインを採用したサイトの場合は特に有効である。

 

5.戻れるしくみパンくずリスト

自分が今どこにいるのかわかるパンくずリストやページタイトルを配置する。パンくずリストとはトップページから現在位置までの階層構造を示したリンクである。
ページタイトルとリスト項目を同じにした、パンくずリストはサイト全体の階層、構造がユーザーにも分かり便利である。

 

2.ECサイトに欠かせない5つのユーザビリティ

 

1.購入までのプロセスをを簡単にする

購入ボタンを押して商品を購入してもらうことが、ECサイトでは最大の目的である。そして「カートに入れる」ボタンを押して支払までのプロセスを最短、最小限にすることで、ユーザーに無駄な負担をかけない=ユーザーが満足する買い物体験を提供できる。

 

2.検索機能の充実

見つけたい商品を見つけやすくする機能は重要だ。検索バーはいつも上部に固定され、絞り込み検索、カテゴリ検索ができるようにする。
さらに検索した結果、サイト内に該当する商品が何点あり、その画像を表示するなど、商品検索でユーザーが効率的に買い物できる機能を備えるべきである。

 

3.商品の並べ替え機能

ユーザーが商品検索した後、「人気」「価格」「セール商品」「サイズ」など、検索した商品をさらに並べ替える機能があると、ユーザーが商品を選ぶ際の手助けとなる。

 

4.商品写真、ビジュアル面で購買意欲を刺激

ECサイトでは商品を手に取って見ることができないため、商品写真の役割は大きい。商品写真は厳選し、商品単体写真はもちろん、商品を買った後などイメージを想像できる写真などで購買意欲を刺激する。

 

5.価格などの情報ははっきり明確に

商品価格、配送料、日数、配送方法、ポイント数等の情報は、まとめて明確に掲示し、ユーザーの疑問点を解消し、オンラインショップの不安をなくすることが重要である。

 

まとめ

ECサイトのユーザビリティはECサイト構築後もずっと改善してしてゆかなければならないテーマであり、終わりがない。
ユーザビリティとはユーザーの立場に立って、「もっと快適に買い物をしてもらうには、もっと簡単に商品を買ってもらうには」どうしたら良いかを考え、その機能をサイトに反映させることである。ユーザビリティの向上はコンバージョン率のアップにつながり、売上アップになる。継続して取り組んでいただきたい。

関連する記事

加速する越境EC! 今、越境EC市場を捉える... 日本の総人口は、出生率の低下から、大きく減少することは明らかである。(図-1)を参考いただきたい。2010年に1億2806万人だった人口は徐々に減少し、50年後の2060年には8674万人とも予測されている。 さらに総人口の39.9%が65歳の高齢者となる。超少子高齢化社会となるのは周知の事...
FacebookはEC市場に変革をもたらすのか?... アメリカ、トランプ大統領のイスラム教7カ国からアメリカへの入国禁止したことは、各方面に大きな影響を及ぼしている。 そして、Google、Apple、Amazonなど、IT企業各社の代表も懸念を表明している。 Facebookの代表マーク・ザッカーバーグ氏もFacebookに投稿。「アメリ...
今、ECサイトに効果的な「カード型デザイン」がトレンド... Webデザインは時代ごとに変化してきている。今やWebデザインはパソコンやタブレット、スマホなどたくさんのディバイスに対応するため、従来のサイドバーを活用したWebデザインよりシングルカラムのデザインが主流になりつつある。そして、2015年は特にレスポンシブに対応した「カード型デザイン」が注目さ...
押さえておきたい! WEBデザイントレンド7選... 5月18日、JECCICA(ジャパンEコマースコンサルタント協会)主催の「ECデザイン大賞2018」が開催され、大賞他各受賞者、WEBサイトが発表された。 ダイヤモンド賞(大賞)を獲得した達磨正宗のWEBサイトはワンカラムで、商品ページに特徴があり、写真、動画、キャッチコピーなど、クォリテ...
ショッピングモールサイトではなく、自社ECサイトで売上げをアップするには?... 独自ドメインで自社ECサイトを運営しているが一向に売上げが上がらない、しかし、ショッピングモールサイトでは売上げが上がり、ますます、Amazonや楽天などのモールサイトの依存度は高まり、どうしたら、自社ECサイトでしっかりした売上げ基盤をつくり、モールでの売上げではなく、自社ECサイトで売上げを...
いいデザインは「余白」をうまく使っている!... グラフィックデザイン、WEBデザインにおいて、「余白」を意識しデザインすることは重要な要素である。「余白」が計画的かどうかで「見やすさ」が大きく左右される。 今回は、デザイン4原則の整列、近接、繰り返し、コントラストのプラス1要素として「余白」を取り上げたい。WEBデザインはこの「余白」を積...

タグ:

このエントリーをはてなブックマークに追加