PetStats Web
役割
UXUIデザイン（コンセプト、リサーチからハイフィデリティ・プロトタイプまで）、ライティング
ツール
Adobe XD
期間
2022年10月
“PetStats”のレスポンシブウェブサイトバージョンを試作する。
ネイティブアプリバージョンからの主な変更
PetStats アプリは、栄養トラッカーの結果を表示するためにレーダーチャートを使用した。
そのハイファイプロトタイプのテストでは、アジア諸国のユーザーの中に、 棒グラフの方が直感的だと言う人も。
修正版として、レスポンシブウェブ版 を作成、棒グラフを使用し、全体的なUI を再考。
栄養管理
ペットが現在食べているフードを登録し、食べた量を入力するだけで、飼い主は栄養価が十分かどうかをチェックできる。
導線を改善したストア
ウェブストアでは、ブランドや フードの種類などで、1 画面で直感的に絞り込めるようソートを強化。
Design Process
Design & Refine
デザインと調整
ユーザーフロー&手書きのワイヤーフレーム
ローファイ
プロトタイプ
ユーザビリティ
テスト
ハイファイ
プロトタイプ
ユーザビリティ
テスト
手描きのワイヤーフレームからデジタルワイヤーフレームに移行し、次に主要なユーザーフローをプロトタイプ化した。
ハイファイプロトタイプのインパクト
このウェブ版を、ネイティブモバイルアプリバージョンと同じ参加者でテストしたところ、「明らかにこちらの方が使いやすい 」という声があった。
より現実的なものにするためには、地域でのABテストの必要性を感じる。
吉田レイコ | ビジュアルデザイナー | バイリンガル |
| UX UI | フリーランス | ブランディング |
| グラフィックデザイン | ローカリゼーション | 日本語・英語対応 |