MY HISTORY
turned_in
UI
laptop_chromebook
Figma
UIデザインに挑戦してみたいものの実績が乏しく、コンペを見つけたので制作してみました。
思い出（感情）、成長（記録）、運動・健康（数値）という、性質の異なる情報を一括管理できるライフログアプリのUIデザインを担当。ターゲット層である主婦層が、日々の忙しさの中でも「直感的に、楽しく続けられる」インターフェースを目指しました。
制作の経緯
仕様書はけっこうざっくり。まずはフローを整理し、ユーザーが迷わないように機能を削ぎ落としました。
本当にそのボタンはいるのか？日付の見せ方は？と検討しつつ、デザインに起こしてみました。
多種多様な情報の統合と整理（情報設計）
写真（思い出）と数値（健康データ）という、視覚的・論理的に異なる情報を一つのアプリに共存させると、画面が煩雑になり使い勝手が悪くなる懸念がありました。
「みてね」の持つ温かいデザインを参考にしつつ、情報をタブやカードで明確に分離。直感的なアイコンと余白を活かしたデザインにより、情報の優先順位を整理し、ユーザーが迷わず入力・閲覧できる構造を構築しました。
「続けたくなる」UXの設計
記録アプリの最大の壁は「入力の継続」です。特に多忙な主婦層にとって、入力の手間は大きな離脱要因に。
そのため最小限のタップ数で入力を完了できるUIを設計。入力完了時に達成感を感じられるアニメーションや、振り返りが楽しくなるタイムライン形式のレイアウトを採用し、自己肯定感を高める体験をデザインしました。
ペルソナとカスタマージャーニーマップ
taxnight.official@gmail.com
Figma
AfterEffects
Illustrator
Photoshop
adobe XD...etc