『ケータイサイト解体新書』刊行記念トークイベント
ケータイサイトの基本。こういうの、もっと早く聞きたかったー。 (#kaitai live at http://ustre.am/94u2 )
2010-07-27 18:55:08cazuki「ポイント3.キャッシュ容量 ケータイサイトには1ページにつき容量制限があり、データ容量が制限を越えると表示できなくなる。キャッシュ容量はブラウザのバージョンのよって異なるが、現在は100KBが主流。データ容量が多くなる場合は分割させよう。」 #kaitai
2010-07-27 18:55:12それやりました。5年前とかだったら、そうでした。RT @chocolat_J 携帯サイトのキャッシュ容量について:はじめ、私も悩みました~、もう5年以上前ですが。画像の変換は、圧縮最適化ASPを使って (#kaitai live at http://ustre.am/94u2 )
2010-07-27 18:55:52cazuki「ポイント5.絵文字 各キャリアで異なる。docomoは外字扱い。au、SoftBankは画像扱い。入力方法はバイナリコードか、Unicode。」 #kaitai
2010-07-27 18:57:14cazuki「ポイント6.振り分け。3キャリア別にページを振り分ける。基本的にはUserAgentで。PHP、Perl、.htaccess などを使う。」 #kaitai
2010-07-27 18:58:06CSSはドコモ要注意。あとは絵文字変換プログラムなどを利用する。サイトの振り分けの事。ここから先デザインの話にすすみます。 (#kaitai live at http://ustre.am/94u2 )
2010-07-27 18:58:12cazuki「デザインは重要。ケータイサイトの多くは特定のジャンルに特化したものが多く。総合サイト、ポータル的なものが少ない。ケータイサイトは画面が小さいので、印象に残りやすくすることがポイント。」 #kaitai
2010-07-27 18:59:11cazuki「ケータイサイトのデザインの基本はPCサイトと同じ。PCサイト以上に重要なポイントはファーストビュー。サイトの第一印象を決める要素であり、雑誌の表紙のようなもの。また、画面サイズが小さいので意思決定までの時間が短い。」 #kaitai
2010-07-27 19:00:31cazuki「レイアウトは上から下。横方向に分割。背景色は印象の半分以上を締める。ケータイサイトは画像を多用するとユーザーのストレスが強くなるため、テキストの割合が多くなる。そのため背景色によってイメージが大きく左右される。サイトのコンセプトにあった背景色を。」 #kaitai
2010-07-27 19:01:58改行が多いと読みづらくなってしまう。わかりやすく短く書く。 (#kaitai live at http://ustre.am/94u2 )
2010-07-27 19:02:46cazuki「テキストをデザインとして考える。長いテキストを1行に収めるように。罫線文字を活用する。marquee や blink という効果もまだケータイサイトでは有効。」 #kaitai
2010-07-27 19:03:05えふしん「モバツイを開発したのは2007年の3月か4月ごろ。百式の田口さん( @taguchi )が使い始めたという記事を書かれたりした、第1次ブームのころ。そのころ自分はツイッターをせずに、モバツイを作っていた。」 #kaitai
2010-07-27 19:06:32第二部、モバツイの@fshin2000さんとケータイサイト解体新書 の@cazuki さんの対談、始まった、なう。 (#kaitai live at http://ustre.am/94u2 )
2010-07-27 19:06:43えふしん「モバツイッターを作った。MOVA。Movabletype見たいな感じ。BAじゃない。」 cazuki「そこはこだわりなんですね。」 #kaitai
2010-07-27 19:07:54cazuki「去年の秋ごろにデザインを変えたいという話がきた。変える前のデザインは初期のケータイサイトっぽい感じだった。」 えふしん「私は開発者なので・・・」 #kaitai
2010-07-27 19:09:51