Redesign
UI/UX Design
Mobile
多忙な朝でも情報をキャッチアップ
CommonWealth Magazine
Redesign
UI/UX Design
Mobile
多忙な朝でも情報をキャッチアップ
CommonWealth Magazine
忙しい朝でも情報をキャッチアップ
CommonWealth Magazine
忙しい朝でも情報をキャッチアップ
CommonWealth Magazine
台湾最大のビジネス雑誌専門会社のアプリは「ニュースを音声で聞くユーザー」を取り込むために、「ながら聴き」のLiteプランをを提案しました。お客様がLiteプランを購入すると、アプリ内でポッドキャスト番組、AI音声読み上げ、雑誌の朗読などをお楽しみいただけます。
台湾最大のビジネス雑誌専門会社のアプリは「ニュースを音声で聞くユーザー」を取り込むために、「ながら聴き」のLiteプランをを提案しました。お客様がLiteプランを購入すると、アプリ内でポッドキャスト番組、AI音声読み上げ、雑誌の朗読などをお楽しみいただけます。
制作期間
2023/04 （約4週間）
2023/04 （約4週間）
担当
UI/UXデザイナー
団体制作です。
UI/UXデザイナー
団体制作です。
チーム
Siang, Lai
Siang, Lai
Jamie, Chiu
Jamie, Chiu
Yoyo, You
Yoyo, You
Esther, Chen
Esther, Chen
課題
ニュースを聴くユーザーにとって、既存のアプリは操作が難しいと感じている方が多いです。また大量の文章から聞きたい情報を見つけるのが煩わしいと感じているため、これらのユーザーのニーズをどのように満たすべきでしょうか？
ニュースを聴くユーザーにとって、既存のアプリは操作が難しいと感じている方が多いです。また大量の文章から聞きたい情報を見つけるのが煩わしいと感じているため、これらのユーザーのニーズをどのように満たすべきでしょうか？
チームの目標
このアプリで音声をメインに利用するユーザーのニーズを満たすこと。
これらのユーザーにライトプランの有料メンバーに加入してもらうこと。
解決策
会社のビジネス目標やユーザーの課題とニーズを把握するためにインタビューを実施しました。まだ、AARRRモデルを使用してユーザー成長戦略を策定して、アプリのポッドキャストページをリデザインしました。
会社のビジネス目標やユーザーの課題とニーズを把握するためにインタビューを実施しました。まだ、AARRRモデルを使用してユーザー成長戦略を策定して、アプリのポッドキャストページをリデザインしました。
Background ＆ Solution Overview
Background ＆ Solution Overview
ポッドキャストページをリデザインした
ポッドキャストページをリデザインした
ニュースを受ける方法として「聴く」ことがますます主流になっています。
台湾最大のビジネス雑誌専門会社である天下雑誌は、この「聴く」トレンドに応じて、既存のアプリを向上させ、新しい機能を追加して、有料購読者や利用率を増やすという背景がありました。
ニュースを受ける方法として「聴く」ことがますます主流になっています。
台湾最大のビジネス雑誌専門会社である天下雑誌は、この「聴く」トレンドに応じて、既存のアプリを向上させ、新しい機能を追加して、有料購読者や利用率を増やすという背景がありました。
Before
Before
「ニュースを聴く」ユーザーにとって、既存のアプリは操作が難しいと感じる。
「ニュースを聴く」ユーザーにとって、既存のアプリは操作が難しいと感じる。
例えば、既にニュースや雑誌の朗読、ポッドキャストなどの機能が存在していますが、これらの機能は異なるページに分散されており、ユーザーはコンテンツの分類ロジックを理解しにくいです。
例えば、既にニュースや雑誌の朗読、ポッドキャストなどの機能が存在していますが、これらの機能は異なるページに分散されており、ユーザーはコンテンツの分類ロジックを理解しにくいです。
After
After
デザインの時間が限られているため、ポッドキャストのページを「音声サービスの入り口」としてリデザインしました。
デザインの時間が限られているため、ポッドキャストのページを「音声サービスの入り口」としてリデザインしました。
「音声サービスの入口」の操作フローを最適化し、コンテンツのビジュアルや構造のデザインを見直すことで、ユーザーエクスペリエンスを向上させ、利用者数と利用頻度を増加させることを目指しています。
「音声サービスの入口」の操作フローを最適化し、コンテンツのビジュアルや構造のデザインを見直すことで、ユーザーエクスペリエンスを向上させ、利用者数と利用頻度を増加させることを目指しています。
Design Process
Design Process
デザインプロセス
デザインプロセス
Research
リサーチ
私たちはスタンフォード大学のハッソ・プラットナー・インスティテュートが提案した、5段階のデザイン思考モデルを使用しました。
私たちはスタンフォード大学のハッソ・プラットナー・インスティテュートが提案した、5段階のデザイン思考モデルを使用しました。
このデザイン思考プロセスのステージは以下の通りです：
このデザイン思考プロセスのステージは以下の通りです：
Research
リサーチ
🔎 要件インタビューとビジネス目標の焦点
🔎 要件インタビューとビジネス目標の焦点
お客様との要件インタビューを通じて、プロジェクトの実際の要求を把握しています。
これには、既存製品に関する課題や、お客様が達成を望むビジネス目標も含まれます。
天下雑誌会社との要件インタビューを通じて、プロジェクトの実際の要求を把握しています。これには、既存製品に関する課題や、お客様が達成を望むビジネス目標も含まれます。
ビジネスの目標達成のために、AARRRモデルを採用し、製品には具体的な成長目標が明確に設定されています。
同時に、チームが製品の設計を計画する際に合意形成と優先順位の設定をサポートできるようにしました。
ビジネスの目標達成のために、AARRRモデルを採用し、製品には具体的な成長目標が明確に設定されています。
同時に、チームが製品の設計を計画する際に合意形成と優先順位の設定をサポートできるようにしました。
🔎 ユーザーインタビュー
🔎 ユーザーインタビュー
構造化インタビュー
構造化インタビュー
インタビューのプロセスを構造化するためのインタビューガイドを作成し、各チームメンバーが一貫した方法でインタビュー結果を記録できるようにしました。
インタビューのプロセスを構造化するためのインタビューガイドを作成し、各チームメンバーが一貫した方法でインタビュー結果を記録できるようにしました。
このガイドを使用して、15回のユーザーインタビューを実施し、オンラインツールでビデオを録画し、その後、Excel や Miro に結果を記録しました。
このガイドを使用して、15回のユーザーインタビューを実施し、オンラインツールでビデオを録画し、その後、Excel や Miro に結果を記録しました。
アフィニティ・ダイアグラム
リサーチ・シンセシス
リサーチ・シンセシス
インタビューの後、データをアフィニティ・ダイアグラムにグループ化および分類し、ユーザーエクスペリエンスをより明確に理解することができるようにしました。
インタビューの後、データをアフィニティ・ダイアグラムにグループ化および分類し、ユーザーエクスペリエンスをより明確に理解することができるようにしました。
アフィニティ・ダイアグラム
カスタマージャーニーマップ
カスタマージャーニーマップ
調査結果をまとめ、その結果から学んだことに基づいて、ペルソナとカスタマージャーニーマップを作成しました。これにより、チーム全体がデザイン対象者をよりよく理解し、焦点が明確になりました。
調査結果をまとめ、その結果から学んだことに基づいて、ペルソナとカスタマージャーニーマップを作成しました。これにより、チーム全体がデザイン対象者をよりよく理解し、焦点が明確になりました。
カスタマージャーニーマップ
カスタマージャーニーマップ
Wireframe
Wireframe
ワイヤフレーム
ワイヤフレーム
Feature Intro
Feature Intro
機能紹介
機能紹介
キーワード特集を聴く
キーワード特集を聴く
未再生のニュースを探す
未再生のニュースを探す
ポッドキャストの番組を探す
ポッドキャストの番組を探す
エンジニアリング開発の要件を考慮し、ポッドキャストページのアーキテクチャーはそのまま保持しつつ、
ユーザーフィードバックで指摘された「文字量が多すぎる」、「再生履歴がない」などの問題に対処するために、ページをリデザインしました。
エンジニアリング開発の要件を考慮し、ポッドキャストページのアーキテクチャーはそのまま保持しつつ、ユーザーフィードバックで指摘された「文字量が多すぎる」、「再生履歴がない」などの問題に対処するために、ページをリデザインしました。
What's next?
What's next?
次のステップ
次のステップ
バリュープロポジションを明確にする：
バリュープロポジションを明確にする：
ユーザーが良い利用体験を得つつ、同時にペイウォールがユーザーに不満を引き起こさないよう、「天下雑誌」アプリのペイウォールを最適化することに焦点を当てます。ターゲットユーザーに対してアプリが提供する価値を明確に伝えることが大切です。
ユーザーが良い利用体験を得つつ、同時にペイウォールがユーザーに不満を引き起こさないよう、「天下雑誌」アプリのペイウォールを最適化することに焦点を当てます。ターゲットユーザーに対してアプリが提供する価値を明確に伝えることが大切です。
ユーザーテスト：
ユーザーテスト：
現在のUIがユーザーに適しており、友好的であるかどうかを知りたいので、次のステップでユーザーテストを行うことが重要です。
現在のUIがユーザーに適しており、友好的であるかどうかを知りたいので、次のステップでユーザーテストを行うことが重要です。
All rights reserved © 2023 Yuri Liu
All rights reserved © 2023 Yuri Liu
All rights reserved © 2023 Yuri Liu