Teams モバイルの応答タブを計画する

Teams プラットフォームは、モバイルとデスクトップでアプリを構築する機会を提供します。 アプリ ユーザーは、デスクトップまたはモバイルのどちらか、またはその両方を優先できます。 ユーザーはデスクトップでデータを準備できますが、モバイルを使用してより多くのデータを使用して共有できます。 アプリを構築するキーは、ユーザーのニーズを理解し、それを満たすことです。 デスクトップとモバイルでシームレスに動作するボット、メッセージ拡張機能、コネクタなどの機能があります。 ただし、タブとタスク モジュールを構築するには、Teams モバイルで Web エクスペリエンスをホストするための計画が必要です。 この記事では、Teams モバイルでレスポンシブ Web ページを計画する方法について説明します。

アプリのスコープを特定する

次の一覧では、Teams モバイル用のアプリの構築を計画するための重要な情報を示します。

  • Teams アプリのクロス デバイス機能を検討してください。 たとえば、デスクトップでパフォーマンスの高いアプリがある場合は、モバイルで同様のアプリを構築することを検討できます。 最初は、モバイルでデスクトップ エクスペリエンス全体を移行することは困難な場合があります。 基本的な一般的なシナリオから始めることができます。 より多くの分析情報とユーザー フィードバックを収集した後に、機能と機能を追加します。

  • モバイルで適切なユーザー ペルソナをターゲットにするようにしてください。 たとえば、エンド ユーザーにサービスを提供し、開発者や上級管理職にデータアクセスを提供するアプリを構築している場合、Teams mobile でアプリの構築を開始する間、エンド ユーザーはそのアプリをより多く使用できます。 デスクトップ アプリにあるすべてのペルソナに対応できますが、より大きなベースと、より小さな画面エクスペリエンスのための可能なアーリー アダプターを備えたペルソナから始めることをお勧めします。 例のように、エンド ユーザーは適切なユーザー ペルソナです。 Teams モバイル上の他のユーザー ペルソナをサポートする機能を段階的に追加できます。

アプリをビルドするためのさまざまなステージについて理解する

アプリ スコープを特定したら、次の 3 つの段階を理解し、Teams モバイルでアプリを計画し、ユーザー エクスペリエンスを向上させます。

  1. 消費

    モバイルでアプリを表示します。 モバイルでアプリを構築するには、まず消費エクスペリエンスから始めることができます。 モバイルの世界ではコンテンツのスクロールが一般的な方法になっているため、関連情報を表示できます。 通知などのエンゲージメント メカニズムを使用して、更新プログラムを通知します。

  2. クイック アクション

    モバイルでアプリを使用します。 ユーザーがモバイルでコンテンツの使用を開始したら、デスクトップ アプリから一部のアクションを移行することで、アプリを次のレベルに拡大できます。 モバイル用の新しいアクションを最適化して構築できます。

  3. 有効化

    モバイルでエンゲージメントするための完全なアプリ エクスペリエンスを提供します。 ユーザーがアプリを操作する際に、デスクトップ エクスペリエンスと同等以上の、モバイルで完全な没入型エクスペリエンスを提供します。 ユーザーに優れたエクスペリエンスを提供するには、すべてのユース ケースをモバイルでレスポンシブにします。

ヒント

設計ガイドラインに関する情報を取得するには、Teams アプリの設計プロセスに関するページを参照してください。

使用例

Teams モバイル用のさまざまな種類のアプリを計画する方法を理解するために、次のユース ケースについて説明します。


ダッシュボード アプリとデータ視覚化アプリ

Teams モバイル プラットフォームでダッシュボードおよびデータ視覚化アプリのレスポンシブ タブを計画する方法を理解できます。

消費:

最初の段階では、最も基本的な消費エクスペリエンスを実装して、データを表示できます。 ドメイン内のアプリの目的は、視覚化の形式でデータを表示することです。 アプリでは、最近表示された視覚化をデスクトップに表示したり、ユーザーに対して承認されたすべてのグラフの一覧を表示したりできます。 デスクトップでダッシュボードを作成した後、ユーザーはモバイルを使用して情報にアクセスできます。 タブまたはタスク モジュールを使用して、ユーザーが選択したグラフの詳細ビューを展開ビューとして表示できます。

