MBL302

設計WindowsMobile應用程序的用戶界面張欣TeamLeadUS-MDD-Test微軟有限公司議程屏幕的方位性分辨率界面布局軟鍵和菜單輸入導語：Mobile設備的人機界面的發展LED單色屏幕灰度屏幕彩色屏幕手寫。。。。。。WindowsMobileUI設計

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

設計原則簡單易操作記憶負擔小符合用戶認知習慣屏幕的方位性

Whatisit？PortraitLandscapeSquare屏幕的方位性

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

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

程序主界面策略2:動態的對內容進行重新布局屏幕的的方位位性程序主主界面面策略3:改變內內容屏幕的的方位位性對話框框設計成成正方方形的的區域域動態的的對內內容重重新布布局屏幕的的方位位性對話框框策略1:設計成成正方方形的的區域域屏幕的的方位位性對話框框策略2:動態的的對內內容重重新布布局屏幕的的方位位性托管代代碼中中如何何處理理使用控控件的的Anchor屬性在運行行時對對內容容重新新布局局Form.OnResize事件捕獲屏屏幕的的旋轉轉事件件Microsoft.WindowsMobile.Status.SystemState處理屏屏幕的的旋轉轉分辨率率Whatisit?96DPI131DPI分辨率率考慮如如下問問題絕大部部分的的設備備的屏屏幕的的物理理大小小是一一樣的的分辨率率越高高，則則每個個象素素越小小字體應應該比比較大大而且且可讀讀性要要好每一個個點擊擊區域域應該該容易易被點點擊不要過過于靠靠近屏屏幕邊邊沿和和角落落觸筆:5.04mm(21像素)；手指指:9.12mm(38像素)分辨率率位圖和和圖標標位圖不不管是是放大大還是是縮小小，效效果都都會失失真為你所所支持持的分分辨率率分別別處理理位圖圖和圖圖標分辨率率分辨率率的支支持以以及圖圖標的的大小小PocketPCSmartphone圖標96DPI240x320176x220大：32x32小：16x16131DPI240x320大：44x44小：22x22192DPI480x640大：64x64小：32x32界面布布局設計原原則避免不不相關關的/冗余余的信信息合理組組織信信息的的展現現順序序提供易易見且且易理理解的的提示示信息息保持界界面布布局的的一致致性提供一一定的的快捷捷操作作提供友友好的的錯誤誤提示示信息息界面布布局三種主主要視視圖列表視視圖信息視視圖編輯視視圖軟鍵和和菜單單Whatisit?SmartphonePocketPC軟鍵和和菜單單軟鍵以前只只是在在Smartphone上有在PocketPC上是一一個新新的功功能方便了了單手手操作作Smartphone和PocketPC的界面面更加加一致致軟鍵和和菜單單軟鍵設設計原原則常用的的且無無損害害性的的命令令放在在SK1上SK2可以是是一個個命令令或者者是個個菜單單軟鍵上上的命命令提提示字字符要要簡短短，限限制在在一個個詞讓菜單單盡可可能的的小SK1的命令令不要要在SK2的子菜菜單中中重復復盡可能能的不不要使使用子子菜單單將相似似的命命令進進行分分組軟鍵和和菜單單菜單設設計原原則讓菜單單盡可可能的的小SK1的命令令不要要在SK2的子菜菜單中中重復復盡可能能的不不要使使用子子菜單單將相似似的命命令進進行分分組適當的的禁用用與移移除菜菜單項項不同界界面中中保持持一致致的菜菜單順順序為Smartphone的菜單單助記記鍵調調整菜菜單順順序軟鍵和和菜單單菜單的的順序序SK1：最有有可能能的無無危害害的操操作SK2次要操操作命命令編輯類類命令令視圖類類命令令其他支支持性性命令令選項類類命令令FileExplorer的菜菜單的的演變變軟鍵和和菜單單菜單的的變化化Today屏幕幕上沒沒有了了“新新建””菜單單命令令菜單欄欄上沒沒有圖圖標更加容容易訪訪問軟鍵和和菜單單在.NETCF中訪問問System.Windows.Forms.MainMenuMenuItem.Clickeventhandler輸入考慮如如下問問題(一)盡量單單擊觸觸發而而不要要使用用雙擊擊盡可能能的減減少用用戶的的點擊擊的次次數使用命命令加加速鍵鍵支持常常用的的快捷捷鍵剪切、、復制制、粘粘貼選擇全全部粗體、、斜體體、下下劃線線輸入考慮如如下問問題(二)