SNSのプロフィール画面
OVERVIEW
CocodaのDailyCocodaとReDesigner for Studentの30day UI Challengeにあった「SNSのプロフィール画面作成課題」に取り組みました。
デザインの意図
ターゲットの女性は「生活の中で撮る写真をオシャレに見せたい!」とのことで、私自身の思うオシャレに見えるアカウントのキーワードは「統一感」。
統一感を簡単に出す方法として色を統一することだと考えました。私自身のアカウントもそうしようかなと思ったことがありましたが、実際はいろんな色の写真を投稿したくて、ハードルが高かったです。なので、色をフィルタリングできる機能を元から実装するという考えに至りました。
想定としては、好きな色数色(プロトタイプでは4色)を予め選択しておいて、投稿する際にその数色に該当するものがあればタグづけをしていくイメージです。
また、好きな色をテーマの色(ヘッダーの色など)にするとより華やかな雰囲気になるかなと思い、ターゲットの女性が好きなパステルカラーに設定しました。ユーザごとにヘッダーの色が変わると楽しいなと思っています!
感想💭
はじめて、Xdで画面遷移をさせました。意外とぬるぬる動いて楽しかったです!
色を変えるボタンをいじれるようにしました!
プロトタイプ
今回も使ったアイコンは全てイラレで作ったものを使用しました。自分で作ったものがパーツになっていると納得感も愛着も湧いて満足です!
また、フォロワーという言葉ではなく、よりポジティブなイメージのあるファン-fanという言葉を使用してみました。
初めてしっかり1から作って大変時間がかかりましたが、どんどん効率よくできるように継続していきたいと思います!