必要に応じて次の情報を含めることもできます。

  • ダッシュボードと概要
  • データ ビジュアル、マップ、インフォグラフィック
  • グラフと表

ダッシュボード アプリとデータ視覚化アプリの使用

クイック アクション:

2 番目のステージでは、ユーザーはデスクトップ エクスペリエンスから既存のグラフとビジュアルを操作できます。 以下のアクションを実行できます。

  • コンテンツの検索
  • データをフィルター処理する
  • ブックマークを作成する

ダッシュボードとデータ視覚化アプリのクイック アクション

有効化:

3 番目のステージでは、ユーザーが最初からグラフやグラフィックスなどのコンテンツを作成できるようにします。 モバイル向けアプリにすべての機能を導入してください。 たとえば、タスク モジュールを使用すると、詳細ビューを使用して特定のデータ項目にアクセスできます。

ユーザーに次のアクセス権を提供できます。

  • タイトルと説明を変更する
  • データ項目を挿入して視覚化を作成する
  • チャネルまたはグループ チャットで視覚化を共有する

ダッシュボードとデータ視覚化アプリの有効化



タスク ボーディング アプリ

Teams モバイル プラットフォームでタスク ボーディング アプリのレスポンシブ タブを計画する方法を理解できます。

消費:

最初の段階では、アプリはタスクのリストを垂直スタックでユーザーに表示できます。 [提案済み][アクティブ][終了] などのタスクの複数のカテゴリがある場合は、グループ化されたタスクを表示するためのフィルターを提供するか、グループ化されたタスクを表示するヘッダーとして指定します。

タスク ボーディング アプリの使用

クイック アクション:

2 番目のステージでは、ユーザーに次のアプリ アクセス権を提供できます。

  • 必須フィールドを持つタスクまたはアイテムを作成して、ユーザーの認知負荷を軽減する
  • ボードの種類またはビューを変更する
  • ビューを展開してタスクを確認する
  • タスク モジュールを使用して詳細ビューを表示する
  • タスクを異なるカテゴリに移動する
  • メールやアクティビティ フィードを使用して、チャットやチャネルで関連するタスクを共有する

タスク ボーディング アプリのクイック アクション

有効化:

3 番目のステージでは、次のアクティビティでユーザーのエクスペリエンスを有効にすることができます。

  • 新しいプロジェクトとボードを追加する
  • [提案済み][アクティブ][クローズ] など、さまざまなカテゴリを追加および変更する
  • コメント、添付ファイル、およびその他の複雑な機能のタスクを構成する

タスク ボーディング アプリの有効化


共同編集アプリとホワイトボード アプリ

モバイル プラットフォームで共同編集アプリとホワイトボード アプリの応答性の高いタブを計画する方法Teams理解できます。

消費:

最初の段階では、デスクトップ エクスペリエンスを検討して、アプリ内のコンテンツとアセットを表示できます。 次の関数を表示できます。

  • コメントまたはフィードバック
  • 拡大表示/縮小表示
  • 保留中のドキュメントの現在のステージまたは進行状況

アプリの共同編集とホワイトボードの使用

クイック操作:

2 番目のステージでは、次のアクションを導入できます。

  • コラボレーション用の新しいボードまたは署名用の新しいドキュメントを作成する
  • ボードを内部で共有し、ゲストと共有する
  • 管理者のアクセス許可を構成する

ヒント

小さな画面に簡単に表示できるアクションを公開します。

アプリの共同編集とホワイトボードのクイック アクション

有効化:

3 番目の段階では、ユーザーに完全なエクスペリエンスを提供します。 次のアクティビティを使用して、ユーザーのエクスペリエンスを有効にすることができます。

  • テキスト、図形、クイック ノートの追加
  • コンテンツの周囲を移動する
  • レイヤーとフィルターを追加する
  • 削除、元に戻す、やり直す操作
  • JS SDK API を使用してカメラとマイクにアクセスします。 デバイス機能の詳細については、 デバイス機能の概要に関するページを参照してください。

共同編集とホワイトボード アプリの有効化


関連項目

アプリの範囲に応じて、次の設計と検証のガイドラインが役立ちます。