Windows 裝置的 UI 考量

認識支援 Windows 應用程式的裝置,可協助您針對各種外型規格提供最佳的使用者體驗。

windows-powered devices

針對特定裝置進行設計時,主要的考量包括應用程式在該裝置上將如何顯示、將在該裝置上的何處使用應用程式、何時使用和如何使用,以及使用者將如何與該裝置互動。

電腦和膝上型電腦

Windows 電腦和膝上型電腦涵蓋各種裝置和螢幕大小。 一般而言,電腦和膝上型電腦可顯示比手機或平板電腦的更多的資訊。

螢幕大小

  • 13 吋或更大

a pc

一般使用方式

  • 桌上型電腦和膝上型電腦上的應用程式可以共用,但一次只能由一位使用者使用,而且使用時間通常較長。

UI 考量

  • 應用程式可以有視窗型的檢視,視窗大小由使用者決定。 根據視窗大小,可以有一到三個畫面。 在較大的螢幕上,應用程式甚至可以有三個以上的畫面。

  • 在桌上型電腦或膝上型電腦使用應用程式時,使用者可以控制應用程式檔案。 身為應用程式設計師,請務必提供管理應用程式內容的機制。 請考慮包含如「另存新檔」、「最近的檔案」等等的命令和功能。

  • 系統返回是選擇性的。 當應用程式開發人員選擇顯示它時,它會顯示在應用程式標題列。

輸入

  • 滑鼠
  • 鍵盤
  • 膝上型電腦和多合一電腦桌面上的觸控功能。
  • 有時候會使用遊戲控制器,例如 Xbox 控制器。

一般裝置功能

  • 相機
  • 麥克風

平板電腦和變形平板

極輕便好攜帶的平板電腦配備觸控螢幕、相機、麥克風和加速計。 平板電腦的螢幕大小通常介於 7 吋到 13.3 吋之間。 根據設定 (通常包含往後摺疊螢幕或將它往上傾斜),變形平板裝置就像配備鍵盤和滑鼠的平板電腦或膝上型電腦。

螢幕大小

  • 平板電腦為 7 吋到 13.3 吋
  • 變形平板為 13.3 吋 (含) 以上

a tablet device

一般使用方式

  • 平板電腦有大約 80% 的時間是由擁有者使用,其他 20% 的時間則是分享他人使用。
  • 最常在家裡做為看電視時使用的隨附裝置。
  • 使用的時間比手機和平板手機更長。
  • 文字會以短高載輸入。

UI 考量

  • 平板電腦的直向和橫向模式,都允許同時顯示兩個畫面。
  • 系統返回位於瀏覽列上。

輸入

  • 觸控
  • Stylus
  • 外接式鍵盤 (偶而)
  • 滑鼠 (偶而)
  • 語音 (偶而)

一般裝置功能

  • 相機
  • 麥克風
  • 動作感應器
  • 定位感應器

注意

電腦和膝上型電腦的大部分考量也適用於變形平板。

Xbox 和電視

坐在房間一端的沙發上,使用遊戲台或遙控器與電視互動的體驗,稱為「10 英呎體驗」。 這個名稱的由來是因為使用者通常坐在離螢幕大約 10 英呎遠的位置。 這是一個獨特的挑戰,因為我們不會稱與電腦互動是 2 英呎體驗。 如果您為 Xbox One 或任何其他連接至電視螢幕的裝置開發應用程式,並且可能使用遊戲台或遙控器作為輸入,您就必須記住這一點。

為 10 英呎體驗設計 Windows 應用程式,與為以下所列的任何其他裝置類別設計 Windows 應用程式十分不同。 如需詳細資訊,請參閱針對 Xbox 和電視進行設計

螢幕大小

  • 24 吋 (含) 以上

Xbox and TV

一般使用方式

  • 通常是多人共用,但也很常只由一個人使用。
  • 通常使用時間較長。
  • 最常在家使用,不會移動。
  • 極少要求文字輸入,因為遊戲控制器或遙控器需要較長的時間。
  • 螢幕方向固定。
  • 一次通常只會執行一個應用程式,但可能會將應用程式貼齊側邊 (例如在 Xbox 上)。

UI 考量

  • 除非另一個應用程式貼齊側邊,否則應用程式通常會保持相同大小。
  • 系統返回是大部分 Xbox 應用程式中提供的實用功能,可使用遊戲控制器上的 B 按鍵進行存取。
  • 因為客戶遠離螢幕大約 10 英呎,所以請確定 UI 夠大且可清楚看到。

輸入

  • 遊戲控制器 (例如 Xbox 控制器)
  • 遠端
  • 語音 (偶而,如果客戶有 Kinect 或耳機)

