DailyUI #082 フォーム

1.DailyUI#082のお題

82日目のお題は「フォーム」。
マッサージ店の予約フォームを制作しました。

2.ざっくりワイヤー

ざっくりワイヤー

3.制作したデザイン

制作したデザイン

4.デザインする上で考えたこと

・メニュー選択→日時選択→確認→完了の流れで進ことがわかるよう、プログレスインジケーターを入れる
・近い日にちを選びたい場合と、少し先の予約をしたい場合があるのでカレンダーアイコンを入れる
・選択した日の予約可能な時間帯がわかりやすいよう、1時間ごとに列を分けてボールド表示に
・予約に必要な最低限の情報のみを入力してもらうことでユーザーの離脱を防ぐ

5.反省点

カレンダーと日付を選択する部分の余白をもっと広く設けないと押しづらいことに気づきました。

6.おわりに

お店の予約をするときに、希望の時間帯を選択して確定を押した後に”空きがありません”と表示されてストレスに感じたことがありました。あらかじめ予約できる時間帯のみを表示してくれるとありがたいなと思った記憶があるので今回のデザインに反映させました。