top of page
MyFitnessPal 2.0
SPRINGBOARD キャップストーン プロジェクト
使用ツール: アドビ イラストレーター、フォトショップ、draw.io、インビジョン
目標
ユーザーがよりポジティブで効果的なダイエットを体験できるように、アプリのナビゲーションや
インターフェース、UIも改善。
プロセス
調査段階: ユーザー
ユーザーペルソナとエンパシーマップを作成するためのスクリーニング調査とインタビューを実施し、潜在的なユーザーの具体的な要望やニーズをより深く理解することができました。
研究段階：競合他社
競合アプリをリサーチし、Nielsen Norman Groupの
インタラクションデザインの10大原則に基づいた
ヒューリスティックな評価を作成。
![ptype [Recovered]-27.png](https://static.wixstatic.com/media/816ea3_345fa44a92a4435f93bba89a986d4a25~mv2_d_2867_2368_s_2.png/v1/fill/w_381,h_315,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ptype%20%5BRecovered%5D-27.png)
コンテンツ戦略ステージ
アプリ体験を可視化するために、カードソート、サイトマップ、ユーザーフローチャートの作成を実施。
カラーパレット
MyFitnessPal 2.0のカラーパレットは、ブルーの単色使いでクールな印象に仕上げました。親しみやすさとシンプルさを維持するために、現在のアプリと
同様の配色にしたかったのです。
![Untitled-11 [Recovered]-11.png](https://static.wixstatic.com/media/816ea3_08988e9c7161481d8eec0c58b4392af4~mv2.png/v1/fill/w_198,h_42,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Untitled-11%20%5BRecovered%5D-11.png){kind=small}
ワイヤーフレームとプロトタイピング
シンプルなデザインを念頭に置き、ローファイとハイファイのワイヤーフレームとプロトタイプを作成。
新しいオンボーディングプロセスも作成し、ダイエットを始める人のユーザーエクスペリエンスを向上させる機能を示しました。
Oops!
現在このプロトタイプは動作していないようです。
再度ご確認ください。
MyFitnessPal 2.0 を
試してみてください!
デスクトップからのみアクセス可能
bottom of page