MBL302

設計WindowsMobile應用程序的用戶界面張欣TeamLeadUS-MDD-Test微軟有限公司MBL302

設計WindowsMobile應用程序的用戶Mobile應用程序的用戶界面課件議程屏幕的方位性分辨率界面布局軟鍵和菜單輸入議程屏幕的方位性導語：Mobile設備的人機界面的發展LED單色屏幕灰度屏幕彩色屏幕手寫。。。。。。導語：Mobile設備的人機界面的發展LEDWindowsMobileUI設計

常規的概念常見的一些概念的轉換鼠標--〉觸筆鍵盤--〉硬件按鈕Mobile？Mobility？用戶輸入界面保持簡潔WindowsMobileUI設計

常規的概念常見的一些WindowsMobileUI設計

設計原則簡單易操作記憶負擔小符合用戶認知習慣WindowsMobileUI設計

設計原則簡單易操作屏幕的方位性

Whatisit？PortraitLandscapeSquare屏幕的方位性

Whatisit？PortraitLand屏幕的方位性

考慮如下問題用戶會在運行時旋轉屏幕三種主要的策略改變內容的大小動態的對內容進行重新布局改變內容保持用戶體驗的一致性屏幕的方位性

考慮如下問題用戶會在運行時旋轉屏幕屏幕的方位性

程序主界面策略1:改變內容的大小屏幕的方位性

程序主界面策略1:改變內容的大小屏幕的方位性

程序主界面策略2:動態的對內容進行重新布局屏幕的方位性

程序主界面策略2:動態的對內容進行重新布局屏幕的方位性

程序主界面策略3:改變內容屏幕的方位性

程序主界面策略3:改變內容屏幕的方位性

對話框設計成正方形的區域動態的對內容重新布局屏幕的方位性

對話框設計成正方形的區域屏幕的方位性

對話框策略1:設計成正方形的區域屏幕的方位性

對話框策略1:設計成正方形的區域屏幕的方位性

對話框策略2:動態的對內容重新布局屏幕的方位性

對話框策略2:動態的對內容重新布局屏幕的方位性

托管代碼中如何處理使用控件的Anchor屬性在運行時對內容重新布局Form.OnResize事件捕獲屏幕的旋轉事件Microsoft.WindowsMobile.Status.SystemState屏幕的方位性

托管代碼中如何處理使用控件的Anchor屬性處理屏幕的旋轉處理屏幕的旋轉分辨率

Whatisit?96DPI131DPI分辨率

Whatisit?96DPI131DPI分辨率

考慮如下問題絕大部分的設備的屏幕的物理大小是一樣的分辨率越高，則每個象素越小字體應該比較大而且可讀性要好每一個點擊區域應該容易被點擊不要過于靠近屏幕邊沿和角落觸筆:5.04mm(21像素)；手指:9.12mm(38像素)分辨率

考慮如下問題絕大部分的設備的屏幕的物理大小是一樣的分辨率

位圖和圖標位圖不管是放大還是縮小，效果都會失真為你所支持的分辨率分別處理位圖和圖標分辨率

位圖和圖標位圖不管是放大還是縮小，效果都會失真分辨率

分辨率的支持以及圖標的大小PocketPCSmartphone圖標96DPI240x320176x220大：32x32小：16x16131DPI240x320大：44x44小：22x22192DPI480x640大：64x64小：32x32分辨率

分辨率的支持以及圖標的大小PocketPCSmar界面布局

設計原則避免不相關的/冗余的信息合理組織信息的展現順序提供易見且易理解的提示信息保持界面布局的一致性提供一定的快捷操作提供友好的錯誤提示信息界面布局

設計原則避免不相關的/冗余的信息界面布局

三種主要視圖列表視圖信息視圖編輯視圖界面布局

三種主要視圖列表視圖軟鍵和菜單

Whatisit?SmartphonePocketPC軟鍵和菜單

Whatisit?SmartphonePoc軟鍵和菜單

軟鍵以前只是在Smartphone上有在PocketPC上是一個新的功能方便了單手操作Smartphone和PocketPC的界面更加一致軟鍵和菜單

