レスポンシブデザイン
画面幅に合わせて、読みやすい並びへ組み替える設計です。
AIでサービスをつくる、非エンジニアのための実践ガイド
AI開発のTips
スマホ幅とキーボードで主要操作を確認する
見た目だけでなく、狭い画面とマウスなしでも目的へ進めるか確かめます。
危険度: 通常確認
今すぐ使う
今日から変えること
まず結論だけ持ち帰り、いまの作業に当てはめてください。
結論
主要な操作は、画面幅と入力方法が変わっても同じ目的を達成できるか見ます。
確かめる
実践する手順
上からひとつずつ進めます。全部を同時に変える必要はありません。
この順番で試す
- スマートフォン幅で文字切れと横スクロールを確認する
- 主要ボタンが押しやすく、順番どおり読めるか確認する
- Tabキーで主要操作へ移動する
- EnterまたはSpaceで操作でき、現在位置が見えるか確認する
注意すること
文字を小さくしたり画面全体のはみ出しを隠したりして、原因をごまかさないようにします。
理解する
次の作業へつなげる
同じ失敗を減らすため、関連する用語や工程とつなげて理解します。
こんなときに思い出す
- スマホでもボタンを押せるか確認したい