デザイン鍛錬9
今日もDaily CocodaでUI/UXの練習をしています。
過去分はこちらのマガジンでまとめていますので、ご覧ください。
デザインお題
1. デザインを検討する上でのポイント
今回は#002のレッスンをベースに、ということですので、
新規登録画面も一緒に作ります。
#002のレッスン内容は 、下記の通りです。
ポイント
・おしゃれな大学生→かっこいい雰囲気に仕上げる
・SNSのように、ユーザーが互いにシェアできるような環境
→既存のSNS（Twitter, Instagram）のアカウントと連携できるようにする
参考サイト
・Spotify
使用ツール
Adobe Xd
2. 骨格を決める
テーマカラーは、Cocodaのイエローとかっこよさを表せる、黒と白をベースにしました。
UXとしては、ログインに必要なSNSアカウント（連携している場合）をトップに配置、emailで登録しているユーザー向けのフォームでログインできるようにしました。
アカウントを持っておらずログイン画面にきてしまったユーザーのために、下部で新規登録画面に誘導させます。
3. 詳細情報をデザイン
パスワードが違っていた場合など、エラーになった場合も含めこんなデザインに仕上げました。
もしパスワードを誤ってしまった場合の画面はこちら。
このサービスがSNSアカウントでの連携を勧めているので、パスワードを忘れた場合のフォローと並行してアカウントでの登録を促します。
ちなみに、#002の場合（新規登録画面）のデザインはこのようにしました。
4. 反省点・議論点
・ロゴについて検討できたらしたいなと思います。
読んで下さった皆様の背中を押せるようなコンテンツを発信し続けます。ありがとうございます。