軟鍵以前只是在Smartphone上有軟鍵和菜單

軟鍵設計原則常用的且無損害性的命令放在SK1上SK2可以是一個命令或者是個菜單軟鍵上的命令提示字符要簡短，限制在一個詞讓菜單盡可能的小SK1的命令不要在SK2的子菜單中重復盡可能的不要使用子菜單將相似的命令進行分組軟鍵和菜單

軟鍵設計原則常用的且無損害性的命令放在SK1上軟鍵和菜單

菜單設計原則讓菜單盡可能的小SK1的命令不要在SK2的子菜單中重復盡可能的不要使用子菜單將相似的命令進行分組適當的禁用與移除菜單項不同界面中保持一致的菜單順序為Smartphone的菜單助記鍵調整菜單順序軟鍵和菜單

菜單設計原則讓菜單盡可能的小軟鍵和菜單

菜單的順序SK1：最有可能的無危害的操作SK2次要操作命令編輯類命令視圖類命令其他支持性命令選項類命令軟鍵和菜單

菜單的順序SK1：最有可能的無危害的操作FileExplorer的菜單的演變FileExplorer的菜單的演變軟鍵和菜單

菜單的變化Today屏幕上沒有了“新建”菜單命令菜單欄上沒有圖標更加容易訪問軟鍵和菜單

菜單的變化Today屏幕上沒有了“新建”菜單命令軟鍵和菜單

在.NETCF中訪問System.Windows.Forms.MainMenuMenuItem.Clickeventhandler軟鍵和菜單

在.NETCF中訪問System.Window輸入

考慮如下問題(一)盡量單擊觸發而不要使用雙擊盡可能的減少用戶的點擊的次數使用命令加速鍵支持常用的快捷鍵剪切、復制、粘貼選擇全部粗體、斜體、下劃線輸入

考慮如下問題(一)盡量單擊觸發而不要使用雙擊輸入

考慮如下問題(二)盡量支持單手操作使用鍵盤時Softkeys編輯類控件硬件按鈕使用觸筆時按鈕超鏈接上下文菜單輸入

考慮如下問題(二)盡量支持單手操作輸入

InputPanel輸入

InputPanel輸入面板的狀態輸入面板的狀態Mobile應用程序的用戶界面課件Mobile應用程序的用戶界面課件MBL302

設計WindowsMobile應用程序的用戶界面張欣TeamLeadUS-MDD-Test微軟有限公司MBL302

設計WindowsMobile應用程序的用戶Mobile應用程序的用戶界面課件議程屏幕的方位性分辨率界面布局軟鍵和菜單輸入議程屏幕的方位性導語：Mobile設備的人機界面的發展LED單色屏幕灰度屏幕彩色屏幕手寫。。。。。。導語：Mobile設備的人機界面的發展LEDWindowsMobileUI設計

常規的概念常見的一些概念的轉換鼠標--〉觸筆鍵盤--〉硬件按鈕Mobile？Mobility？用戶輸入界面保持簡潔WindowsMobileUI設計

常規的概念常見的一些WindowsMobileUI設計

設計原則簡單易操作記憶負擔小符合用戶認知習慣WindowsMobileUI設計

設計原則簡單易操作屏幕的方位性

Whatisit？PortraitLandscapeSquare屏幕的方位性

Whatisit？PortraitLand屏幕的方位性

考慮如下問題用戶會在運行時旋轉屏幕三種主要的策略改變內容的大小動態的對內容進行重新布局改變內容保持用戶體驗的一致性屏幕的方位性

考慮如下問題用戶會在運行時旋轉屏幕屏幕的方位性

程序主界面策略1:改變內容的大小屏幕的方位性

程序主界面策略1:改變內容的大小屏幕的方位性

程序主界面策略2:動態的對內容進行重新布局屏幕的方位性

程序主界面策略2:動態的對內容進行重新布局屏幕的方位性

程序主界面策略3:改變內容屏幕的方位性

