【UIアウトプット】DailyUI #005 App Icon、#006 User Profile
シルスプのブログにようこそ
Daily UIの
５日目の課題は、App Icon
６日目の課題 User Profile
２つの課題は、関連するので、
コンセプトをしっかり作ろうと思ます。
Daily UI
https://www.dailyui.co/
１．課題 App IconとUser Profile
いつも通り、「誰が 何を どのように どうして」で考えます。
どんなアプリが良いかなぁ？
ユーザーとのやり取りが必要なアプリだなぁ。
出会い系アプリにしてみよう。
ターゲットは、40～50代男女とします。
結婚を目指すというより、交際のきっかけや共通の趣味を
求めるサイトとします。
イメージカラーは、爽やかで落ち着いた緑とします
40代からの新しい出会いをサポートするから、
「Re（再び）」＋「Meet（出会う）」で、
サービス名は、Re:Meet（リミート） にしました。
もちろん、AIマッチングを利用アプリとします。
２．取り組み
１）コンセプト作り
①App Iconは、
サービス名を使う
世界観を表す
サービスをイメージをさせる画像
のアイコンに分かれます。
出会い系アプリなので、サービスのイメージさせるものを作ろう！
既存アイコンを見てみると１色の下地に画像が乗っかっているものが、
多いので、白を下地に作ってみよう。
②User Profileは、
交際することを前提つまり、
実際に会ってもらうことがアプリのゴールとなるため、
実名MUSTで、自分のことを知ってもらうように作ります。
項目は、
・写真
・自己紹介
・名前
・年
・住まい
・あなたとの相性
・共通点
とします。
２）App IconとUser Profileとの調査
①App Icon
既存マッチングサービスのアイコンは、
サービス名とハートのイメージが多い感じ。
色は、ピンク・赤・ブルー・白が多いようです。
②User Profile
既存マッチングサービスは、
写真が大きくなっていることと、
表示項目を絞っていることがわかります。
私の場合は、AIマッチングを前提としているので、
AIが判断した状況を記載したいと思います。
ユーサーにしてもらいたい行動は、
Yesで次のアクションに写ってもらうか、
NOで離脱して次の人に行ってもらうかの判断です。
３．作品
① DailyUI #005 App Icon
② DailyUI #006 User Profile
４．感想
①App Iconは、他のサービスのアイコンと並べ見た。
カラーを下地にしたアイコン顔多いので、
白抜きは目立つようです。
アイコンが小さいので
動きを出そうと配置した円の効果は、薄いかもしれません。
②User Profileは、
AIマッチングのサービスとしたので、
どれくらいマッチしてるかをパーセンテージで表示しました。
AIを使うと何がマッチした疑問に持つので、
マッチした理由がかわかるように、
項目を3つ出して残りは次のページにいざなうようにしました。
気になった人は、いいねボタンを。
だめだったら☓ボタンで次のアクションをしやすくしたつもりです。
５．まとめ
スマホ画面は、細長いので相変わらず何を配置するか苦労します。
1画面でどれだけわかってもらえるかを考えて作りました。
少し詰め込み過ぎかなぁ どんなもんでしょうか？
では、またねぇ～
