Posts Tagged “モバイルファースト”

レスポンシブWebデザインがシンプルであるべき理由

Posted by 角谷 仁 

レスポンシブWebデザインのサイトにはシンプルなものが多いのは、皆さまもご存じの通りかと思います。 レスポンシブWebデザインは様々なデバイス向けに広くコンテンツが閲覧できるように作るという前提がありますが、それではなぜ、様々なデバイス向けに対応させようとするとシンプルになるのでしょうか。     【理由1】小さい画面サイズの端末からのアクセスも想定する必要が…

responsive1

続きを読む →

  • このエントリーをはてなブックマークに追加

モバイルファースト&レスポンシブWebデザイン実践事例―ロンドン交通局

Posted by 角谷 仁 

6月16日、ロンドン交通局が公式ブログで近日中にサイトリニューアルすることを発表し、海外でニュースになっています。今回の記事は、日本国内の企業の方には非常に興味深いものではないかと思い、ご紹介させて頂きます。   この事例で興味深いのは、以下の点でとても思い切ったリニューアルをしたという点です。   1.ユーザー利用頻度が大変高く、規模も大きなサイトであ…

1

続きを読む →

  • このエントリーをはてなブックマークに追加

GoogleがレスポンシブWebデザインを勧めてきた経緯(まとめ)

Posted by 角谷 仁 

2012年6月、Googleがスマホ対応の方法としてレスポンシブWebデザインを推奨すると公式ブログに掲載し、話題になりました。今回はこれまでGoogleが公式ブログでどのようにレスポンシブWebデザインを扱ってきたか、経緯をまとめて紹介したいと思います。 Googleは自社サイトもレスポンシブWebデザインで構築している。     2012年6月12日…

matome

続きを読む →

  • このエントリーをはてなブックマークに追加

7th mass media―新しいマスメディアであるモバイルを、どう捉えたらよいか。

Posted by 角谷 仁 

今回は、モバイルファーストをより深く理解するために知っておきたい”7th mass media channel”についてご紹介したいと思います。海外ではモバイルを“7つめのマスメディア”として論じています。これは、マスメディアの普及の歴史を振り返り、新しいメディアであるモバイルとどう向き合うべきかを論じているものです。(なお、この記事はモバイルファースト提唱者Luke Wroblewski氏のAN…

tv

続きを読む →

  • このエントリーをはてなブックマークに追加

Google、Adobe、Facebookの「モバイルファースト」

Posted by 角谷 仁 

最近よく「モバイルファースト」という言葉を目にするようになってきました。今回は、Google、Adobe、Facebookがどのように「モバイルファースト」という言葉を使っているのかをご紹介したいと思います。今回ピックアップした動画は、モバイルファースト提唱者のLuke Wroblewski氏のサイトで紹介されているものです。   Googleの場合―World Mobile…

続きを読む →

  • このエントリーをはてなブックマークに追加

「発想・見せ方が面白い」レスポンシブWebデザイン海外事例

Posted by 中牟田 怜士 

巷では「リッチなコンテンツはレスポンシブWebデザインに馴染まない」との声も聞こえますが、ポイントを絞って使えばレスポンシブ対応サイトでも期待以上の効果を発揮することができます。 そこで今回は、動画等の視覚的な演出を効果的に使った、海外のレスポンシブWebデザイン事例を紹介させていただきます。   中にはECサイトや管理ツールなど、国内ではレスポンシブWebデザインが余…

unit

続きを読む →

  • このエントリーをはてなブックマークに追加

モバイルユーザーを理解するためのテスト・分析手法

Posted by 角谷 仁 

「そのサイト、ユーザーが使っている姿を想像できますか?」   モバイルサイトの成功・失敗は、全てここにかかっていると思っています。画面の小さなモバイル端末なのでそこに掲載する情報や機能は、本当にユーザーが必要とするものでなければなりません。ユーザーのことを理解し、「こう使って欲しい」と設計されたサイトでなければ、使いにくいサイトになってしまいます。今回は、モバイルユーザーを理…

thumb

続きを読む →

  • このエントリーをはてなブックマークに追加