程序主界面策略3:改變內容屏幕的方位性

對話框設計成正方形的區域動態的對內容重新布局屏幕的方位性

對話框設計成正方形的區域屏幕的方位性

對話框策略1:設計成正方形的區域屏幕的方位性

對話框策略1:設計成正方形的區域屏幕的方位性

對話框策略2:動態的對內容重新布局屏幕的方位性

對話框策略2:動態的對內容重新布局屏幕的方位性

托管代碼中如何處理使用控件的Anchor屬性在運行時對內容重新布局Form.OnResize事件捕獲屏幕的旋轉事件Microsoft.WindowsMobile.Status.SystemState屏幕的方位性

托管代碼中如何處理使用控件的Anchor屬性處理屏幕的旋轉處理屏幕的旋轉分辨率

Whatisit?96DPI131DPI分辨率

Whatisit?96DPI131DPI分辨率

考慮如下問題絕大部分的設備的屏幕的物理大小是一樣的分辨率越高，則每個象素越小字體應該比較大而且可讀性要好每一個點擊區域應該容易被點擊不要過于靠近屏幕邊沿和角落觸筆:5.04mm(21像素)；手指:9.12mm(38像素)分辨率

考慮如下問題絕大部分的設備的屏幕的物理大小是一樣的分辨率

位圖和圖標位圖不管是放大還是縮小，效果都會失真為你所支持的分辨率分別處理位圖和圖標分辨率

位圖和圖標位圖不管是放大還是縮小，效果都會失真分辨率

分辨率的支持以及圖標的大小PocketPCSmartphone圖標96DPI240x320176x220大：32x32小：16x16131DPI240x320大：44x44小：22x22192DPI480x640大：64x64小：32x32分辨率

分辨率的支持以及圖標的大小PocketPCSmar界面布局

設計原則避免不相關的/冗余的信息合理組織信息的展現順序提供易見且易理解的提示信息保持界面布局的一致性提供一定的快捷操作提供友好的錯誤提示信息界面布局

設計原則避免不相關的/冗余的信息界面布局

三種主要視圖列表視圖信息視圖編輯視圖界面布局

三種主要視圖列表視圖軟鍵和菜單

Whatisit?SmartphonePocketPC軟鍵和菜單

Whatisit?SmartphonePoc軟鍵和菜單

軟鍵以前只是在Smartphone上有在PocketPC上是一個新的功能方便了單手操作Smartphone和PocketPC的界面更加一致軟鍵和菜單

軟鍵以前只是在Smartphone上有軟鍵和菜單

軟鍵設計原則常用的且無損害性的命令放在SK1上SK2可以是一個命令或者是個菜單軟鍵上的命令提示字符要簡短，限制在一個詞讓菜單盡可能的小SK1的命令不要在SK2的子菜單中重復盡可能的不要使用子菜單將相似的命令進行分組軟鍵和菜單

軟鍵設計原則常用的且無損害性的命令放在SK1上軟鍵和菜單

菜單設計原則讓菜單盡可能的小SK1的命令不要在SK2的子菜單中重復盡可能的不要使用子菜單將相似的命令進行分組適當的禁用與移除菜單項不同界面中保持一致的菜單順序為Smartphone的菜單助記鍵調整菜單順序軟鍵和菜單

菜單設計原則讓菜單盡可能的小軟鍵和菜單

菜單的順序SK1：最有可能的無危害的操作SK2次要操作命令編輯類命令視圖類命令其他支持性命令選項類命令軟鍵和菜單

菜單的順序SK1：最有可能的無危害的操作FileExplorer的菜單的演變FileExplorer的菜單的演變軟鍵和菜單

菜單的變化Today屏幕上沒有了“新建”菜單命令菜單欄上沒有圖標更加容易訪問軟鍵和菜單

菜單的變化Today屏幕上沒有了“新建”菜單命令軟鍵和菜單

在.NETCF中訪問System.Windows.Forms.MainMenuMenuItem.Clickeventhandler軟鍵和菜單

在.NETCF中訪問System.Window輸入

考