ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。
不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。
- フォームは正しく入力できるように、可能な限り簡潔に。
- フォームには、必要なインフォーメーションを含める。
- タイトル：なんのためのフォームか
- フォームのヘルプ
- キャンセル(中止)の選択肢
- 入力すべき項目は、多くしない。
- 重複する入力項目は設置しない。
- フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。
- 長いフォームは紛らわしいので、分ける。
- タスクごとに分ける
- それぞれのページごとにチェックをし修正することは容易
- 質問は論理的に
- 前のステップには簡単に戻れるように
- 訂正は簡単にできるように
- 入力することが簡単なフォームに。
- フォームのレイアウト
テキスト、誤字脱字、表記統一、アクセシビリティ - ラベルと入力欄のレイアウトは、水平・垂直に
- フォームは１つのカラム内に、２つ以上のカラムにすると見落とす
- スペルチェックは忘れずに
- フォームのレイアウト
- 入力データのチェックレベルは、３つ。
- 適切な情報かどうか
- 記入かあるかどうか
- なしでも可
- 入力欄のサイン
- 必須の項目には「必須」を明記(できれば理由も)
- 入力欄に赤色は使用しない(赤はエラーのサイン)
- 必要な箇所とオプションの箇所ではフォームを分割する
- シンボルを使用する場合は、説明を忘れずに
- 適切なエラーメッセージを表示する。
技術的なメッセージなどではなく、何がダメでどうすれば解決するかを提示 - テキストフィールドとドロップダウン(セレクト)には注意。
- テキストフィールドには、ラベルを貼る
- ドロップダウンは他の形式で可能か検討
- テキストフィールドには、充分なスペースを確保
- 入力欄には、記述例を明記する
- フォームはリリースする前に、ユーザーテストを行う。
ゴールを設定し、達成できるかを確認
問題があった場合は、徹底的に検証
Post on:2008年1月10日
Comments
tee
on 2008年1月10日
いつも読んでいます。
3. 入力すべきの項目をたくさん使うことを避ける
→ 必須項目はほどほどに。
みたいな感じでしょうか？
コリス
on 2008年1月10日
> tee さん
ありがとうございます。
参考にして、3を和文にしました。
ほし
on 2008年1月11日
はじめまして。はてなブックマークから来ました。
5. フォームのリリース後しばらくしたら、情報の利用状況について監査し、収集した情報が実際に使われているかどうか調べるとよいだろう。使われない情報をそれ以上集めるべきではない。
でしょうか。
秋元
on 2008年1月11日
4.は、「リリースの一定後に、フォームで集めたデータが実際に使われているかチェックして、使ってないのなら集めないようにする」かなと思いました。
bottleneck
on 2008年1月11日
参考になりました。ありがとうございます。5については
フォームのリリース後しばらくしたら、その情報が今まで本当に利用されたのか「情報利用監査」をしてみるとよい。もし利用されていないと分かったら、その情報はこれ以上収集されるべきではない。
という感じでどうでしょうか。
コリス
on 2008年1月11日
> ほし さん、秋元 さん、bottleneck さん
ありがとうございます。
皆様のを参考にして、5を和文にしました。