910アプリ
910アプリ
ユーザーがStravaを同期するよう促すシームレスな体験を作成する
ユーザーがStravaを同期するよう促すシームレスな体験を作成する
役割
役割
UI/UXデザイナー
UI/UXデザイナー
約910
約910
910 (ナイテン)、インドネシアのウィジャヤ アルタ マンディリ グループに属する主要なランニングシューズブランドの1つで、国際的な靴の大手メーカーの1つです。
910 (ナイテン)、インドネシアのウィジャヤ アルタ マンディリ グループに属する主要なランニングシューズブランドの1つで、国際的な靴の大手メーカーの1つです。
背景ストーリー
背景ストーリー
2024年に戻ると、910はモバイルコマースアプリを構築する野心を抱いています。ICUBEとのコラボレーション。私はシニアUI/UXデザイナーのラディティア・パムンガスと共にプロジェクトに参加していました。
このプロジェクトの開始以来、長期的な目標の一つはStravaとの同期機能を導入することでした。
このアイデアは、地元のランナーが自身のStravaアカウント（ランニングトラッキングアプリ）を910アプリに直接接続し、さまざまなチャレンジに参加できるようにすることです。
これらのチャレンジは後にランニング結果を生成し、累積されてリーダーボードに表示されるため、ランナーは他の人と自分のパフォーマンスを比較することができます。
2024年に戻ると、910はモバイルコマースアプリを構築する野心を抱いています。ICUBEとのコラボレーション。私はシニアUI/UXデザイナーのラディティア・パムンガスと共にプロジェクトに参加していました。
このプロジェクトの開始以来、長期的な目標の一つはStravaとの同期機能を導入することでした。
このアイデアは、地元のランナーが自身のStravaアカウント（ランニングトラッキングアプリ）を910アプリに直接接続し、さまざまなチャレンジに参加できるようにすることです。
これらのチャレンジは後にランニング結果を生成し、累積されてリーダーボードに表示されるため、ランナーは他の人と自分のパフォーマンスを比較することができます。
主な目標
主な目標
ユーザー（特に地元のランナー）を説得して、Stravaの同期を通じて910からの通知を有効にし、チャレンジを受け入れることが、機能のクライアント体験の重要な部分になります。
ユーザー（特に地元のランナー）を説得して、Stravaの同期を通じて910からの通知を有効にし、チャレンジを受け入れることが、機能のクライアント体験の重要な部分になります。
ミニ研究が始まりました：ナイキ
ミニ研究が始まりました：ナイキ
クライアントはナイキをベンチマークの参考として提供しました。その方向性を念頭に置き、私はミニリサーチスタディを開始しました。
クライアントはナイキをベンチマークの参考として提供しました。その方向性を念頭に置き、私はミニリサーチスタディを開始しました。
スケジュールが厳しかったため、クライアントへの最初の成果物を納品するまでに1～3日しかなく、調査は主にいくつかの重要な側面に絞られました。
スケジュールが厳しかったため、クライアントへの最初の成果物を納品するまでに1～3日しかなく、調査は主にいくつかの重要な側面に絞られました。
限られた時間の中で、これらの洞察は次のデザイン決定を形作るための基盤となりました。
限られた時間の中で、これらの洞察は次のデザイン決定を形作るための基盤となりました。
調査結果 ミニリサーチ
調査結果 ミニリサーチ
私はミニリサーチを行い、3つの重要な側面が浮かび上がりました:
1. コンテンツ
コンテンツは一連の質問を通じてパーソナライズされています。
コピーは温かく、歓迎するものであり、個人的で、ユーザーが体験にスムーズに入れるように手助けします。
2. 体験
ユーザーは自分のショッピングの好みに対する完全なコントロールを得られます。
プログレスバーは、オンボーディングフローにおいてどの程度進んでいるかを理解するのに役立ちます。
オンボーディングを完了した後も、ユーザーは製品を探索するための検索ページへと導かれます。
3. インタラクション
スムーズなアニメーションは、ユーザーが一つの画面から次の画面へシームレスに移行するのを助けます。
要約すると、ナイキのオンボーディングはユーザーが自分の好みを形作る力を与え、最終的にはよりパーソナライズされたショッピング体験を創出します。
私は簡単な研究を行い、3つの重要な側面が浮かび上がりました:
1. コンテンツ
コンテンツは、一連の質問を通じてパーソナライズされています。
コピーは温かく、歓迎的で個人的な印象を与え、ユーザーが体験にスムーズに入る手助けをします。
2. 体験
ユーザーは自分のショッピングの好みを完全にコントロールできます。
プログレスバーは、オンボーディングフローのどの段階にいるかを理解するのに役立ちます。
オンボーディングを完了した後も、ユーザーは製品を探索し始めるために検索ページに誘導されます。
3. インタラクション
スムーズなアニメーションは、ユーザーを次の画面へシームレスに移行させるのに役立ちます。
要約すると、Nikeのオンボーディングはユーザーが自分の好みを形成することを可能にし、最終的によりパーソナライズされたショッピング体験を創出します。
別の発見…
別の発見…
前述の観点から、Nike のオンボーディングにはまだいくつかの欠点があります。具体的には：
非常に長いオンボーディングプロセスで、完了までに時間がかかります（言語画面を除いて六つの画面があります）。
明らかな商品販売（これは良いことで、会社のビジネスモデルを支持します）。
明確さに欠ける進捗バーがあり、ユーザーが現在のステージを理解するのが難しくなっています。
これらの問題は、有名ブランドであってもビジネス目標、ユーザーの期待、オンボーディング体験内での明確さのバランスを取るのに苦労することを示しています。
前述の点から見ると、Nikeのオンボーディングにはいくつかの欠点があります。具体的には：
非常に長いオンボーディングプロセスがあり、完了するのに時間がかかります（言語画面を除いて六つの画面があります）。
明らかな製品販売（これは良いことですが、企業のビジネスモデルを支えています）。
明確さに欠ける進捗バーがあり、ユーザーが現在のステージを理解するのが難しいです。
これらの問題は、知名度の高いブランドでさえ、ビジネス目標、ユーザーの期待、そしてオンボーディング体験内の明確さのバランスを取るのに苦労する可能性があることを示しています。
何か重要なものが欠けています
何か重要なものが欠けています
これらの以前の側面から、ナイキのオンボーディングは興味深いアプローチを示しています: ユーザーは完全なコントロールを与えられますが、それはパーソナライズの範囲内だけです。
実際には、最良のオンボーディングはしばしば… 全くオンボーディングがないこと。
私にとって、ユーザーは製品を使用し始めるためにオンボーディングフローが必要だと感じるべきではありません。
体験が十分に直感的であれば、製品は自然に彼らを導きます。自己紹介する必要はありません。
これらの以前の側面から、ナイキのオンボーディングは興味深いアプローチを示しています: ユーザーは完全なコントロールを与えられますが、それはパーソナライズの範囲内だけです。
実際には、最良のオンボーディングはしばしば… 全くオンボーディングがないこと。
私にとって、ユーザーは製品を使用し始めるためにオンボーディングフローが必要だと感じるべきではありません。
体験が十分に直感的であれば、製品は自然に彼らを導きます。自己紹介する必要はありません。
それから、オンボーディングは必要ありませんよね？
それから、オンボーディングは必要ありませんよね？
私たちはまだオンボーディングが必要だと思います。それどころか、ユーザーに強制的にオンボーディングフローに入らせることなく、完全なコントロールと自由を持つオプションを提供します。
目標は、ユーザーや顧客がアプリを自由に探索し、その機能を発見し、自然にサインインまたはサインアップへ「誘導」されることを可能にすることです。
私たちはまだオンボーディングが必要だと思います。それどころか、ユーザーに強制的にオンボーディングフローに入らせることなく、完全なコントロールと自由を持つオプションを提供します。
目標は、ユーザーや顧客がアプリを自由に探索し、その機能を発見し、自然にサインインまたはサインアップへ「誘導」されることを可能にすることです。
再定義ソリューション：ナイキのオンボーディングの洞察
再定義ソリューション：ナイキのオンボーディングの洞察
上記の洞察から、私はいくつかの重要な方向性を絞り込むことができました:
ユーザージャーニーを短縮するために、画面を6つ未満にします。
明らかになりすぎないようにするが、明確で意図的であることを保ちます。
透明性を提供するために、進行状況インジケーターを表示します。
スムーズなインタラクションとアニメーションを作成することで、ユーザーを自然に1つの画面から次の画面へと導きます。
ゲストオプションを提供し、ユーザーがオンボーディングなしでアプリを探索できるようにします。
ユーザーがアプリを探索している際のすべてのエッジケースで 空の状態を提供します。
これらのポイントは、910のオンボーディングをより簡潔で明確にするための基盤となりました。
上記の洞察から、私はいくつかの重要な方向性を絞り込むことができました:
ユーザージャーニーを短縮するために、画面を6つ未満にします。
明らかになりすぎないようにするが、明確で意図的であることを保ちます。
透明性を提供するために、進行状況インジケーターを表示します。
スムーズなインタラクションとアニメーションを作成することで、ユーザーを自然に1つの画面から次の画面へと導きます。
ゲストオプションを提供し、ユーザーがオンボーディングなしでアプリを探索できるようにします。
ユーザーがアプリを探索している際のすべてのエッジケースで 空の状態を提供します。
これらのポイントは、910のオンボーディングをより簡潔で明確にするための基盤となりました。
解決策：旅を短縮する
解決策：旅を短縮する
より少ないことはより多いことです。より少ない努力はより多くの報酬に等しいです。
スプラッシュスクリーンから最終的なオンボーディングステップまで、全体の旅は3つの段階があります: インプレッション、アダプション、そしてリテンション。
インプレッション: 910appがZ世代のトーンで最高の印象を与えるための段階です。
アダプション: 目的の目標を達成し、利益を得ること: Stravaの同期
リテンション: Stravaを同期した後、910appを継続的に使用し探索します。
私たちは製品販売や関連ビジネスモデルに集中していません。私たちは、ユーザーがオンボーディング中に私たちの910appでStravaをアクティブにする方法に焦点を当てています。
より少ないことはより多いことです。より少ない努力はより多くの報酬に等しいです。
スプラッシュスクリーンから最終的なオンボーディングステップまで、全体の旅は3つの段階があります: インプレッション、アダプション、そしてリテンション。
インプレッション: 910appがZ世代のトーンで最高の印象を与えるための段階です。
アダプション: 目的の目標を達成し、利益を得ること: Stravaの同期
リテンション: Stravaを同期した後、910appを継続的に使用し探索します。
私たちは製品販売や関連ビジネスモデルに集中していません。私たちは、ユーザーがオンボーディング中に私たちの910appでStravaをアクティブにする方法に焦点を当てています。
解決策：明白でありながら明確で目的のある行動をとること
解決策：明白でありながら明確で目的のある行動をとること
オンボーディングコンテンツのコピーを作成する際、私は明確で目的があり、あまり明白すぎないという原則を適用しました。
最初のデザインと最終バージョンの違いは非常に際立っており、特に表現がどのように進化したかにおいて顕著です。
後のバージョンは、歓迎的で共感的に感じられ、必要な情報を提供しつつも、直截すぎない（明白な）ことを避けていますが、ユーザーにとって理解しやすいという直感的なものが残っています。
オンボーディングコンテンツのコピーを作成する際、私は明確で目的があり、あまり明白すぎないという原則を適用しました。
最初のデザインと最終バージョンの違いは非常に際立っており、特に表現がどのように進化したかにおいて顕著です。
後のバージョンは、歓迎的で共感的に感じられ、必要な情報を提供しつつも、直截すぎない（明白な）ことを避けていますが、ユーザーにとって理解しやすいという直感的なものが残っています。
私たちは製品や関連ビジネスモデルの販売に焦点を当てていないため、ユーザーが私たちの910アプリでのオンボーディング中にStravaを同期できる方法にのみ焦点を当てています。
私たちは製品や関連ビジネスモデルの販売に焦点を当てていないため、ユーザーが私たちの910アプリでのオンボーディング中にStravaを同期できる方法にのみ焦点を当てています。
解決策：透明性を提供する
解決策：透明性を提供する
プログレスインジケーターコンポーネントは、Nikeのものとは意図的に異なるデザインが施されています。これは、このオンボーディングの目標がパーソナライズではなく、機能の採用であるためです。
その目的は、ユーザーに旅の中での自分の位置を明確に示し、現在の段階と次に何が来るかを理解する手助けをすることです。
プログレスインジケーターコンポーネントを提供することで、オンボーディングフローはより構造的に感じられ、ユーザーが各ステップを進む際の不確実性が減ります。
違いは明確です（下の画像を参照してください）
プログレスインジケーターコンポーネントは、Nikeのものとは意図的に異なるデザインが施されています。これは、このオンボーディングの目標がパーソナライズではなく、機能の採用であるためです。
その目的は、ユーザーに旅の中での自分の位置を明確に示し、現在の段階と次に何が来るかを理解する手助けをすることです。
プログレスインジケーターコンポーネントを提供することで、オンボーディングフローはより構造的に感じられ、ユーザーが各ステップを進む際の不確実性が減ります。
違いは明確です（下の画像を参照してください）
解決策：スムーズな相互作用と相互作用
解決策：スムーズな相互作用と相互作用
画面間の遷移は、過度なアニメーションやマイクロインタラクションなしでスムーズに行えるように設計されています。
これにより、特に低性能のスマートフォンを持つユーザーが各画面を簡単にロードできるようになります。
また、これによりエンジニアは複雑すぎるモーション要件に悩まされることなく、アプリを予定通りに提供するのに役立ちます910app。
画面間の遷移は、過度なアニメーションやマイクロインタラクションなしでスムーズに行えるように設計されています。
これにより、特に低性能のスマートフォンを持つユーザーが各画面を簡単にロードできるようになります。
また、これによりエンジニアは複雑すぎるモーション要件に悩まされることなく、アプリを予定通りに提供するのに役立ちます910app。
解決策: ゲストオプション
解決策: ゲストオプション
最も良いオンボーディングはオンボーディングなしです。ゲストオプションは 910appで私たちの製品の基本的な機能を説明する最も迅速な方法です。
ゲストオプションを使用すると、ユーザーは他のアプリをさらに探索し、私たちの機能を使用するユーザーの需要を生み出します（Stravaとの同期に関する課題）。
910appでは、ゲストオプションが価値を追加し、避けられない場合はサインインおよびサインアップする必要があることを助ける最良の方法です。
最も良いオンボーディングはオンボーディングなしです。ゲストオプションは 910appで私たちの製品の基本的な機能を説明する最も迅速な方法です。
ゲストオプションを使用すると、ユーザーは他のアプリをさらに探索し、私たちの機能を使用するユーザーの需要を生み出します（Stravaとの同期に関する課題）。
910appでは、ゲストオプションが価値を追加し、避けられない場合はサインインおよびサインアップする必要があることを助ける最良の方法です。
解決策：空の状態を提供する
解決策：空の状態を提供する
製品をゲストとして探索した後の空の状態を提供し、機会を提供してユーザーをサポートし、採用につながることを保証します。
製品をゲストとして探索した後の空の状態を提供し、機会を提供してユーザーをサポートし、採用につながることを保証します。
私たちは、910appにサインイン済みまたはまだサインインしていない場合にメニューのチャレンジを提供します。
私たちは、910appにサインイン済みまたはまだサインインしていない場合にメニューのチャレンジを提供します。
ラディティア・パムンカスによるデザイン
ラディティア・パムンカスによるデザイン
ローンチ
ローンチ
長いデザインプロセスの後（私は別の作品をデザインしました）、910appは2025年5月にPlayストアとAppストアで世界的に発表されました。
長いデザインプロセスの後（私は別の作品をデザインしました）、910appは2025年5月にPlayストアとAppストアで世界的に発表されました。
数字による影響
数字による影響
シームレスなオンボーディング体験の構築により、ユーザーがStravaアカウントを同期してチャレンジに参加する大幅な増加が見られました。これは、アプリの最初のローンチのための強固な基盤となりました。
主な成果 (2025年11月):
総ダウンロード数3,051から、1,384ユーザーがStravaアカウントを同期しました — 同期率45%。(結果)
その1,384人の同期ユーザーのうち、320以上がチャレンジに参加し、コンバージョン率23%を達成しました。
シームレスなオンボーディング体験の構築により、ユーザーがStravaアカウントを同期してチャレンジに参加する大幅な増加が見られました。これは、アプリの最初のローンチのための強固な基盤となりました。
主な成果 (2025年11月):
総ダウンロード数3,051から、1,384ユーザーがStravaアカウントを同期しました — 同期率45%。(結果)
その1,384人の同期ユーザーのうち、320以上がチャレンジに参加し、コンバージョン率23%を達成しました。
3.05K+
ユーザーがダウンロード (Playstore)
ユーザーがダウンロード (Playstore)
1.3K+
910AppでStravaを同期します
910AppでStravaを同期します
320+
チャレンジに参加する
チャレンジに参加する
4.3
Playストアの評価
Playストアの評価
2025年11月の最新データ、詳細が必要な場合: お問い合わせ
私が学んだこと
私が学んだこと
910appのローンチ以来（2025年11月まで）観察してきた中で、いくつかの重要なことを学びました：
チーム全体の一定のコミュニケーションを維持することの重要性、特にエンジニアリングと連携し、すべての決定が整合しており、技術的に根拠があることを確認すること。
フィードバックの機会を開けることの価値と、デザイン決定の背後にある理由をクライアントに透明に伝えること、その結果彼らが私たちがデザインする何だけでなく、なぜ デザインするのかを理解すること。
クライアントが意思決定の完全な権限を持つ中で、私たちはUXの視点を考慮すべきです。それは最終的に、実際のユーザーが製品を体験する方法を形成するからです。
910appのローンチ以来（2025年11月まで）観察してきた中で、いくつかの重要なことを学びました：
チーム全体の一定のコミュニケーションを維持することの重要性、特にエンジニアリングと連携し、すべての決定が整合しており、技術的に根拠があることを確認すること。
フィードバックの機会を開けることの価値と、デザイン決定の背後にある理由をクライアントに透明に伝えること、その結果彼らが私たちがデザインする何だけでなく、なぜ デザインするのかを理解すること。
クライアントが意思決定の完全な権限を持つ中で、私たちはUXの視点を考慮すべきです。それは最終的に、実際のユーザーが製品を体験する方法を形成するからです。
一方、プロジェクトが開始された後に改善の機会をいくつか特定しました：
ユーザーにテストを行いフィードバックを収集する必要がありますが、クライアントのための機能が目的であるため、それを行っていません。
ストラバを同期してチャレンジに参加するための深い作業が必要です。
よりパーソナライズされたオンボーディング体験を開発する必要がありますが、クライアントに依存します。
一方、プロジェクトが開始された後に改善の機会をいくつか特定しました：
ユーザーにテストを行いフィードバックを収集する必要がありますが、クライアントのための機能が目的であるため、それを行っていません。
ストラバを同期してチャレンジに参加するための深い作業が必要です。
よりパーソナライズされたオンボーディング体験を開発する必要がありますが、クライアントに依存します。