一般裝置功能

  • 相機 (偶而,如果客戶有 Kinect)
  • 麥克風 (偶而,如果客戶有 Kinect 或耳機)
  • 動作感應器 (偶而,如果客戶有 Kinect)

手機和平板手機

所有計算裝置中最為廣泛使用的裝置,手機透過有限的螢幕空間和基本輸入,就可以執行很多功能。 手機有各種不同的大小。較大的手機稱為 平板手機。 平板手機上的應用程式體驗類似智慧型手機,但因為平板手機有更大的螢幕實際可用空間,所以在內容使用的方式有一些重要變更。

螢幕大小

  • 手機 (4 吋 到 5 吋)
  • 平板手機 (5.5 吋 到 7 吋)

windows phone

一般使用方式

  • 主要以直式方向使用,大部分是因為可以用一隻手輕鬆握住手機,並以此方式完整地與手機互動,但也有些在橫向中運作良好的體驗,例如檢視相片和影片、閱讀電子書,以及撰寫文字等。
  • 大部分只有一個人使用,也就是裝置的擁有者。
  • 總是觸手可及,通常放在口袋或是包包中。
  • 使用時間不長。
  • 在使用手機時使用者通常在進行多工作業。
  • 文字會以短高載輸入。

UI 考量

  • 以直向或橫向檢視小尺寸手機螢幕時,一次都只能檢視一個畫面。 手機上的所有階層式瀏覽模式都使用「深入」模型,使用者一層一層深入瀏覽單一畫面的 UI。

  • 平板手機類似手機,在直向模式中一次只能檢視一個畫面。 但是,平板手機因為有較大的螢幕實際可用空間,當使用者旋轉為橫向並停留時,就可以一次顯示兩個應用程式畫面。

  • 請確定當螢幕小鍵盤開啟時,直向和橫向兩者的應用程式列有足夠的螢幕實際可用空間。

輸入

  • 觸控
  • 語音

一般裝置功能

  • 麥克風
  • 相機
  • 動作感應器
  • 定位感應器

 

Surface Hub 裝置

Microsoft Surface Hub 是一項大型螢幕的小組共同作業裝置,為多個使用者同時使用所設計。

螢幕大小

  • 55 吋和 84 吋

a surface hub

一般使用方式

  • Surface Hub 上的應用程式可以在短時間內共用,例如在會議當中。

  • Surface Hub 裝置大部分是固定的,而且很少移動。

UI 考量

  • Surface Hub 上的應用程式會以 4 種狀態之一顯示 - 完整 (標準的全螢幕檢視)、背景 (在應用程式仍在執行時從檢視隱藏,可使用工作切換器切換)、填滿 (固定的檢視,佔用可用的顯示區域),以及貼齊 (可變的檢視,佔用顯示區域的左或右側)。
  • 在貼齊模式或填滿模式下,系統會顯示 Skype 資訊看板並水平地壓縮應用程式。
  • 系統返回是選擇性的。 當應用程式開發人員選擇顯示它時,它會顯示在應用程式標題列。

輸入

  • 觸控
  • 畫筆
  • 語音
  • 鍵盤 (螢幕/遠端)
  • 觸控板 (遠端)

一般裝置功能

  • 相機
  • 麥克風

 

Windows IoT 裝置

Windows IoT 裝置是新興的裝置類別,以嵌入式小型電子、感應器,以及實體物件內含的連線能力為中心。 這些裝置通常透過網路或是網際網路,回報在真實世界感測到的資料,並在某些情況下執行動作。 裝置可以沒有螢幕 (也稱為「無周邊」裝置) 或與尺寸小於 3.5 吋或更小的螢幕連接 (也稱為「周邊」裝置)。

螢幕大小

  • 3.5 吋或更小
  • 部分裝置沒有螢幕

an iot device

一般使用方式

  • 通常透過網路或是網際網路,回報在真實世界感測到的資料,並在某些情況下執行動作。
  • 這些裝置一次只能執行一種應用程式,不像手機或是其他較大的裝置。
  • 它並非隨時可以進行互動的裝置,但相對來說是你需要時即可使用,不用時即可放在一邊。
  • 應用程式沒有專用的返回能供性,那是開發人員的要負責的。

UI 考量

  • 「無周邊」裝置沒有螢幕。
  • 因為受限的螢幕實際可用空間和功能, 「周邊」裝置的顯示很小,僅顯示必要的資訊。
  • 方向大部分時間是鎖定的,所以應用程式只需要考量一種顯示方向。

輸入

  • 視裝置不同而可變

一般裝置功能

  • 視裝置不同而可變