on:2011年10月12日sponsorsユーザーが使いやすいフォームを設計するのに役立つチップスをまとめたチートシートを紹介します。Omnigraffle形式で配付されており、内容を簡単に紹介します。fieldフォームのラベルは入力フィールドの左側に配置し、すぐに理解できるようシンプルな文言にします。Buttonsボタンはプライマリとサポートの2種類用意し、プライマリボタンはより目立つよう大きくて異なるデザインのものにします。fields任意入力の箇所でよく利用される「*」印は、全てのユーザーに理解されるサインではありません。可能であれば、はっきりと任意であることを明記します。text入力をサポートするテキストは、ユーザー目線で分かりやすい文章にします。textアドバイスするテキストは、複雑なものをアドバイスするためのものです。可能であれば、フォーマットが分かる入力例を掲載するとよいでしょう。fields日付を入力する場合は、セレクトボックスだけでなくカレンダーなどがあるとより入力しやすくなります。validation入力エラーは可能であれば、そのフィールドをフォーカスするように目立たせて、何がどのようにエラーなのかを明示します。look-up郵便番号は住所の一部を特定できるので、それを自動で表示します。examplesレイアウトは関連したフィールドをグループ化することで、より容易に入力できるようになります。handling送信後のエラーは、エラー項目のそれぞれにページ内リンクをつけると、スクリーンリーダーのユーザーにより大きいアクセシビリティを提供できます。values必要があれば、通貨は異なる単位でも受け付けるオプションを用意します。strengthパスワードを設定する場合は、可能であればその強度も明示するとよいでしょう。email/phone多くのユーザーはメールや電話など複数の連絡先をもっています。複数の連絡先入力欄を設け、プライマリを選択できるようにします。