iPhone Duo対応でレスポンシブ設計を見直す。端末ではなく「available space」でレイアウトを決める
iPhone Duoでは、閉じた外画面、開いた内画面、Split ViewでSafariに与えられる領域が変わる。Duo上のWeb表示、確定している解像度、検証方法を確認し、deviceではなくavailable spaceを基準にしたレスポンシブ設計を考える。
iPhone Duoでは、閉じた外画面、開いた内画面、Split ViewでSafariに与えられる領域が変わる。Duo上のWeb表示、確定している解像度、検証方法を確認し、deviceではなくavailable spaceを基準にしたレスポンシブ設計を考える。
アコーディオンや「続きを読む」は、画面が狭いから使うものではありません。Progressive Disclosure、操作コスト、中断後の再開コストから、情報を隠すべき場面と見せたままにする場面を考えます。