MENU

DailyUI 001|振り返り

お久しぶりです。

最近の私はWebデザイナーへの転身を考えており、デザイン修行に明け暮れる日々です。

なぜ今からデザイナーに?といった理由はまた今度の機会にまとめて綴りたいと思います!

今回は、私がデザイン修行の一環として行っている「DailyUI」の振り返りを行います。

目次

DailyUIって?

アプリやサイトのUIを考える練習用のプログラムです。

下記サイトから登録を行うと、メルマガ形式で毎日1つUI作成のお題が送られてくるので、お題に沿って画面デザインを作成します。

ここから登録できます。

さすがに毎日作ることは難しくて、私はほぼWeeklyになっちゃってますが…とにかく数をこなしたい!という方にとってはもってこいの課題だと思います。

私はデザイナーの友人と毎週制作したものをレビューし合っていて、とても勉強になっております。

DailyUI 001:Sign Up

会員登録画面です。

今回はチャットツールの新規登録画面という設定で作りました。

参考にしたサイト

・Slack
・Chatwork
→入力が必要な項目は上記2サイトから拝借。

意識したポイント

・ビジネスシーンで使用する想定なので、ブルーでかっちりしたイメージ+新しいコミュニケーションツールとしての先進性を表現するグラデーションを使った。
・エラーを起こさずスムーズに入力できるよう、パスワードの文字数指定や入力例をガイドとして記載。
・Googleアカウントでも登録できたら早くて便利だなと思ったので、Googleアカウントからの登録ボタンを追加。

指摘を受けたポイント・反省点

・他のサイトを見ると、登録画面は登録に集中してもらうためハンバーグボタンやフッタリンクなどの他ページへの遷移ボタンはない場合が多い。
なので、ヘッダフッタは無くてもいい
・「または」の両端の線が、フォームの窓と横幅が揃うとスッキリする
・少しシンプルすぎるので、もう少し登録を促進するようなキャッチ文やイラストなどがあってもいいかも(直リンクでたどり着いた人には何の新規登録画面かわからない)

初めてのDailyUIで、勝手がわからずつい真面目に作りすぎました・・。
ただ、意外とシンプルな画面でも「いざ作ろうとするとたくさん考えなければいけないことがある」ということがわかりました。参考のため他サイトのUIをじっくりと見るのも勉強になりました。AdobeXD(デザインツール)を使用する練習にもなったと思います。

デザインについてはまだまだ。今回はあまりオリジナリティーが出せなかったので、今後は既存UIをなぞるだけのデザインを卒業したいです。

よかったらシェアしてね!

この記事を書いた人

コメント

コメントする

目次
閉じる