Daily UI #001 Sign Up

ものはためしということで。
早速 #Daily_UI 1つめのお題をやってみました。

#001 Sign Up
いわゆる「新規登録画面」にあたるようです。

サービスの設定

とある映画のティザーサイトをイメージしました。
公開情報がまだサイトにないため、最新情報をメールマガジンで提供するサービスです。

目的

メイン：メールアドレスを登録してもらう
サブ：ティザーサイトを他SNSでシェアしてもらう

UIの内容

今回はスマートフォン向けUIを作成。
主に下記の点に注意しました。

・操作できる箇所・できない箇所の差別化
（操作できない時はグレーにする・テキストリンクは下線をひくなど）
・一番操作させたい箇所を一番強い色にした

UIの実際の動きはこちら
https://youtu.be/GzVHhn71APs

作業について

・使用ソフト：Adobe XD
・作業時間：2時間
　・情報収集・構成：30分
　・XDでの作業：1時間
　・動画作成：5分
　・note作成：10分←今ここ！

反省点

▼デザインについて
・余白やフォームの大きさに根拠を持たせたい。
・映画のティザーサイトの「わくわく感」が表現しきれなかった。
　とはいえXDはデザインではなくプロトタイピングツールなので妥協点が難しい。。

▼作業フローについて
・仕事が始まってから毎日2時間は時間取れないので、1時間で作業工程全部終わらせたい。1時間ならなんとかなるはず…。
・他の人のnote見てみたらいわゆる「自分ルール」を設けていたので、作業時間もろもろはルール化した方が良さそう。