- 2014.04.09
レスポンシブWebデザインで成功するUI／UXのポイント5つ
レスポンシブWebデザインでサイト構築をする際に、今までのWeb構築で「当たり前」や「こうすべき」と思っていた感覚とは少し異なった設計でサイトを構築しなければなりません。
レスポンシブWebデザイン
- 2014.03.25
【超簡単】レスポンシブWebデザインの横幅を検証 RWD Bookmarklet
レスポンシブWebデザインの検証を楽にするツール レスポンシブWebデザインはサイトの横幅に応じて、コンテンツを最適化させることができるためとても便利です。しかし構築する上で横幅を常にチェックしながら調整をする必要があります。 レスポンシブWebデザインの検証どうする？ ブックマークレットって？ RWD Bookmarklet を使おう！ 1.レスポンシブWebデザインの検証どうする？ レスポンシ […]
- 2014.03.18
レスポンシブWebデザインはタッチデバイスを意識したサイト作りを
2014年に入り、EC事業者様のスマホ対応方法手段として最も注目されているレスポンシブECサイト。今回は「サッポロ西山ラーメン」様を事例にレスポンシブECサイトのポイントをみていきます。 サイト名 サッポロ西山ラーメン URL http://www.seimen.co.jp/shop/ QRコード デバイスの特徴に合わせた表示変化 今回のサッポロ西山ラーメン様はPCサイト/スマホサイトの２デバ […]
- 2014.03.14
【無料ツール】レスポンシブサイトで画像サイズを悩むならロスレス圧縮を！
ロスレス圧縮でサイト容量を削減 レスポンシブWEBデザインでのサイト構築において、頭を悩ませるのがサイト上に表示させる画像のサイズです。 レスポンシブWEBデザインの場合、画像の推奨サイズを一概にご案内することができません。サイトの構成によりまちまちである為です。ワイヤーフレームをしっかり設計できていれば、表示最大サイズを考慮して画像を作成できるのですが、少し慣れるまでは戸惑う制作者も多いはずです […]
- 2014.03.12
gettyimagesの埋め込み画像をレスポンシブに使う方法
大手ストックフォトサイト「gettyimages」の画像を、非商用限定ながら無料でブログに埋め込むことが出来るようになりました。 「埋め込み投稿が可能な画像を検索する」 手順は</>ボタンをクリックして画像を読み込むiframeタグを取得し、貼り付けるだけ。 これでgettyimagesの画像がブログに表示されます。 gettyimagesの画像を「レスポンシブ」にする ここからが本題 […]
- 2014.03.11
レスポンシブWebデザインのサイトは遅いのか？
議論されるレスポンシブWebデザインの読込速度 最近いただく相談の中で、「レスポンシブWebデザインで構成されたサイトの読込は遅いのか？」ということをいただきます。 確かにレスポンシブWebデザインはブラウザの横幅やデバイス等に対応するため、それに伴うサイト制作をしなければなりません。またソースの記述も多くなります。そのことが影響することは確かに否めません。 しかしながら、サイト制作・・・特にEC […]
- 2014.03.10
日本最大級の水着通販サイト「三愛水着楽園」がレスポンシブECサイトに
三愛水着楽園ECサイトがレスポンシブ化 ファッション水着流通No.1の「三愛水着楽園」公式オンラインショップが、先日2月25日にaishipRを利用しレスポンシブECサイトに生まれ変わってリニューアルオープンしました。 パルコや主要百貨店など全国でリアル店舗も100店舗以上展開する水着流通最大級の会社ですが、そのターゲット層のスマホ利用率はこの１年で飛躍的に伸びました。 ECサイト利用者のスマホ比 […]
- 2014.03.04
【サンプル有】レスポンシブなグローバルナビの作り方３選
レスポンシブサイトを構築する際、意外と引っかかるのが「グローバルナビ」 ページの横幅（キャンバス）いっぱいに表示させることが多い関係上、キャンバス幅が一定でなくなるレスポンシブWebデザインでは一筋縄ではいきません。 慣れない内は考えるのが面倒で「スマホ専用のナビゲーションを別途用意」したり、「グローバルナビをまるごと非表示にしてしまう」ということをされた方の少なくないのではないかと思います。 今 […]
- 2014.02.28
【保存版】レスポンシブWEBデザインのディレクションワークフロー
レスポンシブなサイト構築ワークフロー 全デバイスにワンソースで対応したレスポンシブWEBデザイン。2014年に入り導入や構築のお問合せをいただく機会が増えました。その中でいくつか構築案件を担当させて頂き、どのような工程でレスポンシブWEBデザインを作っていけばいいのか、そのポイントをワークフローとしてまとめてみました。 クライアントと握るべきポイント モバイルファーストで考える 通常のディレクショ […]
- 2014.02.26
Web担当者必見！モバイル回線の読み込み速度を検証してCVRを高めよう
読み込み速度を早めて快適なWEB体験を 従来の被リンクに頼ったSEOは終りを迎え、質の高いコンテンツを作り、必要としている人に「見つけてもらう」いわゆるコンテンツ重視のSEOが非常に重要になってきています。 内部対策SEOで検索エンジンに適切なマークアップを行い、きちんとインデックスされることも重要ですが、モバイルファーストの時代において重要な要因が「ページの読み込み速度」です。検索エンジン最大手 […]
- 2014.02.24
もうECサイトにスマートフォン対応は不要、その理由とは
これからスマホ対応は必要なし 「さあこれから、スマートフォン向けにECサイトを強化するぞ」とお考えのEC運営のご担当者様、もう既にECサイトにスマートフォン対応は不要です。ECサイトのスマートフォン対応は2012年頃に終了したのです。 スマートフォンでのECサイト利用は2015年（来年）にはPCを上回り、スマートフォンはもっともECサイトを利用する端末となります。またタブレットなどのデバイスでのE […]
- 2014.02.13
スマートフォン用の新しいGooglebotでインデックスをより正確に
前回の記事、「SEO施策を成功させる2つのポイント Googleオフィシャル情報を意識する」でGoogleのオフィシャル情報は見ておきましょうとご紹介させて頂きましたが、最近このようなものを見かけました。 スマートフォン用のコンテンツをクロールするための新しい Googlebot ユーザーエージェント ECサイトを運営されている読者の皆様はSEOについて非常に気になるところだと思いますが、上記の内 […]