UIデザイン | Cocoda Daily UI(毎日のUI制作)

OVERVIEW

「Cocoda」というサービスで、毎日UI画面を作成する「Daily UI」にチャレンジしています。(継続中)

YEAR 2021

私のCocodaポートフォリオ:https://cocoda.design/mozz

サービスページ:https://cocoda.design/daily-cocoda/1/projects/1



「Cocoda Daily UI 」とは


「Cocoda」というのは、株式会社almaが運営するというデザイン学習サイトです。
デザイン学習者向けに企業とタッグを組んで実践的なお題を提案したり、デザインの基礎学習教材も提供しています。

その中の「Daily UI」は、1日1画面制作できるお題を、50日分提案してくれるサービスです。

【提示してくれるもの】

・制作する画面内容
・ターゲットのプロフィール
・情報項目の例


制作の際には下記のことに気を付けています。

  • できるだけ3時間以内に終わらせること
  • 制作前に、ターゲット設定やアプリの概要の整理、既存類似アプリの調査を欠かさないこと。そしてそれを記録すること。
  • 画面デザインだけでなく、UXをできる限り考え、サービスのイメージまでを決めること。


特に見ていただきたい作品


Dayil UI #14 「読書アプリのグラフ画面」

「積読しがちな20代男性」をターゲットに設計した読書アプリです。このアプリ上で電子書籍が読めるという設定。

毎日アプリを開きたくなることを狙って、「日々の小さな積み重ね(=ページ数の記録)」が分かるような読書記録画面を作りました。

反省点は、全体的に文字の大きさが小さめだったことです。


Daily UI #17 「家計簿アプリの支出記入画面」

共働き夫婦が、それぞれの財布を意識しながら一つの家計を管理できるアプリをイメージしています。そのため、支出記入画面には「入力者」を設定できる欄を加えています。

デザインシステムを参照して、大きさやコンポーネントを、理由を考えながら選択できたと思っている作品です。


Daily UI #006 「音楽アプリの再生画面」

ターゲットは、忙しい20代のOLです。歩きながらスマホを操作することが多いと考えられるため、片手親指で操作しやすいようなUIを考えて作りました。

また、流行りのデザイン「ニューモフィズム」を取り入れています。


その他、日々アウトプットを継続していますので、よろしければCocodaのポートフォリオを覗いていただけると幸いです。

Cocoda ポートフォリオ


WEBSITE