単一のウェブページの装飾やレイアウトを、画面の横幅サイズにあわせて変化させる「レスポンシブ・ウェブデザイン」。 管理するファイルがひとつで済む、どんなデバイスにも対応できる等大きなメリットがありますが、同じコンテンツをどんなデバイスサイズでも快適に閲覧できるようにデザインするのは至難の業です。 とくにユーザビリティが重要な役割を担う入力フォームにおいては、どのような工夫をしたら良いのでしょうか。 本日の記事では、レスポンシブ・ウェブデザインのフォームを設計するときに気をつけるべきポイントについて考えてみたいと思います。 ※今回は新たにフォームを設計する前提で書いていきますが、もちろん、すでにお持ちのフォームを改善する場合でも活用していただければ幸いです。 ステップ1: 独自レイアウトを用意する EFOのテクニックのひとつに、フォーム専用のレイアウトを用意するというものがあります。 これはフ
![レスポンシブデザインのフォームを設計するときに気をつけたい7つのステップ | UI改善ブログ by f-tra](https://cdn-ak-scissors.b.st-hatena.com/image/square/feec9d3f109e68570cfcf31dd763ca5addcb05e0/height=288;version=1;width=512/https%3A%2F%2Ff-tra.com%2Fja%2Fblog%2Fwp-content%2Fuploads%2F2015%2F01%2Fmain1.png)