windows phone Design and Interaction Guide 筆記

立刻生效，無需確定介面

要允許使用者取消上一步操作

 

進度條

狀態列的頂部有個進度條。分為determinate和indeterminate兩種。

可以判斷進度的用determinate，例如下載；不能判斷進度的用indeterminate，例如串連網路、登入。

 

主題背景

有黑色背景和白色背景兩種，設計UI要考慮全。

 

輸入大分類

• Touch
• On-screen keyboard
• Hardware keyboard
• Microphone
• Phone hardware buttons
• Sensor

 

1. Touch

touch target & touch element

touch target是物理上的，touch element是看上去的

touch element的面積不能大於touch target，也不能小於touch target的60%

 

touch target大小限制

一個touch target推薦不小於9毫米（34像素），必須不小於7毫米（26像素）。常用的或後果嚴重的，要大於9毫米。

兩個touch targets間隔不小於2毫米（8像素），重要操作的控制項間隔適當加大以免誤按

 

單指觸摸

• Tap：開啟，運行
• Double Tap：用來切換應用程式或者空間的放大和縮小狀態。
• Pan：用來移動元素。如果內容移動到某兩個狀態之間時，該內容應當自行調整到最接近的一個狀態。物件跟隨手指移動，並在手指抬起後停留在新的位置。

• Flick：即swipe——划動，一般UI背景層也會一併改變。用來切換頁面。
• Touch and Hold：類比按右鍵。

多點觸摸

當每個觸摸點直徑都不小於7毫米，且相互間距不小於3.5毫米時，這個動作就被視為多點觸摸。

 

2. On-Screen keyboard

如果開發人員使用多行編輯控制項，那麼它可能部分隱藏到鍵盤後面。開發人員必須保證帶插入符號的那一行始終能顯示在鍵盤區外面。

點擊斷行符號鍵時，要麼會提交資料並關閉鍵盤，要麼會把焦點移動到下一個控制項。如果編輯控制項是多行的，那麼點擊斷行符號鍵會新增一行。

3. Microphone

Windows Phone 7 的麥克風的頻率範圍是150Hz~7000Hz

 

4. Phone hardware button

電源、休眠、相機、返回、Start、搜尋

Start button

當使用者按下開始按鈕，會進入手機的主介面。而正在啟動並執行應用程式則會進入暫停狀態。

Search button

物理搜尋按鈕會啟動必應搜尋。搜尋體驗會根據使用者的情境而做相應的區別，例如在outlook就是搜尋郵件。

Back button

當使用者在一個程式的初始介面上按返回鍵時，程式會關閉。

但是，返回鍵的主要用途是從當前頁面返回到上一個頁面。

返回鍵不能當作鍵盤上的backspace鍵來刪除輸入的文字。

Power/Sleep button

Sleep button

物理音量鍵用來調節通話音量（在手機通話過程中），或者全域音量（不在通話時）。這包括音樂，收音機，視頻，應用程式，鈴聲以及系統聲音的音量。

Volume button

這個按鍵會作用到整個系統以及應用程式。這意味著，開發人員不能把音量設定到大於使用者的設定，也不能取消靜音。

當有來電時，按下任意一個音量鍵都會進入靜音。

Camera button

照相機鍵關聯了兩個動作，它支援半按和全按兩個模式。當使用者全按時，手機將啟動照相程式。而如果使用者在照相程式啟動後半按，則會開啟自動對焦。

使用者在手機螢幕關閉或者鎖屏時間長度按照相機鍵超過一秒鐘，則會啟動照相程式。

 

感應器

所有的Windows Phone 7 手機都包含以下的感應器：

• 加速度感應器 Accelerometer
• 輔助全球定位系統 A-GPS
• 接近感應器  Proximity Sensor
• 照相機 Camera
• 指南針 Compass
• 光線感應器  Light Sensor

接近感應器用來關閉螢幕以節省電量。當有物體接近到螢幕15毫米以內的距離時，感應器會響應。手機生產商可以來決定如何在裝置上裝配感應器。所以它的位置不固定。
當手機擴音器開啟時，感應器依然會起作用，也就是說，如果這是用手指會其他東西覆蓋感應器，螢幕依然會關閉。
開發人員無權控制接近感應器的功能設定。

 

所有的Windows Phone 7 手機都配有500萬像素或更高解析度的相機，並且具備自動對焦，閃光燈以及4：3比例映像感應器。

所有的Windows Phone 7 手機不管大小如何，解析度都是800*480。

 

Button

button上的字不能太多，英文的話不允許超過兩個單詞

 

Checkbox

不推薦使用Intermediate