![見出し画像](https://assets.st-note.com/production/uploads/images/71139658/rectangle_large_type_2_c8bee2d9a5165bd496d65c2d8bb3b912.png?width=1200)
12月に作成したUIまとめ
デザイナーのasatoです。
今回は12月に個人的に作成したUIデザインをまとめてみようと思います。
今回デザインを作成するにあたって、Cocoda Training内にあるDaily Cocoda!のDaily UIというサービスを使用しました。
Cocoda Trainingとは、デザインのお題が掲載されているサービスです。
1つ目 お問い合わせ画面
*以下引用
ターゲット プログラミング勉強中の社会人
感想(振り返り)
お問い合わせは、何が必須の項目なのか明記することでどれを入力すればいいのかユーザーが瞬時に理解できるようにしました。
また、よくある質問を上の方に載せて、問い合わせる前に疑問を解消できるようにもしています。
お問い合わせはほとんどのサイトにあるものですが、入力欄の縦幅などの微調整によって入力のしやすさが変わってくるなと思います。
2つ目 料理アプリのレシピ画面
*以下引用
ターゲット 料理好きな女子大生
感想(振り返り)
時間やレシピへの評価があった方が作りやすさに繋がると思い、取り入れています。時間やレシピの材料など情報量が多いため、配置の仕方に悩みました。配置とは話がズレるのですが、動画や作り方の画像も載せて方が良いのかも...?と思いました。
3つ目 カレンダー画面
*以下引用
ターゲット 自律した自分を目指す女性
感想(振り返り)
予定を一目で把握できるようにしました。
予定の色がカラフルなのでその他はシンプルな黒色にしたのですが、こうやってみると色を変更できても良いのかな?と思いました。
4つ目 読書アプリのグラフ画面
*以下引用
ターゲット 積ん読しがちな20代会社員
感想(振り返り)
グラフで分かりやすく数を把握できるようにしています。
また、最近読んだ本を一目で分かるようにもしています。(本の書影は著作権的な面を考慮して真っ白にしています)
記録系のアプリは自分の行動の積み重ねがデータになって見られるようになるのでモチベーションに繋がるよね、と作成しながら思っていました。
5つ目 カメラアプリの撮影画面
*以下引用
ターゲット 最近写真撮影にハマり出した大学生
感想(振り返り)
写真撮影の段階ではシンプルな方が誤操作しづらくて良いなと思い、カメラの反転やフィルターなどの最低限の機能をいれています。
シンプルなものこそ余白が目立つので、余白の使い方が難しいなと感じます。
さいごに
今回もUIを作成してみました。
複雑な要件のものもチラホラあってどう設計しようか考えながら作成するのが楽しいです。
次回も投稿するのでよろしくお願いします🌸
この記事が気に入ったらサポートをしてみませんか?