こんにちは。MYBtです。UXとUIを行ったり来たりしているデザイナーです。

webやアプリのUIデザインを初めて４年目になりました。
ここ半年ほどはUX中心にひとつのプロダクトのデザインやUXリサーチにコミットする日々だったので、UIデザインを色んなトンマナで作る機会があまりありませんでした。
最近は少し時間ができ、Daily UIとCocoda!をそれぞれ3〜4個ずつやっていたので特徴を比較してみました。

どっちをやればいいかイマイチわからないデザイン学生さんや駆け出しのUIデザイナーさん、事業会社に所属していて最近デザインのバリエーションが少ないな～と思ってる方の参考になれば幸いです。

Daily UI と Daily Cocoda!って何？

一日一つUIデザインのお題が提示されて毎日こなしていくというデザインの練習です。

Daily UI
　https://www.dailyui.co/
　Daily UIはこちらのwebサイトにメールアドレスを登録すると、毎日UIデザインのお題が一つメールで送られてきます。
Cocoda!
　https://cocoda-design.com/top
　Daily Cocoda!も毎日1つお題が出ます。一見Daily UIと似ているのですが、ターゲット/コンセプト/雰囲気/参考サービスも提示してくれます。また、Daily Cocoda!とは別に初心者向けの講座やサービス設計版のお題もあります。

詳しいやり方や事例について説明されているnoteがたくさんあるので調べてみてください。

▼Daily UI
https://note.mu/mitsuya0/n/ncd70293da2d0
https://note.mu/haiji505/n/n4c58da2f6154

▼Cocoda!
https://note.mu/design_school/n/n682e56761c42
https://note.mu/_ayumi/n/nb4dcbbaeb681

実際にやってみた〜Daily UI〜

#001 Sign UP

#004 Calculator

Daily UIはお題のみなので、自分でコンセプトを設定してから作る必要があります。また、dribbbleなどでDaily UIを検索すると、かなりグラフィックデザイン重視な手練のデザインが多いです。国内外含めてハイクオリティなものが多いと思います。インタラクティブなアニメーションまでついているものも多々あります。

私は４つほどやってみて自分が得意とするデザインを作りがちでした。仕事後の時間が無いときにやっていたので完全に手癖が出ています…。
とはいえ、自分の得意ジャンルを知ってそれを伸ばし、端末サイズに落とし込めるようになれば武器になってとても良いことですし、好きなデザインは作っていてテンションが上がるのでアニメーションまでつけることもあります。

実際にやってみた〜Daily Cocoda!〜

Daily Cocoda!ではお題に加えてコンセプトが設定されている分、ターゲットに沿ったトンマナを検討することができました。
自分の得意ジャンルじゃないところではPinterestで参考にしたいトンマナをベンチマークしてから作るとやりやすいし勉強になります。
デザイン初心者の方の作品も多くほとんどが国内ユーザーのため、クオリティ面やバリエーション面ではDaily UIに比べると下がりますが、コンセプトに対してどう考えてアウトプットしたのかも記述されている投稿も多くて読んでいて学びがあります。
ちなみにCocoda!はコンセプト提示をしてくれるのでDaily UIよりも時短できました。

↑の私が作ったもの：　Cocoda! 01　Cocoda! 02

比較結果と感想

２つを並べてみたのですが、アウトプットに明確に違いが出ました。
Daily UIはトレンディなビジュアルや表現の面白さ、Cocoda!ではデザインの意図を踏まえたUI制作ができました。

デザイン初心者の方は、コンセプト提示もしてくれるCocoda!から初めてみるといいのではないでしょうか。慣れてきたり、自分でテーマ設定したくなったりしたらDaily UIをやるとか。特に学生さんは就活のポートフォリオでこういう物量が出せたらめちゃめちゃ強いですよね。
全くUIをやったことのない方は、既存サービスのUIトレースから始めるとUIデザインがどういう構造やサイズ感で作られているのか理解できるのでおすすめです。

UIデザイナーだとしてもサービスの世界観を端末上で表現する力はないといけないですし、最近の端末OSのレギュレーションを踏まえたデザインを提案しなくてはいけないので、若いうちはとにかく手を動かして物量をこなすのは大切ですよね。

また、社内や知人のデザイナーにレビューしてもらえる環境があるとなお良いと思います。私は職場のSlackに投げて感想やレビューをいただいてましたが、プロからのレビューは非常に勉強になりますしモチベーションに繋がりました。

ネクストステップ

UIデザインの練習について書いてみましたが、個人的には仕事でガッツリUXをやっているのでCocoda!以上のUXを考えてからUIデザインを作るのが一番デザインの設計力がつくと思っています。

最近はもっとUXから考えることができるUX+UIチャレンジという練習をやってみているので、また感想を書きたいと思います。

それでもって、Daily系も自分のデザインの幅が広げられるので、いい感じにバランスを取って練習していきたいです。（時間と体力無限に欲しい！）
またデザインが溜まったらまとめ記事など書く予定なので、見ていただけると嬉しいです！

TwitterでもDaily UIなどUPしてますのでぜひ🐦