■タッチデバイス時代のWebデザイン考

ボタンやリンクは大きく

タッチデバイスの基本。

余白も大きく

ダブルタップやスクロール時の指の置き場所が必要。

カラム分けをしっかりとする

ダブルタップによる拡大を意識する。

スケール100%で読めなくても拡大すればいい。

ページの幅は固定

これからはフルスクリーンアプリが基本。

リキッドデザインでユーザーに調節を任せればいいや、と考えてはいけない。

フォーム入力でajaxで動的変化とかは禁止

スマホだとフォーム入力時にはそこがクローズアップされるので、

コンテンツを動的に変化させても見えない。

position:fixed + width:100%禁止

拡大したときに表示がおかしくなる。

Permalink | 記事への反応(0) | 11:47

ツイートシェア