Jun 5, 2023Web

AiListz AIコンテンツ制作SAASプラットフォーム

Gideon Awolesi

Gideon Awolesi

UXデザイナー

ポートフォリオに戻る

詳細

  1. 役割: プロダクトデザイナー(Webプラットフォーム)
  2. 目的: コンテンツクリエイターがプレミアムなコンテンツを生成し、盗用を検出し、複数のユーザーペルソナを切り替え、さまざまなAI搭載ツールを活用できるよう支援する、使いやすいAIアシスタントプラットフォームを作ること。

主な成果 :

ベータ期間中のサインアップが+40%増加

サポートチケットが-35%減少

明快さと会話によるガイダンスに関して90%の肯定的なユーザー感情

ユーザー中心のリサーチ

私はブロガー、マーケター、開発者 に詳細インタビューを実施し、彼らのペインポイントに関するインサイトを集めました:

  1. 複雑なオンボーディング: 多くのAIツールは、初めてのユーザーを技術用語で圧倒してしまう。
  2. 貧弱な統合: 互いに連携せず、現実のワークフローに対応しない単独のAI機能。
  3. 明快さの欠如: ユーザーはしばしば、AIが特定の推奨をどう(あるいはなぜ)生み出しているのか理解できない。

これらの発見が設計の指針を導きました:ガイド付きプロンプトと会話型UIを活用し、ユーザーがAIツールをより自然に発見・利用できるようにする、シンプルでありながら堅牢なインターフェースです。

ローファイのスケッチ

主要なユーザージャーニー を洗い出しました — オンボーディング、ブランドスタイルの設定、AI駆動のコンテンツ生成、盗用のチェック。

ユーザーが行き詰まりそうなボトルネック(例:マルチペルソナツールをめぐる混乱)を特定しました。

ユーザビリティテストと改善

小規模なユーザーグループと複数回のテストを実施しました。フィードバックから、よりシンプルなメニューラベル、合理化された会話プロンプト、そしてテンプレートやペルソナ選択のための「選ぶのを手伝って」という提案が生まれました。

メニューの再構成: 各AIツール(例:AI画像生成、音声テキスト変換)が一貫したアイコン、ラベル、構造を使うようにしました。

ハイファイのプロトタイプ

ブランドカラー 、明確なアイコン 、自然言語のプレースホルダー を適用しました。

各機能(盗用チェッカー、ペルソナ切り替え、高度なテキスト編集)が同じ視覚とインタラクションのパターンに従うよう、まとまりのあるデザインシステムを構築しました。

高度なコントロールのための直感的なレイアウトを作成 — 新規ユーザーを圧倒しないよう、折りたたみ可能なセクションにまとめました。

背景と課題

現代のコンテンツクリエイター — ブロガー、マーケター、開発者 — は、直感的なデザインと自分たちの実際のワークフローへの実用的な統合を欠いた複雑なAIツールにしばしば苦労します。私の使命は、高度なAI機能(例:コンテンツ生成、盗用チェック、ペルソナ切り替え)を、自然な会話駆動のインターフェース と融合させ、シームレスなオンボーディング、透明性、最小限の摩擦を実現することでした。

主要な目標

  1. 使いやすさ: ガイド付きプロンプトと文脈を提供し、初心者ユーザーでも素早くAIツールを活用できるように。
  2. スケーラブルなデザイン: 一貫したブランドに沿ったインターフェース のもとで、複数のAI機能(AI画像生成、音声テキスト変換など)を収容。
  3. ユーザー中心のフロー: プラットフォーム全体にヘルプと「これを説明して」というツールチップを組み込むことで、混乱とサポートの負担を軽減。

AIデザイン原則と会話デザイン

語るのではなく、見せる

ガイド付きプロンプトとツールチップ: ユーザーを技術的な詳細で溢れさせる代わりに、各ステップ内に文脈に応じた説明を加えました。このタイムリーなガイダンスが、盗用検出やペルソナ切り替えといった機能の操作を明確にし、認知負荷を軽減しました。

会話型UI

チャットボットインターフェース: ユーザーは自然言語で質問したりヘルプを求めたりでき、関連する提案や機能のデモを受け取れました。この会話型のアプローチにより、サポートがダイナミックに感じられ、長いFAQページに取って代わりました。

透明性とユーザーコントロール

  1. AIの説明: AIがどのようにコンテンツの提案を導き出したか、あるいは盗用をフラグしたかについての簡潔な要約を提供。
  2. パーソナライゼーション設定: ユーザーはブランドの声、トーン、スタイルをカスタマイズでき、生成されるコンテンツが自分の創造的な目標に合うようにできました。

結果とインパクト

ベータサインアップが40%増加

合理化されたオンボーディングファネルと会話プロンプトが、プラットフォームをより親しみやすくしました。

サポートチケットが35%減少

アプリ内ガイダンスと文脈を理解するチャットボットの支援が、サポートに届く前にユーザーの疑問を解決しました。

90%の肯定的なユーザー感情

アンケートは、AI駆動の機能における自然なガイダンスと明快さへの高い評価を示しました。

ユーザーのフィードバック: 「まるで賢いアシスタントが導いてくれているようで、分かりにくいAIツールと格闘している感じがしない。何が起きているのか、そしてなぜなのかがはっきり見える!」