DailyUI #080 日付ピッカー

1.DailyUI#080のお題

80日目のお題は「日付ピッカー」。
宿泊予約アプリの日付選択画面を制作しました。

2.ざっくりワイヤー

ざっくりワイヤー

3.制作したデザイン

制作したデザイン

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

• チェックイン日とチェックアウト日の表記を入れて確認しやすいように

• リセットボタンを押して選択のやり直しができる

• 今日の日付を線で囲んでわかるように

5.反省点

リセットボタンの位置が中途半端で、存在に気付きづらいかもと思いました。OKボタンのテキストと同じ高さにした方が分かりやすかったです。

6.おわりに

正しい日付を選択できているか確認できる、簡単に日付を変更できることを意識して制作しました。
画面を上下にスクロールすると前後の月に移動できる想定ですが、先の月に一気に移動できる仕様に出来たらもっと便利だったかなと思いました。