進行状況の表示Displaying progress

プログレス コントロールは、時間のかかる操作が進行中であることを示すフィードバックをユーザーに返します。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.

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

プログレス コントロールの種類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

HoloLens での進行状況バーの例

進行状況バーには、タスクの完了率が表示されます。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.

進行状況リングProgress ring

HoloLens での進行状況リングの例

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

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

HoloLens でのカスタムメッシュの例の進行状況

独自のカスタム 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.

ベスト プラクティス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.

関連項目See also