多くの方が,このフォーム2のほうが入力しやすかったのではないでしょうか。この二つのフォームの差は,「レイアウト」だけです。入力すべき項目は全く同じですが,並び方だけが異なります。さらに,フォーム1は改行などの処理をブラウザに任せっきりにしているので,内容に反した部分で改行が生じていると思います(ブラウザによって多少異なります)。 このフォームは,「顧客名/納品場所/請求先」の三つの情報群を骨格とする入力システムですが,住所などはほとんど変化のない情報の塊です。ところが,フォーム1ではそれに気がつきにくく,フォーム2ではテキスト・フィールドがそろって配置されているので予測しやすくなっています。 人間は,ある程度の情報を扱う場合,まずどれくらいの作業量が待っているのかを事前に知ろうとします。全体像を捉えようとするといっても良いでしょう。その場合に,レイアウトが見やすく成されていると,その予測作
![第9回 レイアウトという付加価値](https://cdn-ak-scissors.b.st-hatena.com/image/square/bed39b5962a5d552c95b6d796db8f55e72d32943/height=288;version=1;width=512/https%3A%2F%2Fxtech.nikkei.com%2Fimages%2Fn%2Fxtech%2F2020%2Fogp_nikkeixtech_hexagon.jpg%3F20220512)