Daily UIデザイン　#037 欲しいものリスト

おはようございます。

Amazonの欲しいものリストが一向に減りません。どんどん増えています。

さて今日のお題はこちら。

私もWebデザインを勉強始めた時は、とにかくUdemyの教材をポチぽち欲しいものリストに入れていました。（結局Udemyはほとんど使わず）

今回の完成品はこちら。

コンセプト

●ペルソナ 
・プログラミング勉強中
・27歳
・転職希望
・始めたばかり
・Ruby on rails

●機能面
・レベルにあったカリキュラムがわかる
・スワイプで簡単管理

ユーザー課題の想像

・レベルにあったレッスンを知りたい
・整理したい
・ほしいものリストを溜めがち

※サイト側の課題購入になかなか結びつかない

使ったフォント・色

●フォント
Source Sans Pro
アドビの人がデザインしたフォント。なので使いやすい！
Google Fontにてダウンロードできます。　

●色
なんとなく、プログラミングって紫のイメージだったので。
イメージ先行で作るのではなく、リサーチした上で設定しないといけないですね、、、。

参考サイト・参考アプリ

Udemy、Schoo
Udemyは実際に使用したことがあるので、自分が使っていてほしいものリストをとにかく溜めてしまうので、それを解消できるようなデザインにしたかった（がそこまでできていないような）

制作にあたっての工夫点

・すでに購入済み、ほしいものリスト、アーカイブ済みと3つに分けた
・狭い枠の中でパッと見て、必要な情報を厳選して入れた（時間、言語、更新日、タイトル、講師名、レベル、金額、購入ボタン）
・購入ボタンを大きめに表示
・色別に役割を決めた（緑はビギナー、青は中級、紫グラデはカートボタンなど）

振り返ってみての改善点

・グレーと黒と白で構成していたが、全く色映えしなかったので付け足して行ったら、かなりカラフルな造りになってしまった。
・デザインが今までのものの転用などになってしまった。そろそろ変化を持たせたデザインをしなければと、、、。

制作時間2時間10分　構成20分　制作1時間50分

こんな感じのイラストもささっと描けたら、よりオリジナリティが出るんだろうな、、、。