見出し画像

Daily UIデザイン #040 日程調整App

おはようございます。

日本から離れているので、こういった類のアプリは全然私の中ではアップデートされておらず、今回知る機会にもなって本当に良かったです。

メキシコ人と集まる、となると例え会社の飲み会などであっても基本的に適当ですからね、、、。メキシコでは通用しないビジネスモデルだと、改めてわかりました。(笑)

今日のお題はこちら。

スクリーンショット 2020-09-18 7.54.55

3年前、日本にいたことを思い出して、スタートしましょう。


完成品はこちら。

画像2

こういうビジネス調な配色、嫌いじゃないです。


コンセプト

●ペルソナ 
・幹事
・会社員
・頼り甲斐がある
・責任感が強い
・遅刻厳禁!
・大人数をまとめる

●機能面
・提案日時、場所の確認
・複数の日時の提案ができる
・回答締め切り日の設定ができる


ユーザー課題の想像

・同じ日で時間だけをズラして設定したい
・締め切りまでに回答してくれないことが多い
・回答リマインダーとかしてくれたらな


使ったフォント・色

スクリーンショット 2020-09-18 8.00.05

●フォント
TT Commons
こちらも超使いやすいフォントの一つです。24種類もあるので、同じフォント内でバリエーションを効かせることができます。

●色
完全にGoogle Calenderのような色合い。普段使ってるのと、ビジネスライクで無難な色って白とブルーですよね。今回のターゲットのイメージが几帳面な雰囲気だったので、この配色に決定しました。

イラストでゆる感を出してます。

参考アプリ・参考サイト

Google Calender
グーグルカレンダーの構造を模写しつつ完成させました。


制作にあたっての工夫点

・Date Pickerを使って、直感的に日付と時間が設定できるようにした
・ページ遷移も日付を選択したら自動的に時間の選択ができるようにPrototypeを作った
・青は完了ボタン、赤は続くボタンで分けた
・回答締め切りがあったらいいなと思い、回答締切日設定機能をつけた
・入力が完了したらCreate Linkのボタンの色が濃くなる


振り返ってみての改善点

・パッと見、字が多い印象
・ちょくちょく英語の誤字がある、、、
・Material Designに則っていない箇所がちらほら。

制作時間 1時間45分 構成20分 制作1時間25分

画像4

画像5

画像6


この記事が気に入ったらサポートをしてみませんか?