進度指示器Progress indicator


Progress ring example in HoloLens

進度控制項可提供執行長時間執行作業的意見反應。A progress control provides feedback that a long-running operation is underway. 當進度指標可見時,使用者可以看到等待時間,而且無法與應用程式互動。When a progress indicator is visible, users can see the wait time and can't interact with the app.



進度的類型Types of progress

請務必提供有關所發生情況的使用者資訊。It's important to provide the user information about what is happening. 在混合的情況下,如果您的應用程式沒有良好的視覺效果意見反應,就可以輕鬆地將使用者的注意力帶到實體環境或物件。In mixed reality, users can be easily distracted by the physical environment or objects if your app doesn't have good visual feedback. 在需要幾秒鐘的情況下(例如資料載入或場景正在進行更新時),最好是顯示視覺指標。For situations that take a few seconds, like when data is loading or a scene is updating, it's a good idea to show a visual indicator. 有兩個選項可讓使用者顯示作業正在進行中– 進度 列或 進度環形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 its progress shouldn't 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 user interaction is blocked until the operation has completed.

影像: HoloLens 的進度環形範例Image: Progress ring example in HoloLens

spacespace
HoloLens 裝置上的進度環形範例Progress ring example on HoloLens device



使用自訂物件的進度Progress with a custom object

您可以使用自己的自訂 2D/3D 物件自訂進度控制項,以新增至您應用程式的個人和品牌身分識別。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 和標記-也內建在進度預製專案中。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. 進度預製專案提供各種視覺化樣式,包括提供狀態的 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 (混合現實工具組) 的進度列指示器Progress indicator in MRTK (Mixed Reality Toolkit) for Unity



請參閱See also