要望からUIデザインの設計フローまで、情報整理をビジュアル化しながらクライアントと伴走

美容・健康食品関連を扱うECアプリの新規UIデザイン作成

• 扱う商品の種類が今後増えても破綻しにくい、保守性を考慮したUI設計
• 各画面の情報・要素の整理

まずはヒアリングを通して、現状の問題点を抽出。 既存ECアプリを理解するために、概念モデリングとユースケースの整理から着手。クライアントとの共通認識を作るため、概念モデリング図やワイヤーフレームなどをビジュアルに起こしていきました。 インプットを行った後は、クライアントの要望とユーザー要求のバランスを検討しながらワイヤーフレームで各画面の要素の情報優先度を整理して、UIデザインへ落とし込みました。

クライアントの要望・問題に感じている点に耳を傾けつつ、コストやスケジュールなどの制約を考慮して、優先事項の提案を行いました。 また、前提として今回システムは現状のまま、UIデザインのみを一新するため、それも念頭に問題を切り分けていきました。例えば、その課題の解決にはシステム・運用・UIデザインのどの対応が最適か、という点です。 UIデザインの着手前には、既存ECアプリの機能の洗い出し・概念モデリングの整理を行いました。どのように情報を整理・検討していくかをビジュアルに起こして共通認識を作り、一つずつ丁寧に目線を合わせながら設計しています。