見出し画像

Daily Cocoda! 006~010

005までしかやってなかったわけじゃないんですよ。。

006【音楽アプリの再生画面】

20代後半の女性がターゲットということで数年前まで20代後半だったわたしとしてはかわいいものは好きだけどかわいすぎちゃうのはちょっと躊躇われるので、落ち着きのあるネイビーにやさしいレモンイエローを合わせて夜空のイメージで作りました。わたしが好きなだけですね。
「ジャケットで選ぶ」のがこのアプリの差別化されている点かなと思うので、できればジャケットはどーんと見せたいですよね。ちょっとヒーローヘッダーっぽさも意識しました。個人的にはジャケットで選ぶならジャケットは全部見えた方がいいんじゃないかという気持ちがあるんですけども…ジャケットは正方形なので配置に苦戦した記憶。
凄い余談ですが推しがめちゃくちゃ画面映えするジャケットでCDを出してくれていたので助かった。UI自体はごくごくシンプルにしてるのでこの画像が目を引いたならそれは推しのおかげです。

007【フードデリバリーアプリのリスト画面】

UberEatsをもっと日本人向けにしたらどうなる?をテーマに作成しました。
文言等、もっと日本人になじみの深い文章に変更してみたり、口コミのレビュー欄を上部のタブに設けたりして差別化を図っています。初めて頼むお店、口コミは少なからず気にしません?(デザインの意図欄に当時書いてた説明)

それにしてもちょっとオレンジがうるさすぎますね。直したい。
UberEatsは時々使うんですけど、チェーンならいざ知らず使ったことないお店については口コミが見たいなあという感情はあって然るべきだと思います。
あと、ちょっとアプリ本体からは離れるかもしれませんが、出前持って来てくれた人に何かあげたい。称賛とか。

008【計算機アプリの計算画面】

これに関しては桃っぽいイメージで作ったんですけど、ピンクに寄りすぎず、でも女性っぽくてかわいい色合いを…というイメージで決めていった結果、桃になりました。
UNDOがついてる電卓いいですよね。昔金融機関に勤めていたので、大変お世話になりました。数字キー、計算キー、機能キーで色分けをしています。
あと画面上部に足していった数字が出て、筆算の要領で縦で見られたらいいなと。数字の表示領域を大きめにとっているので、スクロールできたらうれしい。

009【天気情報画面】

こちらは上の計算機とは打って変わって、男性向けなイメージ。ブルーグレーでシックにまとめました。
「ビジネスマンがアプリで天気を確認するとき、どういう情報が優先的に表示されていると嬉しいか?」を考えつつ作成しました。
結果、気温と今の状況が端的にわかるピクトグラムがあれば良いのではないか?という結論にたどり着きました。雨が降るかわからなくてもピクトグラムが傘持ってお出かけしていたら、傘持って行った方が良さそうだと感じてくれるんじゃないでしょうか。
画面真ん中の今日の時間ごとの天気は横スクロール、画面下部の週間天気は縦スクロールなので、制御が大変そうです。
あと個人的に欲しい、タブごとに地域を切替えて見られる機能。

010【地図アプリの行き先検索画面】

その昔、iPhoneのマップで渋谷クラブクワトロを検索したところ、バグったのか何なのかスペイン坂のど真ん中を指定され道に迷い、ライブの開場に間に合わなかった怨みがあります(個人的怨恨)。
それはそれとして、うぇーい!というふざけた名前の地図アプリがあるのですがこれが大変有能で、地図を確認しつつ、方角と目的地までの距離をシンプルに指し示してくれています。ので、どちらかというとそちらを参考にいたしました。
現在地を●で表すのは地図あるあるですが、地下鉄の秋から地上に出た時など、「ここから右に行くの?左に行くの?」って一瞬なりません?わたしはよくなります。なので、今向いている方がわかるよう、現在地の●に鼻をつけてあげました。その昔、まだゲームがファミコンだった頃、向いている方角がわかるようにマリオの鼻を大きくしたとかいうエピソードを聞いたことがあります。今どっちを向いているかは、道案内において重要なファクターだと思うのです。

道案内キャラのウサチャンは耳が方位磁針、ベレー帽のチョボの部分が位置情報のピンのイメージです。2秒で考えたわりにはいい後付けができたと思ってます。

今日はここまで。

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

1

とつきとーか@ピザのみみ

静岡県出身、関東在住。都内某所でWebデザインとUI設計をやっているデザイナーのはしくれです。ばんぎゃる業をゆるく営んでいます。摩天楼オペラの苑さんが推しです。ゆるゆるな清水サポですがゆるゆる故あんまりサッカーの話はしません。Tw:@P1zza3131
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。