いまやデザイナーには必須項目。身につけておきたいスマホのニーズ

webデザインをする上で今後必要になるスマホに対する知識と技術について紹介します。

TOP > スマートフォン制作を学ぶなら

スマートフォン制作を学ぶなら

スマートフォン制作を学ぶなら

知っておきたいスマホの知識

スマートフォン制作を学ぶなら

急激に増えたスマホ案件

どんどん拡大してくるスマホ市場。対応が急がれる今、デザイナーとして知っておくべき知識やスキルについて紹介していきます。
スマホの案件、ほんと多いですね~。出たばかりの頃は使いづらかったのですが、今ではスマホ自体のユーザビリティも向上してきました。携帯といえばスマホと、2011年あたりからどんどん乗り換えている人が増えています。スマホのおかげで移動中もググれるようになったので、通勤時間にお買いもの、とりあえずショッピングカートに入れておいて後で決済しよう、なんて人も多いのではないでしょうか。

スマホ対応が急がれる訳

スマホもパソコンのようにフルブラウザを搭載しているため、Webサイトをそのまま表示することが可能です。すでに経験されていると思いますが、スマホの小さな画面でパソコンと同じ画面を見ると、文字サイズが小さく、リンクもタッチしづらくとても不便です。これをスマホ専用のデザインルールで再現するのが、私たちスマホウェブデザイナーの仕事となるわけです。
既にあるサイトは、スマホ対応が急がれています。新しくWebサイトを立ち上げる場合、スマホ対応は必須といえるのではないでしょうか。
サイトのユーザビリティで言えば、見づらいサイトに長く滞在する人は多くありません。スマホ対応をしていなければサッサとアウトして、欲しい情報を分かりやすく表示してくれるサイトを探しに行きます。実際スマホ未対応のサイトは直帰率が高いのです。

スマホの可能性

「パソコンはあんまり開かないけど、携帯は毎日使う」という人は多いのではないでしょうか。これはパソコンを使わなかった潜在的ネットユーザーを、スマホを通して購買につなげるチャンス到来ということになります。
スマホは外出時にネットに接続できるので、今情報が欲しいときに便利です。もともとのパソコンユーザーでも、積極的にスマホを使っていることは容易に想像できます。
スマホを使うのは、「ネットにあまりなじみがない人」「出先でサクッと調べたい人」。この2点からも分かるように、スマホは軽くてわかりやすいことが優先されます。スマホはバッテリー切れも気になるので、短時間でどれだけ欲しい情報を提供できるかが勝負です。

これだけは身につけておくべし!
HTML5とCSS3が望まれる訳

スマホの主要なOSとして、iOS(iPhone)と、Androidがあります。
それぞれiPhoneアプリはObjective-c、Android アプリはJavaで開発します。iPhoneとスマホ(Android)の見た目が同じアプリでも、中身は全然別物なんです。これって不合理ですよね。しかもiOS のiPhoneアプリは、Macがないと開発できません。Macのパソコンをもう一台買わないといけないのはネックとなります。
しかしHTML5とCSS3+ JavaScriptは、OSの壁を取り払い、アプリ並みの表現力豊かな実装が可能となってきています。
Flashについても、iOSは動かないし、Androidも対応が分かれています。スマホのFlash対応は、今後あまり進まないかも知れません。ということで、今までFlashがやってきたことをHTML5とCSS3+ JavaScriptに移行し、スマホに対応する動きが急速に進んでいます。

スマホの技術の基本HTML5とCSS3

今までのHTMLと違って、HTML5とCSS3はいろいろな機能をシンプルなコーディングで実装することができます。たとえば画像を扱うように簡単に動画、音声を扱うことができるんです。このスマートさ、いいですね~。それに、今まで画像を使うしかなかった丸角やグラデーション、オブジェクトの回転なども指定するだけで簡単に表現できます。「重くて落ちやすい」というスマホの弱点をフォローしています。
HTML5とCSS3はブラウザ対応が問題になっていますが(実装が終わるのが2022年)、スマホブラウザのHTML5対応は進んでいますし、HTML5 にはモバイルを意識した機能があるので、積極的に使われています。HTML5とCSS3はスマホのWeb制作の標準となってきているので、今から必須の技術となること間違いありません。

>>スマホサイトデザインから制作まで学べる東京デザインプレックスでWebデザイナーを目指す

              
そのほかにWEBデザイナーになるために必要な知識やスキル
参考になる本やサイト
クイックリファレンス

クイックリファレンス

CHECK!

HTML5+CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応

HTML5+CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応

CHECK!

実践テクニック HTML5スマートフォンWebアプリ制作

実践テクニック HTML5スマートフォンWebアプリ制作

CHECK!

スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応

スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応

CHECK!

PAGE TOP