失敗するレスポンシブWebデザインにありがちな2つのミス - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
こんにちは、ECプロデュース部の岡本です。 官公庁のWEBサイトも次々とレスポンシブWebデザインを採用し、今まで以上にマルチデバイス対応の重要性が上がっているのだなとひしひしと感じております。 しかしこちらのスライドのように、「レスポンシブWebデザインにすれば何でも上手く行く」という考え方はとても危険です。 そこで今回はレスポンシブWebデザイン化する際に、「失敗しやすい2つのポイント」を紹介します。 １，画像内に文字を入れる 楽天のショップなどを見ていると「文字が入った画像」を非常に多く見かけます。 ちょっとした専用ソフトがあれば誰でも簡単にデザイン性の高い文字を追加できるので、この「文字入り画像」は非常に便利です。 しかしレスポンシブWebデザインにする場合、この「文字」が「思わぬ問題」を生み出します。 それは「スマートフォンで文字が潰れてしまう」という問題です。 画像サイズにあわ
レスポンシブWebデザインで成功するUI／UXのポイント5つ - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。 これまでのWebにおけるUI／UX これまで、PCのブラウザをメインにネットをする層が中心だった時代では、マウス操作が基本になっていました。 当たり前ですが画面上のマウスを操作して、クリックをしたり、ドラッグ・アンド・ドロップで対象を動かしたりする動作がメインになります。 UI／UXで言えば、ボタンをクリックするにしても、マウスでカーソルを移動させればボタンの色が変わったり、カーソルの矢印が人の指に変わったりするマウスオーバーアクションと言われるものです。 テキストリンクであれば、カーソルを対象に持って行くと、テキスト下線が消え、カラーが変わるなどの変化が当たり前になっていました。すべてはマウスでの移動させることが中心に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
