WebツイートシェアPCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。Webが厳選した10の素敵なサイトを紹介します。Japan最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのことを頭に入れてデザインしなければならない。画面サイズやオペレーティングシステムに柔軟に対応するデザイン手法は、レスポンシブWebデザインとして知られる。ここで紹介する10のサイトはフレキシブルなWebの未来を見せつけている。Pepperは、スパイシーなコードを使ってシンプルなインターフェースを作るソフトウェア会社だ。PepperUPPERDOgブラウザのサイズ調整をする度にリアルタイムでこのサイトもサイズ調整するのは素敵だ(決して跳んだり跳ねたりしない)。Senseサイズに応じてロゴの位置まで動く。Splashnology)Jux異なるアプリを作り出す代わりに、Juxは、iPhone、iPad、デスクトップのような異なるデバイスに優雅に適応するために1つのレスポンシブWebデザインに重点的に投資した。(暴露:私は、TNWの前に彼らと仕事をしていた。Mobileのサイトは、レスポンシブWebデザインのWordPressテーマを改変して作られた。MobileGravitateGravitateはどのサイズでもエレガントに見える。Vitaminは、小さいサイズではサイドバーを完全に消している。Worksは、小さいサイズではメニューを完全にフォーマットし直す。Gridのサイトはフレキシブルなグリッドを使用するという目的を中心に構築されている。Illustrationメディアクエリを使って作ってある。“これは、レスポンシブWebデザインのテクニックを使ったインタラクティブな体験である。このサイトについては以前に書いている。Illustration私たちの社会において成長するコネクティビティは、人々をお互いに近づけながら驚異的な量の情報の流れを保ち、いくつか驚くような結果をもたらしている。この消費の新しい時代にはいくつかマイナス面があり、その中の1つがウェブサイトが現在デザインされているあり方なのだ。モバイルデバイスを持っている人ならWebを閲覧することがいかに難しいかということを知っているが、そうでなければならないわけではないのだ。design」を翻訳した内容です。どれもPCで見ても美しいデザインのサイトばかりでした。確かにどのサイトもブラウザサイズを変更しても綺麗に収まってくれます。レイアウトを自動調整した上でそのデザインがしっくりはまっているのは「凄い!」と思えますね。個人的には「Jux」が気に入りました。気になる方は是非スマートフォンやタブレットでもチェックしてみてください。確かに今後はこの流れが効率化のためにも加速化する気はします。Japan的にはこれからはレスポンシブSEOだ!とも先にいっておきましょうか。Japanアイオイクスは2002年設立の日本を代表するSEOコンサルティング会社です。Minihttps://clm.seojapan.com/アイオイクス社の社員によるコラムブログです。SEOを中心としたWebマーケティングに関することなどの記事を不定期に更新しています。Newsletter」のバックナンバーを隔週1回の頻度で更新しています。人気の記事500万の検索結果を分析した結果、自然検索のクリック率についてわかった10の事実30分以内に結果が出る高度なSEOテクニック「SEOは死んだのか?」、データから考えるSEOの滅亡論Googleの検索結果において、自身のサイトをよりクリックされやすくする5つの方法キーワードリサーチから被リンクの獲得まで。