【UI】CS Clip - CS調査機能改善

#仕様検討 #情報設計 #UI #業務システム #web

担当工程

• 仕様検討
• 情報設計
• ワイヤーフレーム作成
• UIデザイン（Webシステム）

役割

UIデザイナー

期間

仕様検討～デザインまで2週間

課題

もとからあった機能（CS調査への回答を依頼する機能）に依存関係のある機能（CS調査を実施したいプロジェクトを管理する機能）を後付けした際、機能どうしの関係性が分かりづらいサイト構造となってしまっていた。

課題解決のプロセス

画面遷移案の作成

カスタマージャーニーマップより各機能の利用タイミングがユーザーによって異なることが想定されていたのでそれぞれのパターンごとに画面遷移の改善案を作成。

大枠のフローをプロダクトオーナー、エンジニアメンバーと合意形成しました。

用語定義

フロー確認後、各画面デザイン改善案を作成する際、用語のゆらぎもあったため合わせて用語を整理し、用語集に定義しました。

実装担当者への情報提供

既存UIの変更が多く発生したため、変更点をfigmaにメモでまとめてエンジニアへバトンをパス。その際、実装の参考となるようにステータス表記の仕様イメージも図解して一緒に渡すことでスムーズに実装してもらうことができました。