0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Google UXデザイン:レスポンシブWebサイトとは

Last updated at Posted at 2022-12-25

はじめに

わたしがGoogle UX Design Certificateで得られた素晴らしい体験を、特に重要だと思われるポイントを小さく分割して、わかりやすく簡潔に紹介していきます。

興味があれば、ぜひ Google UX Design Certificateを受講してみてください。

これまでの振り返り

レスポンシブWebデザインとは

『デバイスのサイズに応じてWebサイトが自動的に変化すること』

レスポンシブWebデザインは、携帯電話のような小さな画面には小さく表示され、デスクトップパソコンのような大きな画面には大きく表示されます。

レスポンシブWebデザインは、多くの場合、Webサイトのサイズを変更するだけではありません。

UXデザイナーは、ウェブサイトのデザインを計画する際、各ページの要素がさまざまな画面サイズにどのように対応するかを検討する必要があります。画面が小さいとスペースが狭くなるため、レスポンシブWebサイトでは要素の表示位置を変更することもあります。

サンプル

例えば、デスクトップ版のウェブサイトでは、画面の上部に人気のページが表示されることがあります。モバイル版では画面上部にスペースがないため、人気ページをハンバーガーメニューの中にまとめて表示することができます。

同じウェブサイトの複数のバージョンをデザインすることは、より多くの時間を要しますが、人々がどのデバイスでもウェブサイトを使用できるようにするものです。

2019年の調査によると、インターネット上には1億8500万以上のアクティブなWebサイトがあり、毎秒ごとにさらに多くのWebサイトが作成されていることがわかりました。これだけ多くのアクティブなウェブサイトがあり、さらにウェブサイトが作られる速度も速く、携帯電話を持つ人の数も多いので、どのデバイスでも使いやすいウェブサイトをデザインできる専門家の市場は大きいのです。つまり、多くの企業がレスポンシブWebサイトを必要としているのです。

900人以上のUXデザイナーを対象にした調査では、90%が最近ウェブサイトまたはウェブベースのアプリケーションを手がけたことがあると回答し、76%が最近モバイルアプリを手がけたことがあると回答しています。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?