失敗するレスポンシブWebデザインにありがちな2つのミス - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ

こんにちは、ECプロデュース部の岡本です。 官公庁のWEBサイトも次々とレスポンシブWebデザインを採用し、今まで以上にマルチデバイス対応の重要性が上がっているのだなとひしひしと感じております。 しかしこちらのスライドのように、「レスポンシブWebデザインにすれば何でも上手く行く」という考え方はとても危険です。 そこで今回はレスポンシブWebデザイン化する際に、「失敗しやすい2つのポイント」を紹介します。 １，画像内に文字を入れる 楽天のショップなどを見ていると「文字が入った画像」を非常に多く見かけます。 ちょっとした専用ソフトがあれば誰でも簡単にデザイン性の高い文字を追加できるので、この「文字入り画像」は非常に便利です。 しかしレスポンシブWebデザインにする場合、この「文字」が「思わぬ問題」を生み出します。 それは「スマートフォンで文字が潰れてしまう」という問題です。 画像サイズにあわ