【ECサイト対象】モバイルサイトでもすべてのコンテンツを掲載するべき、省略してはいけない

[対象: 全員]

モバイル向けサイトでは、ディスプレイの大きさや回線速度、開発の手間などの理由によりPC向けサイトにあるコンテンツをすべて移植せず部分的に省くことがあるかもしれません。

しかしBaymard Instituteが行ったモバイルショッピングサイトのユーザビリティに関する調査によればコンテンツの省略は時には悲惨な結果に終わることがあるようです。

【注意】
この記事で紹介する内容はECサイトに対するものです。
ブログやメディア系サイト、コーポレートサイトなどタイプの違うサイトではユーザーの行動様式は異なってくることがあり得ます。

『【ECサイト対象】モバイルサイトでもすべてのコンテンツを掲載するべき、省略してはいけない』の続きを読む

スマホサイトで試してみたいデザイン: カテゴリメニューを意味する3本バーのアイコン

[対象: 全員]

カテゴリへのメニューを表す“3本バー”のアイコンが、スマートフォン向けサイトで今後主流になるかもしれないというのがこの記事のトピックです。

3本バーアイコン

PCと比べるとスマホはディスプレイサイズが小さいため見せたい要素を一度にすべて見せることが困難です。
省スペースが求められます。

『スマホサイトで試してみたいデザイン: カテゴリメニューを意味する3本バーのアイコン』の続きを読む

スマホサイトのEFO: フォームの入力フィールドのラベルは横ではなく上に置く

[対象: 全員]

モバイルサイト(スマートフォン向けサイト)のエントリーフォーム最適化、いわゆるEFOをこの記事では説明します。

フォームの最適化といってもさまざまなことできるでしょうが、ここではフォームの入力項目の“ラベルの位置”に注目します。

ラベルは入力フィールドの上に配置する

『スマホサイトのEFO: フォームの入力フィールドのラベルは横ではなく上に置く』の続きを読む

ECサイトにおける色違いやサイズ違いの商品ページのベストプラクティス

[対象: 中〜上級]

色違いTシャツ

この記事では、同じタイプの製品で色やサイズに複数のバリエーションがあるときのページ構成について解説します。

記事タイトルに「ベストプラクティス」と入れましたが、どんなアイテムを取り扱っているか、どんなシステムでサイトを構築しているか、すでに公開しているページかそれとも新規に公開するページか、検索需要はどのくらいあるか、何を最優先にするかなどさまざまな要因に依存するため、「この構成がベスト」と言い切ることはできません。

またそれぞれの構成にメリット・デメリットがあります。

『ECサイトにおける色違いやサイズ違いの商品ページのベストプラクティス』の続きを読む

タブ切り替え式デザインを推奨しない理由はSEOではなくUXの観点からだった

[対象: 中級]

URLが変わらないタブ切り替え型のページでは初期状態で選択されていないタブに隠れているコンテンツは無視されるかもしれないという情報を昨日の投稿で伝えました。

しかし背景や前後関係が不明だったので本当にそうなのかどうかの結論を出せませんでした。

この発言をしたGoogleのJohn Mueller(ジョン・ミューラー)氏から詳しい説明をもらえたので今日の投稿でフォローアップします。

『タブ切り替え式デザインを推奨しない理由はSEOではなくUXの観点からだった』の続きを読む

ショッピングカートでは、クレジットカード情報の入力エリアをハイライトするとかご落ちを防げる

[対象: 全員]

コンバージョン率を上げるために簡単にできる改善策を今日は紹介します。

クレジットカードの入力エリアを“視覚的に補強”する方法です。

Baymard InstituteE-Commerce Checkout Usabilityで説明されていたやり方になります。

A(左)とB(右)を比べてみてください。※クリックで拡大
違いに気付きますか?

『ショッピングカートでは、クレジットカード情報の入力エリアをハイライトするとかご落ちを防げる』の続きを読む

米国のコンサルティング企業が施策するECサイト向けSEO from #PubCon Las Vegas 2012

[対象: 全員]

今日もPubCon Las Vegas 2012のセッションレポートです。

ECサイトの構築やコンサルティングを手がけるGroove Commerceという企業が米国にあります。

この記事では、Groove Commerceが施策するEコマースサイト向けのSEOを説明したプレゼンテーションを紹介します。

『米国のコンサルティング企業が施策するECサイト向けSEO from #PubCon Las Vegas 2012』の続きを読む

【加筆・修正あり】ECサイトの商品ページに欠かせない5つの要素 from #PubCon Las Vegas 2012

[対象: 全員]

※公開時の記事に加筆・修正しました。

間隔が少し空いてしまいましたが、PubCon Las Vegas 2012のセッションレポートを今日はお届けします。

ECサイトの商品ページを最適化するための施策についてのBRYANEISENBERG.COMのBryan Eisenberg(ブライアン・アイゼンバーグ)氏のプレゼンテーションからになります。

ネットショップ運営者の大きな手助けになるはずです。

『【加筆・修正あり】ECサイトの商品ページに欠かせない5つの要素 from #PubCon Las Vegas 2012』の続きを読む

画像表示を高速化してサイトパフォーマンスを向上させる5つのTIPS

[対象: 中〜上級]

ウェブサイトのパフォーマンアップ、平たく言うとページ表示の高速化は多くの読者さんにとって興味がある分野のようです。
僕も同じでスピードアップのためにいろいろ調べています。

そこでここまでの収穫として、今日は、画像ファイルの表示を高速化してサイトのパフォーマンスを向上するTIPSを5つ紹介します。

一応、簡単に実装できそうなものから順に並べてあります。

『画像表示を高速化してサイトパフォーマンスを向上させる5つのTIPS』の続きを読む

JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法

[対象: 中〜上級]

僕のブログではてブ数がいちばん多いのはウェブページを高速化するTIPSを解説した記事です(まだ読んでない人はぜひ読んでください!)。

その記事では高速化全般を扱っていましたが、今日の記事ではJavaScriptに的を絞って表示速度をスピードアップできる施策を6つ紹介します。

もともとはSearch Engine PeopleブログOptimizing JavaScript for Better Web Performanceで説明されていたものです。

『JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法』の続きを読む