オザワです。
2012年1月28日、名古屋ミッドランドで開催されたスマホセミナーに参加してきました。
スマホに関する現状からコネタまで、具体的な演習を交えて勉強できたセミナーでした。
実作業で即、生かせそうなデザイン的なコネタをいくつかご紹介します。
- 【タッチできるパーツ、最小サイズで44px×44px】
一応の目安ですが、カーソルがあるわけではないので、リンクパーツはなるべく大きめに作成したほうがよさそうです。PCページのデザインばかりやっていると、案外見た目重視で小さめのパーツになりがちなので注意が必要です。
- 【コントラストを強めに】
スマホ端末は太陽光の下で閲覧することも少なくないので、コントラストははっきりめに作成した方がよい。
- 【1ページ内の画像の読み込みは最大15枚くらい】
スプライト(一枚画像)を使用することで回避もできるようですが、3G回線で閲覧するケースを考えるとやっぱり画像は控えめにした方がよさそうです。CSS3が使えるところには積極的に使用していった方がいいです。
- 【jQuery Mobileはカスタマイズの幅が狭い】
独自デザインにこだわる場合は初めから使用を見送ったほうが無難かもしれません。 が、簡単にある程度リッチなページにすることができるので、特性を考えてケースバイケースで使用すると効果的。
※jQuery Mobileアルファ版はXSSの脆弱性が見つかったので使用しないこと- 【インラインフレーム・スクロール固定配置は×】
正確には×ではなく、iOS5が対応しているので△くらいなんですが、やはり使用は控えたほうがよさそうです。スクロール固定配置はiOS5でも動作がいまいち不安定なんだとか。
他にもUI的な話とかSEO的な話とか、スマホの旬な話が聞けてよかったです。
今後スマホ案件は間違いなく増えていくと思うので、勉強になりました。
あとセミナー内では軽く触れるにとどまった電子書籍&ネイティブアプリなんかも気になる存在です。
ちょっとずつ勉強していきたいですね。
あとMacほしい。









