Windows 裝置的 UI 考量
認識支援 Windows 應用程式的裝置,可協助您針對各種外型規格提供最佳的使用者體驗。
針對特定裝置進行設計時,主要的考量包括應用程式在該裝置上將如何顯示、將在該裝置上的何處使用應用程式、何時使用和如何使用,以及使用者將如何與該裝置互動。
電腦和膝上型電腦
Windows 電腦和膝上型電腦涵蓋各種裝置和螢幕大小。 一般而言,電腦和膝上型電腦可顯示比手機或平板電腦的更多的資訊。
螢幕大小
- 13 吋或更大
一般使用方式
- 桌上型電腦和膝上型電腦上的應用程式可以共用,但一次只能由一位使用者使用,而且使用時間通常較長。
UI 考量
應用程式可以有視窗型的檢視,視窗大小由使用者決定。 根據視窗大小,可以有一到三個畫面。 在較大的螢幕上,應用程式甚至可以有三個以上的畫面。
在桌上型電腦或膝上型電腦使用應用程式時,使用者可以控制應用程式檔案。 身為應用程式設計師,請務必提供管理應用程式內容的機制。 請考慮包含如「另存新檔」、「最近的檔案」等等的命令和功能。
系統返回是選擇性的。 當應用程式開發人員選擇顯示它時,它會顯示在應用程式標題列。
輸入
- 滑鼠
- 鍵盤
- 膝上型電腦和多合一電腦桌面上的觸控功能。
- 有時候會使用遊戲控制器,例如 Xbox 控制器。
一般裝置功能
- 相機
- 麥克風
平板電腦和變形平板
極輕便好攜帶的平板電腦配備觸控螢幕、相機、麥克風和加速計。 平板電腦的螢幕大小通常介於 7 吋到 13.3 吋之間。 根據設定 (通常包含往後摺疊螢幕或將它往上傾斜),變形平板裝置就像配備鍵盤和滑鼠的平板電腦或膝上型電腦。
螢幕大小
- 平板電腦為 7 吋到 13.3 吋
- 變形平板為 13.3 吋 (含) 以上
一般使用方式
- 平板電腦有大約 80% 的時間是由擁有者使用,其他 20% 的時間則是分享他人使用。
- 最常在家裡做為看電視時使用的隨附裝置。
- 使用的時間比手機和平板手機更長。
- 文字會以短高載輸入。
UI 考量
- 平板電腦的直向和橫向模式,都允許同時顯示兩個畫面。
- 系統返回位於瀏覽列上。
輸入
- 觸控
- Stylus
- 外接式鍵盤 (偶而)
- 滑鼠 (偶而)
- 語音 (偶而)
一般裝置功能
- 相機
- 麥克風
- 動作感應器
- 定位感應器
注意
電腦和膝上型電腦的大部分考量也適用於變形平板。
Xbox 和電視
坐在房間一端的沙發上,使用遊戲台或遙控器與電視互動的體驗,稱為「10 英呎體驗」。 這個名稱的由來是因為使用者通常坐在離螢幕大約 10 英呎遠的位置。 這是一個獨特的挑戰,因為我們不會稱與電腦互動是 2 英呎體驗。 如果您為 Xbox One 或任何其他連接至電視螢幕的裝置開發應用程式,並且可能使用遊戲台或遙控器作為輸入,您就必須記住這一點。
為 10 英呎體驗設計 Windows 應用程式,與為以下所列的任何其他裝置類別設計 Windows 應用程式十分不同。 如需詳細資訊,請參閱針對 Xbox 和電視進行設計。
螢幕大小
- 24 吋 (含) 以上
一般使用方式
- 通常是多人共用,但也很常只由一個人使用。
- 通常使用時間較長。
- 最常在家使用,不會移動。
- 極少要求文字輸入,因為遊戲控制器或遙控器需要較長的時間。
- 螢幕方向固定。
- 一次通常只會執行一個應用程式,但可能會將應用程式貼齊側邊 (例如在 Xbox 上)。
UI 考量
- 除非另一個應用程式貼齊側邊,否則應用程式通常會保持相同大小。
- 系統返回是大部分 Xbox 應用程式中提供的實用功能,可使用遊戲控制器上的 B 按鍵進行存取。
- 因為客戶遠離螢幕大約 10 英呎,所以請確定 UI 夠大且可清楚看到。
輸入
- 遊戲控制器 (例如 Xbox 控制器)
- 遠端
- 語音 (偶而,如果客戶有 Kinect 或耳機)
一般裝置功能
- 相機 (偶而,如果客戶有 Kinect)
- 麥克風 (偶而,如果客戶有 Kinect 或耳機)
- 動作感應器 (偶而,如果客戶有 Kinect)
手機和平板手機
所有計算裝置中最為廣泛使用的裝置,手機透過有限的螢幕空間和基本輸入,就可以執行很多功能。 手機有各種不同的大小。較大的手機稱為 平板手機。 平板手機上的應用程式體驗類似智慧型手機,但因為平板手機有更大的螢幕實際可用空間,所以在內容使用的方式有一些重要變更。
螢幕大小
- 手機 (4 吋 到 5 吋)
- 平板手機 (5.5 吋 到 7 吋)
一般使用方式
- 主要以直式方向使用,大部分是因為可以用一隻手輕鬆握住手機,並以此方式完整地與手機互動,但也有些在橫向中運作良好的體驗,例如檢視相片和影片、閱讀電子書,以及撰寫文字等。
- 大部分只有一個人使用,也就是裝置的擁有者。
- 總是觸手可及,通常放在口袋或是包包中。
- 使用時間不長。
- 在使用手機時使用者通常在進行多工作業。
- 文字會以短高載輸入。
UI 考量
以直向或橫向檢視小尺寸手機螢幕時,一次都只能檢視一個畫面。 手機上的所有階層式瀏覽模式都使用「深入」模型,使用者一層一層深入瀏覽單一畫面的 UI。
平板手機類似手機,在直向模式中一次只能檢視一個畫面。 但是,平板手機因為有較大的螢幕實際可用空間,當使用者旋轉為橫向並停留時,就可以一次顯示兩個應用程式畫面。
請確定當螢幕小鍵盤開啟時,直向和橫向兩者的應用程式列有足夠的螢幕實際可用空間。
輸入
- 觸控
- 語音
一般裝置功能
- 麥克風
- 相機
- 動作感應器
- 定位感應器
Surface Hub 裝置
Microsoft Surface Hub 是一項大型螢幕的小組共同作業裝置,為多個使用者同時使用所設計。
螢幕大小
- 55 吋和 84 吋
一般使用方式
Surface Hub 上的應用程式可以在短時間內共用,例如在會議當中。
Surface Hub 裝置大部分是固定的,而且很少移動。
UI 考量
- Surface Hub 上的應用程式會以 4 種狀態之一顯示 - 完整 (標準的全螢幕檢視)、背景 (在應用程式仍在執行時從檢視隱藏,可使用工作切換器切換)、填滿 (固定的檢視,佔用可用的顯示區域),以及貼齊 (可變的檢視,佔用顯示區域的左或右側)。
- 在貼齊模式或填滿模式下,系統會顯示 Skype 資訊看板並水平地壓縮應用程式。
- 系統返回是選擇性的。 當應用程式開發人員選擇顯示它時,它會顯示在應用程式標題列。
輸入
- 觸控
- 畫筆
- 語音
- 鍵盤 (螢幕/遠端)
- 觸控板 (遠端)
一般裝置功能
- 相機
- 麥克風
Windows IoT 裝置
Windows IoT 裝置是新興的裝置類別,以嵌入式小型電子、感應器,以及實體物件內含的連線能力為中心。 這些裝置通常透過網路或是網際網路,回報在真實世界感測到的資料,並在某些情況下執行動作。 裝置可以沒有螢幕 (也稱為「無周邊」裝置) 或與尺寸小於 3.5 吋或更小的螢幕連接 (也稱為「周邊」裝置)。
螢幕大小
- 3.5 吋或更小
- 部分裝置沒有螢幕
一般使用方式
- 通常透過網路或是網際網路,回報在真實世界感測到的資料,並在某些情況下執行動作。
- 這些裝置一次只能執行一種應用程式,不像手機或是其他較大的裝置。
- 它並非隨時可以進行互動的裝置,但相對來說是你需要時即可使用,不用時即可放在一邊。
- 應用程式沒有專用的返回能供性,那是開發人員的要負責的。
UI 考量
- 「無周邊」裝置沒有螢幕。
- 因為受限的螢幕實際可用空間和功能, 「周邊」裝置的顯示很小,僅顯示必要的資訊。
- 方向大部分時間是鎖定的,所以應用程式只需要考量一種顯示方向。
輸入
- 視裝置不同而可變
一般裝置功能
- 視裝置不同而可變