CSS Nite redux, Vol.3 「じっくり学ぶ、iPhoneサイト制作のキホン」勉強メモ
-
- いいね！6
ちゃこちゃん。
@chaco
Androidは画面サイズがバラバラ。カーソルはあったりなかったり。キーボードもあったりなかったり。縦にならなかったり、横にならなかったり。バージョンによって仕様もバラバラ。#cssnite_redux3
2011-02-17 14:29:35
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「自分用メモ＞ iOS Development Guide: Using iOS Simulator http://bit.ly/gMF3lv 」
2011-02-17 14:29:57
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「サイトへの入り口設計＞URLの直打ち（ほとんど期待できない）、QRコード（撮影するアプリはあるが標準装備ではない）、検索（これが一番考えられる。特にGoogle）」
2011-02-17 14:33:03
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「iPhone SafariでGoogle検索すると、基本的にはPCで検索した時と結果は一緒と思われる。ただし、アドワーズ広告が表示される数が減るので、そこからの流入は期待できにくい。」
2011-02-17 14:36:15
ちゃこちゃん。
@chaco
ゴール設計 PCの場合はお問い合わせフォームと言うことが多い。スマフォは普通にフォームが出てくると挫折しがち。#cssnite_redux3
2011-02-17 14:38:36
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「iPhoneサイトのゴール設計＞（操作が煩雑なので）フォームでのお申し込みをゴールにするのは、難しいのでは？iPhoneはlabel要素での指定が効かないので、チェックボックスなどは、きっちりその上をクリックしないとチェックできない」
2011-02-17 14:38:51
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「ひとつ目のゴールとしてとても有効なのは『電話』。iPhoneは電話なので、そのまま電話してもらう。そして地図の表示（Googleマップにて）。参考サイトは『タウンノート』」
2011-02-17 14:40:44
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「ちなみにシミュレータでは地図はSafari内で表示され、実機ではGoogleマップのアプリに切り替わる」
2011-02-17 14:41:49
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「あとは、Twitterでつぶやいてもらったり、URLをメールで知らせて残りの作業はPCサイトでやってもらうとか。また、サイトをホーム画面に追加してもらい、何回も訪問してもらうのも有効（例：mixi）。」
2011-02-17 14:43:30
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「設計時のポイント＞階層は浅く、1ページは長く。（リンクで移動する時に電波が切れている場合があるので、ページ内リンクを活用する。）」
2011-02-17 14:44:43
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「iPhoneを縦で見る時（ポートレート表示）のファーストビューは356px、横で見る時（ランドスケープ表示）は210pxぐらい。」
2011-02-17 14:46:31
crema𝕏（黒野明子）
@crema
#cssnite_redux3 「iPhoneサイトのワイヤーフレーム作成は、 Cacooを利用。iPhone用のステンシルが用意されているので便利。」
2011-02-17 14:49:21