見出し画像

UI Design Training#1 ヘアスタイル記録アプリ

ユーザーと課題

■ ターゲットユーザー
・21歳女子大学生。
・ファッション好き。Snidelなどの柔らかいガーリー系の服が好き。
・隙間時間があればインスタを開き、ファッション・お店の情報収集。
・月1程度美容院に行っている。

■ 課題
気に入っていたヘアスタイルのオーダー内容を記憶できておらず、再オーダーが難しい。

サービス内容

■ 提供価値
ヘアスタイルの写真・オーダーを簡単に・可愛く記録することができる。

■ ユーザーシナリオ
1. 美容院でアプリを立ち上げ、気に入っている髪型を見せてオーダー相談。
2. 決まったオーダーで、記録の作成を始める。
3. 完成後、写真を撮って保存する。
4. あとから見返す。

■ 機能概要
・自分の過去のオーダーや、他の人のオーダー内容を転用し、簡単にオーダー内容を記録できる。
・オーダー内容と、写真を保存し、シェアすることができる。

■ 機能要件
・マイページ:自分のヘアスタイル一覧が確認できる。
・タイムライン:フォローしている人のヘアスタイルが見れる。
・ヘアスタイル詳細:写真とオーダーの詳細が確認できる。また転用して投稿画面に進める。
・投稿:オーダー(スタイル・メニュー内容・メニュー詳細・サロン名)を記入、また写真を撮影して保存できる。

■ 機能のこだわり
・過去の投稿や、他の人の投稿を用いてオーダー・投稿をできるようにした。

デザイン

■ コンセプト
「シンプル」:記録の簡単さ
「かわいい」:記録したり見返したりするのがたのしい

■ 機能のこだわり
・「ヘアカラー」に焦点が当たるよう、UI要素に色を持たせない。その中で「かわいい」を感じてもらうため、グレーにピンクを混ぜたカラーを用いた。
・「かわいい」✕「シンプル」を表現するため、丸みの線形要素を使用。


▽ タイムライン

画像1

▽ 投稿

画像2

▽ マイページ

画像3

振り返り

・詳細画面での情報表示や、投稿画面の入力フォームなど、文字要素の多い部分のデザインが難しい。「シンプル」を寂しい印象ではなく洗練された印象にする方法を探りたい。
・色を用いない場合の、プライマリー/セカンダリーボタンのデザインが難しい。

この記事が気に入ったらサポートをしてみませんか?