Webデザイン超初心者の私が1ヶ月でできるようになったこと

はじめまして。
この記事が初noteになります。

今回このnoteでは、Webデザイン超初心者の私が1ヶ月間Cocoda!+でデザインの勉強に専念して学んだことについて残そうと思い投稿しました。
（Cocoda!+とは、Cocoda!運営の方がはじめられた、「1対1のデザイン学習メンタリングサービス」です。）

1. Cocoda!+を始める前のレベル

これです。この左の画面がCocoda!+を始める直前のものです。
本当に恥ずかしいのですが、今は少なからず進歩はしているので思い切って出してみました！

この時の私はiPhoneアプリを作る時のルールも何も知らず、できることといえば簡単なAdobeXDの操作のみでした。
そして、まだまだインプットを増やさなければ！と読書を中心に勉強をしていました。

毎日続けていれば上手くなるかな？という気持ちだけで勉強して、制作して、出来栄えの良くない仕上がりのものを見てがっかりするという、学習へのモチベーションの維持が難しい状態でした。

2. 1ヶ月間でやったこと

-AppleのHuman Interface Guidelinesを読む
-GoogleのMaterial Guidelinesを読む
-UIトレース
-Cocoda!のコンテンツに挑戦
-読書
-Twitterからの情報収集

UIトレースやコンテンツに挑戦している時、わからない所はググって色々な記事を読んでいました。
また、TwitterではWebデザインの方をたくさんフォローした事で今まで見つけられなかった良い記事をたくさん見つけることができました！！

そして、この一ヶ月で一番大事だと思ったこと、伸びるポイントになったことはガイドラインを読むことです。そして、ガイドラインがどのようにUIに反映されているかを見るようにした点が成長のポイントになりました。

3. 1ヶ月間でできるようになったこと

Cocoda!+開始から3週間後の私は、Cocoda!のコンテンツにある「モバイル名刺交換アプリを作って！」に挑戦していました。
実はこのお題はCocoda!+参加前にも挑戦したのですが、3日間考えても全く画面が作れませんでした。
でも今回は、コンセプトを考える所から、調査、ユーザー設定、課題と解決策を考える、機能の洗い出し・絞り込み、画面遷移図、紙上で画面デザイン、プロトタイプ制作までを6日間で完走しました！！
プロの方からすれば時間がかかり過ぎですが、まずはプロトタイプまでを作れた事がとても嬉しかったです！！

そしてこの下記のリンクがAdobeXDで作成したプロトタイプです。
「Recruit Bag」プロトタイプ
（画面のボタンなどをクリックをすると画面が遷移します。）

4. まとめ

この1ヶ月で独学で勉強していた時に比べ、自分で考えたことを何とか形にすることができるようになりました！！
でも、まだまだ抜けている所も多いです。
デザインの知識、経験、全てにおいて不足しています。
でも以前とは違い、次はこうしよう！と改善点を見つける事ができるようになりました。そして、

-もっとUIデザインがしたい
-UIを数値から評価・改善できるようになりたい
-Webのデザインもできるようになりたい
-マイクロインタラクションのことも勉強したい

とたくさんのやりたい事が出てきました。
これからもどんどん知識を吸収して、アウトプットをして自分の成長を発信したいと思います。

最後に、Cocoda!+で私のメンターをして下さった方、Cocoda!運営の方々に本当に感謝しています。ありがとうございました！！