会社 株式会社プラスアルファ・コンサルティング
年 2022-2023
概要
見える化エンジンは、顧客や市場の声を分析し、潜在的なニーズや課題を「見える化」することで、企業の改善施策やマーケティング戦略の立案を支援するツールです。
本プロジェクトでは、私は、システム全体のUI/UXデザインを単独で全面的にリニューアルし、デザインシステムを構築しました。
旧画面における操作上の課題を分析・整理したうえで改善方針を策定し、情報設計や操作フローを再構築し、ユーザーの操作効率と全体的な体験向上を実現しました。
・ユーザーが目的の操作に素早く到達できず、学習コストが高かった。
・視認性や情報整理不足により、特に新規ユーザーにとって利用ハードルが高かった。
課題
・ユーザーリサーチを分析し、操作フローと情報設計を全面的に再構築。
・デザインシステムを整備し、直感的に操作できるUI/UXを実現。
解決策
操作ステップを短縮
成果
新規ユーザーがプロジェクト作成に到達
コンテクスト
既存の画面は動線が不明瞭で、ユーザーが目的の操作にたどり着きにくいという課題がありました。
特に新規ユーザーは迷いやすく、操作効率や満足度の低下につながっていました。
そのため、単なるUIの刷新では不十分と判断し、操作フローと情報設計を根本から再構築する必要があると考えました。
目標
必要な情報に素早くアクセスでき、不要なクリックを削減
直感的なインターフェース
ユーザーの迷いやサポート依存を減らし、効率を改善
業務効率の向上
従来の操作ロジックを尊重しつつ改善
既存ユーザーの適応コスト削減
一貫したデザイン言語やビジュアルスタイルを通じて、ブランドの認識度を向上させる。
ブランドイメージの強化
ME
リニューアル前に見つけた課題
リニューアルの方向性を定めるために、私は、営業の報告資料やコンサルチームから、以下のような問題を発見しました。
また、他社製品ではより直感的で使いやすいデザインが増えており、自社プロダクトの操作性と競争力の低下が課題として見えてきました。
そこで私は、ユーザーのニーズを正しく把握するため、次のようなアプローチで課題の理解を進めました。
※今回は、主に見える化エンジンのメイン画面に関する改造プロセスについて説明します。
フェーズ 1
ターゲットユーザー像
💡課題
誰のためにデザインしたのですか？
• 既存ユーザー：従来の操作フローに慣れており、既存の体験を損なわずに使い続けたいユーザー
• 新規ユーザー：初めて利用する際も直感的に操作でき、迷わず目的に到達したいユーザー
• 幅広い年齢層（20～60代）：文字サイズや色使いなど、視認性・可読性に配慮が必要なユーザー
既存ユーザーの慣れを尊重しつつ、新規ユーザーにとっても直感的でわかりやすいデザインを目指しました。
フェーズ 2
社内簡易ヒアリング
💡課題
ユーザーが最も困っている点はどこですか？どの画面・操作で不満や混乱が起きていますか？
目標
コンサルチームの声から現状の課題感を把握し、刷新の必要性と方向性を明確にする。
アクション
・コンサルチームへのヒアリングで「混乱の起きやすい画面」「サポート依存の多い操作」を調査する。
・情報を整理し、次フェーズ（操作検証・ジャーニーマップ）の方針を設定する。
60%
30%
10%
マニュアルを見れば使える
実習を受けないとスムーズに使えない
直感的に操作できる
結果
「マニュアル必須、実習を受けないとスムーズに使えない」という声が多く、操作の難しさが明らかになりました。
一方で具体的な操作課題までは挙がらなかったため、次のステップとして自らユーザー視点での操作検証を行う必要性を認識しました。
フェーズ 3
マニュアル＋操作トレーニング観察
💡課題
ユーザーはどこで迷いやストレスを感じていますか？目的操作（プロジェクト作成）に到達できない要因は何ですか？
目標
新規ユーザー視点で操作をシミュレーションし、体験上の問題点を具体的に特定すること。
アクション
・自ら新規ユーザーになったつもりでマニュアルに沿って操作を実施。
・主要タスクにかかるクリック数や到達時間を記録し、ユーザージャーニーマップ作成の材料とする。
・コンサルチームと操作トレーニングを行い、運用フローを把握。
実施内容
・最初は自分で画面を探索したが、10分経っても正しい入口が見つからず、操作の難しさを感じた。
・その後マニュアルを確認し、ようやく目的操作（新規作成）に到達した。
・さらに理解を深めるため、コンサルチームと操作トレーニングを行い、システムの操作ロジックをより深く理解した。
結果
新規ユーザーが直面する「入口が見つからない」という大きな課題を確認しました。
システム操作の複雑さを把握し、ユーザージャーニーマップ作成に必要な基礎理解を獲得しました。
フェーズ 4
ジャーニーマップ作成
💡課題
ユーザーの体験上、最もストレスが集中しているのはどの段階ですか？どの課題を優先的に改善すべきですか？
目標
・調査結果を整理し、ユーザー体験全体の流れを可視化すること。
・課題の集中ポイントを特定し、改善の優先度を明確にすること。
アクション
・ヒアリングと操作トレーニングで得た情報を統合。
・ユーザーの行動・感情・課題をマッピング。
・問題点を「動線の不明瞭さ」「細かな操作性の不足」「視認性の低さ」に集約。
結果
動線の不明瞭さ：ボタンが多く、階層の動線がわかりにくて、ユーザーが目的操作に素早く到達できません。
操作性の不足：既存プロジェクトにおける細かな操作への配慮が足りません。
視認性の低さ：全体的に文字や要素が見づらく、可読性・使いやすさに影響します。
これらの改善方向性と解決策を明確にした上で、新しい画面を設計しました。
最終デザイン
新しいデザインを通じて、旧画面の課題やユーザーの潜在的なニーズを解決し、直感的で操作しやすいデザインによって優れたユーザー体験を提供するため、私は大きく2つの課題に取り組みました。
まず、課題を整理した上で、最も重要な改修ポイントとして、機能ごとに画面レイアウトを再構成し、「プロジェクト作成」「プロジェクト一覧」「各種情報」という3つのブロックに分けました。
02
それから、旧画面の上部に配置されていた最も大きなボタンのレイアウトおよびUIの刷新について、2つのデザイン案を作成しました。
しかし、縦メニューの隣にプロジェクトを管理するフォルダツリーが存在していたため、レスポンシブ対応や実装コストの観点から課題がありました。
これらの点を考慮した結果、最終的にB案を採用しました。
UIUX刷新の詳細
ユーザーへの影響
1.操作効率の改善
・新規ユーザーでも 3分以内にプロジェクト作成に到達可能。
・社内検証により、目的情報に到達するまでの操作ステップを約30％削減。
2.ユーザー体験の向上
・操作の迷いやサポート依存を減らし、業務効率の向上に貢献。
・「シンプルでわかりやすくなった」「直感的に使える」といったポジティブな評価を既存ユーザーから獲得。
シンプルでわかりやすくなりました。
3.ブランド・一貫性の強化
・デザインシステムを導入し、他サービスと統一感のあるUIを実現。
・ロゴカラーやアクセシビリティに配慮したデザインにより、ブランドイメージと認知度の向上を実現。
他の刷新された画面
見える化メニュー該当画面
ダイアログボックス仕様
プロジェクト設定該当画面
コメント閲覧該当画面
振り返り
私は、1年半にわたり単独で200枚以上の画面を再設計し、デザインシステムの初版を構築しました。実装フェーズにおいてはエンジニアと密に連携し、複雑な画面構造やフローに対応するため、詳細な設計ドキュメントを多数作成し、これにより不要な手戻りを防ぎ、効率的な開発進行に貢献しました。
担当範囲と取り組み
※一部をサンプルとして提示する
大規模な刷新をやり遂げたことで、デザイナーとして大きく成長し、今後の仕事に活きる強固な基盤を築くことができました。1年半を通して全てを独力で進めるのは大きな挑戦でしたが、この挑戦をやり遂げられたことをとても嬉しく感じています。
成果と学び
@SHU GYOSEN Portfolio2025
xqianzhou88@gmail.com