*

ショップサーブがレスポンシブ・デザインに対応していない常識的な3つのワケ

公開日: : 最終更新日:2018/09/24 ウェブ・テクニック, ショップサーブ, ショップサーブ・カスタマイズ

この記事は約5分で読むことができます。

レスポンシブ・デザインに対応しない理由

レスポンシブWEBデザインとは、1つのページを作るだけで「PC」ページも「スマホページ」にも対応できるしくみのことです。スマホでアクセスされたなら、自動的にページのレイアウトを変え見やすいように表示してくれます。

一見、最新で、優秀で、便利な機能に思えますが、ECサイトの場合は、必ずしもレスポンシブ・デザインが良いとは限らないんですよね。というか、もっというと、ECサイトでレスポンシブ・デザインは、かえって面倒くさく、やりづらい。というのが本音です。

レブポンシブ・デザインはブログメディアやニュースサイトなど、読み物的なサイトは向いているけど、ECサイトにおいて、その1ページで売上がつくれるかどうか?という商品ページやランディングページ(LP)に、レスポンシブ・デザインを適用してしまうのは「違う」と思います。

「ECサイトがレスポンシブ・デザインにしてはいけない3つの理由」とてもしましょう。

理由1 スマホサイトを考えながらデザインするのは超絶に面倒くさい

PCサイト用に商品ページを作りながら、「これがスマホサイトではどのように表示されるのか?それが、果たしてユーザーにとって見やすいかどうか?」ということを考えながら、文章やクリエイティブ(画像やイラスト、バナーなど)を設計するのは、ハッキリ言って無理です。

どちらでも見やすいなんてモノを考えるだけで日が暮れそうです。そこは、PCページをスマホサイトを分けて考えれば、なんのストレスもなく考えられます。

例えば、ページのアイキャッチ。次の「カートの使い方」という画像を、「スマホでも見やすいよう」作ったものです。

headerサンプル

確かにスマホでは見やすいです。でも、PCページではどうかというと、見やすいですw。でも、そこまでドカーンと見せる必要はなく、ファーストビューの大半を占拠して、むしろ無駄にでかくなってしまいます。

この例は、文字も画像もシンプルですが、何かを解説するイラストとなると、文字も小さくなりますから、「この画像では、どの程度の文字の大きさまでが、スマホでも認識かのうなのか?」なんて、いちいちテストする必要が出てきます。

このように、レスポンシブでやっていこうと思うと、「スマホに合わせれば、PCで無駄に・・・となったり、PCを意識するとスマホ画面では見づらい・・・なんて、状況が頻繁に発生してしまいます。それを、「どちらにも合うように」なんて考えて、思考錯誤していたら、あっという間に一日が終わってしまうわけです。

インフォグラフィック

どうでしょうか。これくらいならスマホでもなんとか読めるかどうか・・・

理由2 「そもそも」PCユーザーとスマホユーザーの質が違う

一言で言うと、PCユーザーは「じっくり」、スマホユーザーは「あっさり」です。

PCでサイトを閲覧しているユーザーは基本「座っている」ことが多いので、画面の情報をじっくり読みます。だから、多少情報量が多くても、興味のある人なら、じっくり隅々まで確認します。

一方、スマホユーザーは、通勤中やランチ中、トイレの中など、かりそめの時間つぶしにスマホを使うのが基本と考えて良いでしょう。そんなユーザーにたいして、じっくり読み込まないと理解できないようなコンテンツを表示してしまっては逆効果です。

トイレスタートからトイレフィニッシュの刹那の時間に「なんだ!そうだったのか!これは買いだ。」、「ポチ!」っとやってもらうのが、スマホサイト設計する者に対する至上命令ではないでしょうか。

理由3 知らないユーザーの制作代行で儲けるため

まぁ、3つ目はオマケですが、「レスポンシブWEBデザインこそすべてた!」と信じて疑わないユーザーのために、別途制作代行(別料金)があるよ、という選択肢を残すためです。

おそらく、ECサイトの9割以上は、レスポンシブはいらないと思います。もちろん、サブディレクトリで運営するブログなどは別ですよ。「商品ページ」にレスポンシブは基本いらないケースがほとんどだと思います。

PCページはPCページの設計で。スマホページはスマホページで設計しましょう。

これが一番楽だと思います。はい。

 




Adsense

関連記事

オプション・バリエーション

モール退店組(引っ越し)の必須知識。ASPのバリエーション登録方法。

クライアントさんのネット・ショップの引っ越しを手伝っていて、気づいたことがあります。それは、サーバー

記事を読む

偽装の疑い

そのブログ、主婦偽装の疑惑あり

暇つぶしに「主婦のネットショップ開業」についての情報を探してみました。そこで目についたのが、2013

記事を読む

フレンドリンクの活用

Eストアー・フレンド・リンクで売上げアップ

Eストアー・フレンド・リンク(ショップサーブ)とは独自アフィリエイトのこと。お店単体でアフィリ運用が

記事を読む

ネットショップ講座名古屋

ネットショップ講座 名古屋

久々のオモシロキーワードです。 「ネットショップ講座 名古屋」 「名古屋在住だが、ネット

記事を読む

送料無料

「送料無料」・・・無料なのはお客さんだけ(泣)

おもしろランディング・キーワード「ネットショップ 送料無料の送料はどこが払っているのですか?」。昨日

記事を読む

FTPで一括登録

商品写真や商品情報の一括登録をする方法はFTP

日々ショップ運営するなかで、ショップサーブの管理画面の遅さにはストレスを感じている人も多いと思います

記事を読む

記事ライター

副業記事ライターが知るべきの3つの知識

ネットには色んな仕事があって、その中の内職的仕事のひとつが記事ライター。ブログやサイトの記事を書いて

記事を読む

ペイパル

外注したらPaypal払いだったので使ってみた

自分でやれば10時間はかかるような作業を外注してみました。金額は1万円ほど。プロなので、自分でやるよ

記事を読む

moviemaker

Windowsムービーメーカー謎の現象に悩まされる

動画編集ブームに陥って、Windowsムービーメーカーでお店ページに貼り付ける動画を編集していました

記事を読む

常時SSL

がっくりorz…常時SSLを無料で利用できるプラン発見、灯台下暗し

つい2,3日前に、さくらインターネットを使った常時SSLオプションが、年額1,620円と破格なのに飛

記事を読む

Adsense

Adsense

サポートの品質
サポートの品質で企業の正体がバレてしまう。

ネットショップ1店舗の引っ越し先として検討していた某社。気にな

簡単に取れて稼げる資格
簡単に取れて稼げる資格

税理士の資格を取れば税理士として商売ができるけど独学では難しい

固定費0円
クレジット決済手数料が安い・固定費が無料や安いサービス5選

あっちこっちにネットショップを作っていると大変です。ある通販サ

5つの鉄則
ネットショップ成功の秘訣5つの鉄則

ビジネスとはあまり関連のない教育ジャンルで、とてもいい記事があ

スマホ対応レスポンシブ化
コーポレートサイト(会社ホームページ)のレスポンシブWEBデザイン化で儲ける方法

今ではほとんどの企業やお店がウェブサイトを持っているのは周知の

→もっと見る

PAGE TOP ↑