overview
Challenge
TEDは世界的に知られる有名な非営利団体であり、モバイルアプリは教育カテゴリーに分類される。なぜなら、コンテンツの学習やプレゼンテーションの方法、英語学習に適したプラットフォームと理解されているからである。しかし、モバイル版にはいくつかの不便なUXおよびUIデザインが存在したため、ユーザーペルソナを設定し、既存および将来のユーザージャーニーや感情の変化に注目することで改善を図ることをゴールとした。ユーザージャーニマップでは特にどの要素でどの感情を生むのかを分析し、それを導くフローを考えることに注力した。
duration
2024/12/09 ~ 2024/12/18
tools
スケッチ, Figma
task
課題点の特定とその解決,
ワイヤーフレーム/プロトタイプの作成,
ユーザージャーニーマップを用いた分析と予測
User persona
Hannah (25), Japanese
ハナは日本でTEDでの動画を使って英語を勉強しています。
彼女には、ワクワクするような学習体験を快適にできるサービスが必要です。
たとえば、動画カテゴリーの魅力的またはモチベーションを高めるフレーズ、字幕や文字起こし、学習仲間とのシェア機能などです。
これらの要素は、学習を楽しみ、継続してこのアプリを使い続けることにつながります。
User journey / Pain points
Browsing
Excited: 明確なカテゴリーで動画選択が楽しい
Wonder: ホームページのプロフィール部分と「My Library」ページがほぼ同じで混乱Searching
Happy:フィルター/並び替えが直感的で使いやすい Confused: 「Language」オプションの意味が不明確（話者言語か字幕か）Watching
Confident: 動画設定が分かりやすく使いやすい
Disappointed: ブラウザ版のように動画進行に合わせた文字起こし（トランスクリプト）がなSharing
Relieved: 共有ページへのアクセスが簡単
Confused: ミニプレイヤーが動作していても、別ページに移動後に詳細ページに戻る操作が分かりにくい↓↓↓↓
Pain Points
My Profile と My Library の違いが分かりにくい
検索ページの Language オプションが曖昧
同期した 文字起こし がない
詳細ページに戻るナビゲーションが分かりにくい
Ideation
My Profile と My Library の違いが分かりにくい
⇨プロフィールページと My Library ページを統合検索ページの Language オプションが曖昧
⇨フィルターの表記を「Language」から「字幕言語」に変更同期した 文字起こし がない
⇨詳細ページに文字起こし機能を追加詳細ページに戻るナビゲーションが分かりにくい
⇨フルスクリーン終了後やミニプレイヤー使用中でも、詳細ページに戻れるフローを作成
Prototype
このプロトタイプ動画では、以下の順で解決策を検討した様子を示している
プロフィールページと My Library ページの統合
フィルター「Language」の表記を「字幕言語」に変更
詳細ページに文字起こし機能を追加
フルスクリーン終了時やミニプレイヤー使用中でも、詳細ページに戻れるフローを作成
さらに、ホーム画面のカテゴリー表記も一部変更し、ユーザーにとってより魅力的に見えるよう工夫した
Prototype
Future User Journey Map
Wonder>>Convenient
ホーム画面のプロフィール部分と「My Library」ページを統合Confused>>Desired
フィルター表記を「Language」から「字幕言語」に変更Disappointed>>Hopeful
文字起こし機能を追加Confused>>Comfortable
ページ移動のストレスがなくなる
insights / Future action
アイデア2では「字幕（Subtitle）」を使用
モバイルは画面スペースが限られているため
⇨理解しやすく、かつ短いフレーズでデザインすることが重要文字起こし機能にはアニメーションを使用
⇨デザインにはまだ限界があるものの、あらゆる解決策がユーザー体験の向上につながる