モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集

2章フォーム

パターン

Sign In、Registration、Registration with Personalization、Multi-Step、Checkout、Calculator Form、Search Form、Long Form

　

ほとんどのWebアプリは、データの入力や設定のためにフォームを多用しています。効果的なフォームをデザインするための研究成果や指針は多数ありますが、今もなおWeb上のいたるところにひどいフォームが設置されています（図2-1）。我々はやむなくこれらのフォームを使い、ユーザーアカウントを登録したり商品を購入したり、何かに応募したりアンケートに回答したりしているのです。

図2-1　Windows Phoneでの、American Airlinesのフライト予約フォーム。ひどいデザインである

このようなフォームはうまく機能することもありますが、そうでないこともあります。ユーザーがフォームの入力や送信に失敗し、利用をあきらめてしまう「フォーム放棄」は多大な損失をもたらすとても深刻な問題です。しかも、モバイルでのフォームにはデスクトップ向けのフォームよりも大幅に厳しい制約が伴います。画面が小さく入力方法も限られているデバイス上でのフォームでは、誤ったデザインを避けるのがきわめて難しいこともあります。 ...