進捗状況インジケーターProgress indicator


Progress ring example in HoloLens

プログレス コントロールは、時間のかかる操作が進行中であることを示すフィードバックをユーザーに返します。A progress control provides feedback to the user that a long-running operation is underway. 使用されているインジケーターに応じて、進行状況インジケーターが表示されているときはユーザーはアプリを操作できないことを知らせたり、待ち時間の長さを示したりできます。It can mean that the user cannot interact with the app when the progress indicator is visible, and can also indicate how long the wait time might be, depending on the indicator used.



プログレス コントロールの種類Types of progress

何が起こっているかについてユーザー情報を提供することが重要です。It is important to provide the user information about what is happening. 混合環境では、アプリから視覚的なフィードバックが得られない場合、ユーザーは物理環境またはオブジェクトによって簡単に気にすることができます。In mixed reality users can be easily distracted by physical environment or objects if your app does not gives good visual feedback. データが読み込まれたりシーンが更新されたりするなど、数秒かかる状況では、視覚的なインジケーターを表示することをお勧めします。For situations that take a few seconds, such when data is loading or a scene is updating, it is good idea to show a visual indicator. 操作が進行しているユーザーを表示するには、 進行状況バー または 進行状況のリング の2つのオプションがあります。There are two options to show the user that an operation is underway – a Progress bar or a Progress ring.

進行状況バーProgress bar

進行状況バーには、タスクの完了率が表示されます。A Progress bar shows the percentage completed of a task. このメソッドは、期間が既知 (有限) の操作中に使用する必要がありますが、進行中のユーザーとアプリとの対話をブロックすることはできません。It should be used during an operation whose duration is known (determinate), but it's progress should not block the user's interaction with the app.

イメージ: HoloLens での進行状況バーの例Image: Progress bar example in HoloLens

spacespace
HoloLens での進行状況バーの例Progress bar example in HoloLens



進行状況リングProgress ring

進行状況のリングは不確定な状態であるため、操作が完了するまで他のユーザー操作がブロックされたときに使用する必要があります。A Progress ring only has an indeterminate state, and should be used when any further user interaction is blocked until the operation has completed.

イメージ: HoloLens での進行状況リングの例Image: Progress ring example in HoloLens

spacespace
HoloLens での進行状況リングの例Progress ring example in HoloLens



カスタムオブジェクトの進行状況Progress with a custom object

独自のカスタム 2D/3D オブジェクトを使用して進行状況の制御をカスタマイズすることで、アプリの個性とブランド id に追加できます。You can add to your app's personality and brand identity by customizing the Progress control with your own custom 2D/3D objects.

イメージ: HoloLens でのカスタムメッシュの例の進行状況Image: Progress with custom mesh example in HoloLens

spacespace
HoloLens でのカスタムメッシュの例の進行状況Progress with custom mesh example in HoloLens



ベスト プラクティスBest practices

  • ユーザーが簡単にヘッドを空の領域に移動してコンテキストを失うことがあるため、 billboarding またはタグ を進行状況の表示に密に結合します。Tightly couple billboarding or tag-along to the display of Progress since the user can easily move their head into empty space and lose context. ユーザーが何も表示できない場合、アプリがクラッシュしたように見えることがあります。Your app might look like it has crashed if the user is unable to see anything. Billboarding とタグは、進行状況の prefab に組み込まれています。Billboarding and tag-along is built into the Progress prefab.
  • ユーザーに対して何が起こっているかに関するステータス情報を常に提供するのが適切です。It's always good to provide status information about what is happening to the user. Progress prefab には、状態を提供するための Windows 標準のリングの種類の進行状況など、さまざまな視覚スタイルが用意されています。The Progress prefab provides various visual styles including the Windows standard ring-type progress for providing status. また、進行状況のスタイルをアプリのブランドに合わせる必要がある場合は、アニメーションでカスタムメッシュを使用することもできます。You can also use a custom mesh with an animation if you want the style of your progress to align to your app’s brand.


Unity 用 MRTK (Mixed Reality Toolkit) の進行状況インジケーターProgress indicator in MRTK (Mixed Reality Toolkit) for Unity



関連項目See also