Device 向けページ作成の肝
Dev.Opera に Making Small Devices Look Great という記事が公開されている。1 ページ目の Quick Tips(要点)だけ、勝手に訳しておく。
コードを書く
- 簡潔で効率的なマークアップを心掛ける
- フレームは避ける
- ポップアップは避ける
- 独占的商用規格は避け、代替手段を用意する
- 画像には height と width を指定する
- 画像には代替テキストを用いる
- JavaScript や動きのある効果には代替手段を用意する
テスト
- デスクトップ版 Opera のスモール・スクリーン表示でチェックする
- 画像をオフにしても伝わるか
- JavaScript をオフにして使えるか
- マウスなしで使えるか
小さな画面でのデザイン
- 文書の順番に配慮する
- 小さな画面でも最大の可読性を確保する
- 小さな画面に適した画像だけを用い、他は隠す
- 色、フォントの大きさ、配置に心を配る
一度やってみたかった Digg.com への submit。3 人が dugg ってくれた。
http://digg.com/design/Making_Small_Devices_Look_Great