Mobile Web向けWalkMe

Last Updated 2月 24, 2023

概要

Mobile Web向けWalkMeでは、ユーザーはSafariやChromeなどのモバイルデバイスでWalkMeにアクセスできます。 Mobile Web向けWalkMeを使用すると、外出中のユーザーに、いつでもどこでも必要なときに効果的なガイダンスを提供することができます。

ユーザーの大部分がモバイルデバイスからリモートで仕事をしている場合、Mobile Web向けWalkMeは実装の重要な要素になります。 このプラットフォームは、現場のセールスマンや出張の多い従業員が抱える問題を解決するのに役立ちます。

Mobile Web環境で作成された各アイテムは、最高のユーザーエクスペリエンスを実現するために、デスクトップエディタで作成されたアイテムとは別になっています。 すべてのアプリはMobile Webで利用でき、デスクトップ版と非常によく似たものを作ることができます。 これにより、告知、ヘルプ、アクションコールを従来のリリースサイクルの外でデプロイすることができ、貴重な開発時間を節約できます。

Mobile Web向けWalkMeは、デフォルトでは有効になっていません。 この機能を利用するには、アカウントマネージャーに連絡して有効にする必要があります。

WalkMeとMobile Web向けWalkMeは、2つの異なるエディタです。 [Systems(システム)]ボタンを使用して切り替えます。

使用方法

ウェブコンテンツとMobile Webコンテンツは、デスクトップデバイス上の同じエディタから作成されますが、Mobile Web用のコンテンツを設計する場合は、エディタを「Mobile Web」に設定する必要があります:

さらに、ウェブブラウザーの開発ツールに移動して、ブラウザーの表示をモバイルに設定します。

Chromeの開発ツールでは、このようにモバイルトグルボタンが表示されます。

このようにすれば、モバイルコンテンツを録画・プレビューし、モバイルユーザーにどのように表示されるかを理解できます。

WalkMeは、使用しているデバイスと画面解像度をチェックして、モバイルとデスクトップのどちらのエクスペリエンスを読み込むべきかを決定します。 まずWalkMeは、モバイルデバイスを使用しているかどうかをチェックし、次に画面の解像度をチェックします。 モバイルデバイスが検出されると、モバイルエミュレーターで作成したアイテムのみがユーザーに表示されます。 WalkMeがデスクトップブラウザーを検出すると、600×800未満の画面サイズで作成されたアイテムを自動的に除外します(解像度はカスタマイズ可能)。

Mobile Web向けWalkMeは、デスクトップバージョンと同じスニペットを使用します。 ただし、モバイル環境のUIはデスクトップバージョンとモバイルバージョンでは大きく異なる場合があるため、その環境に合わせてWalkMeアイテムを構築することをお勧めします。 モバイルエミュレーターを使用すると、特定のデバイスを選択してその画面に収まるように環境を確認できます。 これにより、WalkMeアイテムがさまざまな画面解像度に合わせて調整されていることを確認でき、自信を持って構築できます。

Mobile Web向けWalkMeは有効化が必要な機能です。 アクセスのリクエストについては、カスタマーサクセスマネージャーまたはサポートまでご連絡くださいMobile Web向けWalkMeを使用するには、お客様のサイトまたはセルフホスティングで標準のスニペットを使用する必要があります。 現在、拡張機能を使用している場合は、Mobile Web向けWalkMeの使用方法の詳細について、アカウントマネージャーにお問い合わせください。

デスクトップとの違い

ウォークスルー、ランチャー、リソース、タスクリスト、シャトルなどのアイテムはすべて、デスクトップバージョンと同じように作成されます。 これには、モバイル環境内でのセグメンテーションとゴールの使用が含まれます。 モバイル環境では、小さい画面サイズに合わせて、これらのアイテムの一部のデザインが変更されます。WalkMeメニューが小さく表示されるようになり、バルーンは画面の解像度に応じて大きさが変わり、シャウトアウトには独自のテンプレートが用意されています。

ウォークスルー

ウォークスルーアプリのデスクトップバージョンとモバイルバージョンには、いくつかの違いがあります。 なぜなら、モバイルユーザーはクリックやホバーなどのトリガーを使用できないからです。 モバイルエミュレーターでは、これらのトリガーは利用できず、タップとスワイプに置き換えられます。

セグメンテーション

モバイル環境のセグメント化に役立つルールタイプが追加されました。画面サイズを使用して、デスクトップの最小サイズまたはモバイルの最大サイズを決定します。 また、アイテムは、ウェブサイトにレスポンシブ対応するために、ブラウザーサイズでセグメント化することもできます。 変数、jQuery、Cookieに基づくユーザータイプのセグメンテーションを含む、他のすべてのルールタイプが利用可能になります。 ポートレートモードのiPhone 5で機能するウォークスルーがランドスケープモードのiPadで機能しない場合は、ウォークスルーを複製して、必要な手順のみを変更することができます。 代替のウォークスルーを作成したら、両方のウォークスルーをセグメント化して、適切なデバイスを使用しているユーザーにのみ表示されるようにしてください。

テストと評価

モバイル向けにウォークスルーやその他のアイテムをテストする場合、エディタのプレビューモードでテストを開始してください。 レイアウトの問題に特に注意しながら、すべてのアイテムを徹底的にチェックしてください。 また、モバイルデバイスでアイテムを直接テストすることを強くお勧めします。 ユーザーに最も一般的に使用されるデバイスでテストをします。 デバイス自体でテストするには、テスト環境にアイテムをパブリッシュします。

本番環境に公開されると、モバイル向けのアイテムはWalkMe Analyticsの一部として確認することができます。 Mobile Webデータはデスクトップウェブデータと統合され、インサイトの同じアカウントで表示することができます。

試してみましょう

モバイルエミュレーターで既存のウォークスルーを再構築します。 これは、デスクトップバージョンとモバイルバージョンでのウェブサイトの違いを理解するのに役立ちます。

可能な限り多くのデバイスでこのウォークスルーをテストし、潜在的な問題点についてできるだけ多くの情報を入手します。 次に、チームとブレインストーミングして、モバイルで最も使用されているプロセスを特定します。 これは、デスクトップで完了するプロセスとは大きく異なる場合があります。 まずはユーザーに聞いて、モバイルデバイスからどのような行動をとることが多いのかを確認しましょう。

Mobile Webシステムの追加

管理センターの既存のウェブシステムにMobile Webシステムを追加します。

1) admin.walkme.comに移動

2) Mobile Webプラットフォームを追加するシステムの上にマウスカーソルを置く

3) 3ドットメニューをクリック

4) Mobile Webを追加をクリック

5) 確認ポップアップが表示されます。 選択したシステムにMobile Webプラットフォームを追加することを確認するには、「Mobile Webを追加」をクリックします

 

6) 「プラットフォーム」列の下に、「Mobile Web」という名前の別のタグが表示されます

この記事は役に立ちましたか?

ご意見ありがとうございます!
×

アカウントタイプの選択

選ぶ
< 戻る

Mobile account login

< 戻る