中野Tweetウェブサイトのフォームで色々入力する際、「日付入力」でイラッとすることありませんか?UXの世界で有名なニールセン・ノーマン・グループが、先日「日付入力フォームのガイドライン」を掲載していました(記事URLは末尾に)。チェックしてみました。以下4つのポイントについてです。カレンダーピッカーは現在に近い(少なくとも1年以内の)日付を選択させる場合に使おうまずは1年以内の日付を選択するような項目でカレンダーピッカーを使う、という判断が大切ですね。A-Formには「カレンダー」パーツがあり、このパーツでは初期値を「本日」などに設定できるので、入力しやすくできますね。年/月/日と区切られた入力欄はユーザーに負担を強いるので使うべきではないこれに従うなら、A-Formでは日付入力は「テキスト」パーツ一つにすべきでしょう。「テキスト」パーツや「ドロップダウンリスト」パーツを3つ組み合わせてCSSで横並びにすれば年/月/日が分割された入力欄を作ることができますが、無理にそうしない方がいいでしょう。受け付ける書式を狭めるべきではない。制限をかけるなら凡例を示しておこう受け付ける書式を狭めるとは、「9月」を入力する際に「09」はいいが「9」はダメとしたり、「2017/12/31」はいいが「2017-12-31」はエラーとするなどを意味します。「テキスト」パーツで入力欄を作り、「半角英数記号のみ」のバリデーションを無効にしておく(チェックを外しておく)ことで実現できますね。誕生日で200年以上前や未来を指定できたり、不要な日付(範囲)は外しておくべき「カレンダー」パーツで、選択可能範囲や選択除外日をきちんと設定しておけばいいですね。いうわけで、これらのポイントについてA-Formで作成するフォームはクリアできそうです。ユーザーをイライラさせないフォームはサイト構築の基本ですので、ぜひ気をつけてみてください。Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。プロフェッショナル・スタイルビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。(技術評論社)を、中野・安藤が執筆しました。