![見出し画像](https://assets.st-note.com/production/uploads/images/68681605/rectangle_large_type_2_6b7eff8d001801cfaeb55ff171ac526f.png?width=1200)
11月に作成したUIまとめ
デザイナーのasatoです。
今回は11月に個人的に作成したUIデザインをまとめてみようと思います。
今回デザインを作成するにあたって、以下のサービスを使用しました。
Daily Cocoda!のDaily UIです。
Daily Cocoda!とは、デザインのお題が掲載されているサービスです。
1つ目 音楽アプリの再生画面
*以下引用
ターゲット 音楽好きな、OLの女性
忙しくて、じっくり音楽を選ぶ時間がない…
感想(振り返り)
音楽アプリの再生画面ということで、機能も多いため画面自体はシンプルに作成しました。
再生ボタンは大きめにしたり、音量や再生時間をスライドで移動できるようにしたり操作のしやすさを意識しています。また、シャッフル機能をつけて忙しくても色々な曲を聴けるようにしています。
機能が多いため、どの優先順位でどう配置したら良いのかの設計に悩みました。他の音楽アプリなどを参考にしつつ、今の形に落ち着きました。
2つ目 デリバリーアプリのリスト画面
*以下引用
ターゲット 都内に住む会社員
食べたいものをさくっと見つけて注文したい
感想(振り返り)
トップ画面から、色々なカテゴリーのお店を探せるようにしました。
あとは、配達時間や評価を大きくしたり、囲ったりして目立たせています。
自分自身、よくデリバリーアプリを使用するのですが、トップからいろんなカテゴリーに飛べたら便利だよなぁと思っていたので今回そうしてみました。
3つ目 計算機アプリの計算画面
*以下引用
ターゲット 家計簿をつけ始めたい30代主婦
家計簿を書くのが楽になる電卓が欲しいわ
感想(振り返り)
計算=青のスタイリッシュなイメージが合ったので、そのような配色にしてみました。一つ一つのボタンが大きい方が操作しやすいと思ったのでそうしています。
そういえばつい最近、計算結果の数字を長押しするとコピーできることを初めて知りました。
4つ目 天気情報画面
*以下引用
ターゲット 20代半ばのビジネスマン
出勤前にさくっと天気を確認したい!
感想(振り返り)
パッと見で今いる場所の天気・気温が分かるようにしています。
また、時間や日にちで見られるようにもしています。
今見てみて思ったのが、少し文字情報が多いな...と思いました。
情報の優先度をつけて強弱をつける必要がもう少しあるかな?と感じます。
5つ目 地図アプリの行き先検索画面
*以下引用
ターゲット スマホを買ってもらいたての中学生
簡単に使える地図アプリが欲しい!
感想(振り返り)
現在地がすぐ分かるように目立たせています。
また、なんとなく行きたい場所がある時用に、周辺のスポットから検索できる機能もつけています。
全体的に白っぽくてメリハリがないので、現在地に戻るアイコンや検索できるヘッダー部分の色を変えてみたりしても良かったなと思います!
さいごに
今回もUIを作成してみました。
図らずも5つ中3つの作品が、緑がメインカラーという事態に...笑
あまり色を被らずに、色々なテイストの作品を作成していきたいですね!
次回も投稿するのでよろしくお願いします🌸
この記事が気に入ったらサポートをしてみませんか?