事例
株式会社BEDORE

BEDOREは、高度な対話性能を持つAIチャットエンジンです。カスタマイズ性にも優れ、サービスに合わせた最適な対話ロジックを作成することができます。
当初、ユーザーが操作するダッシュボード画面は、複雑で高いリテラシーを要する画面構造や設計になっていました。ただ、実際に利用するユーザーは、シナリオ設計など高度な機能を利用するWeb担当者と、チャットの履歴を基にチャット精度を向上させるオペレーターの2タイプのユーザーとなっていました。上記の2タイプのペルソナのリテラシーや目的に合わせ、体験を定義し直すことで、使いやすさを追求しました。

高度な性能を持ちつつ、機能の複雑さや画面の見づらさ、使いづらさが課題として上がっていました。実際のユーザーの声をもとに、現状の課題を洗い出し、UXデザイン〜UIデザインを行いました。

BEDOREの主要機能は3つあり、性能や状態を確認する「KPI画面」、チャットの会話履歴を基に精度を向上させる「チャット精度向上画面」、チャットの流れをカスタマイズして作成できる「対話ロジック」があります。この3つの主要機能の内、「KPI画面」「対話ロジック」と「チャット精度向上画面」はペルソナのITリテラシーにかなり差がありました。そこで、まずは実際のユーザーからの意見をもとに2タイプのペルソナとカスタマージャーマップを作成するところからスタートし、2タイプの行動や感情の差を定義。価値仮説も各機能に合わせて個別に定義していきました。

ユーザーのタイプを定義した後、ヒューリスティック調査とUIフローを作成しました。UIフローでは、現状と理想のUIフローを作成し、両者を比較することでUI上の根本的な課題や使いづらさを洗い出し、課題点を明確化しました。情報設計を行った後は、社内ユーザーテストを実施。WFの段階で課題点を見つけ出し改善することで、スピード感を持ってUI改善を進めました。

ユーザーの体験を向上させるため、ダッシュボードで重要となっている「使いやすさ」や「わかりやすさ」など機能的なデザイン以外にも情緒的な部分のデザインも重視してトンマナを作成しました。高い性能を持つBEDOREを表現するような「良質さ」や「知性」、「信頼」をテーマにデザインを進めました。デザイン提案の際は、ページを制作する前にパーツや色の比率を表現したデザインを先に提案し、トンマナの方向性をすり合わせてから、ページのデザインに進むことで、効率的でスピード感のある進行を実現しました。

2タイプのペルソナに合わせ、行動や価値を定義し、ユーザーテストを重ねながら改善していったことで、直感的に操作ができるダッシュボード画面になっています。

制作期間: 2017年08月 ~ 2017年11月
メンバー: プロジェクトマネージャー/UXデザイナー/UIデザイナー 各1名ずつ
使用ツール: ChatWork / Backlog / Sketch / InVision / GoogleDrive / Googleスプレッドシート