Mobile應(yīng)用程序的用戶(hù)界面

1、MBL302設(shè)計(jì)Windows Mobile應(yīng)用程序的用戶(hù)界面張欣Team LeadUS-MDD-Test微軟有限公司議程屏幕的方位性分辨率界面布局軟鍵和菜單輸入導(dǎo)語(yǔ)：Mobile設(shè)備的人機(jī)界面的發(fā)展LED單色屏幕灰度屏幕彩色屏幕手寫(xiě)。Windows Mobile UI設(shè)計(jì)常規(guī)的概念常見(jiàn)的一些概念的轉(zhuǎn)換鼠標(biāo)-觸筆鍵盤(pán)-硬件按鈕Mobile？ Mobility？用戶(hù)輸入界面保持簡(jiǎn)潔Windows Mobile UI設(shè)計(jì)設(shè)計(jì)原則簡(jiǎn)單易操作記憶負(fù)擔(dān)小符合用戶(hù)認(rèn)知習(xí)慣屏幕的方位性What is it？PortraitLandscapeSquare屏幕的方位性考慮如下問(wèn)題用戶(hù)會(huì)在運(yùn)行時(shí)旋轉(zhuǎn)屏幕三種主要的

2、策略改變內(nèi)容的大小動(dòng)態(tài)的對(duì)內(nèi)容進(jìn)行重新布局改變內(nèi)容保持用戶(hù)體驗(yàn)的一致性屏幕的方位性程序主界面策略1: 改變內(nèi)容的大小屏幕的方位性程序主界面策略2: 動(dòng)態(tài)的對(duì)內(nèi)容進(jìn)行重新布局屏幕的方位性程序主界面策略3: 改變內(nèi)容屏幕的方位性對(duì)話(huà)框設(shè)計(jì)成正方形的區(qū)域動(dòng)態(tài)的對(duì)內(nèi)容重新布局屏幕的方位性對(duì)話(huà)框策略1: 設(shè)計(jì)成正方形的區(qū)域屏幕的方位性對(duì)話(huà)框策略2: 動(dòng)態(tài)的對(duì)內(nèi)容重新布局屏幕的方位性托管代碼中如何處理使用控件的Anchor屬性在運(yùn)行時(shí)對(duì)內(nèi)容重新布局Form.OnResize事件捕獲屏幕的旋轉(zhuǎn)事件Microsoft.WindowsMobile.Status.SystemState處理屏幕的旋轉(zhuǎn)分辨率What

3、 is it?96 DPI131 DPI分辨率考慮如下問(wèn)題絕大部分的設(shè)備的屏幕的物理大小是一樣的分辨率越高，則每個(gè)象素越小字體應(yīng)該比較大而且可讀性要好每一個(gè)點(diǎn)擊區(qū)域應(yīng)該容易被點(diǎn)擊不要過(guò)于靠近屏幕邊沿和角落觸筆:5.04mm(21像素)；手指:9.12mm(38像素)分辨率位圖和圖標(biāo)位圖不管是放大還是縮小，效果都會(huì)失真為你所支持的分辨率分別處理位圖和圖標(biāo)分辨率分辨率的支持以及圖標(biāo)的大小Pocket PCSmartphone圖標(biāo)96 DPI240 x320176x220大：32x32?。?6x16131 DPI240 x320大：44x44小：22x22192 DPI480 x640大：64x64

4、?。?2x32界面布局設(shè)計(jì)原則避免不相關(guān)的/冗余的信息合理組織信息的展現(xiàn)順序提供易見(jiàn)且易理解的提示信息保持界面布局的一致性提供一定的快捷操作提供友好的錯(cuò)誤提示信息界面布局三種主要視圖列表視圖信息視圖編輯視圖軟鍵和菜單What is it?SmartphonePocket PC軟鍵和菜單軟鍵以前只是在Smartphone上有在Pocket PC上是一個(gè)新的功能方便了單手操作Smartphone和Pocket PC的界面更加一致軟鍵和菜單軟鍵設(shè)計(jì)原則常用的且無(wú)損害性的命令放在SK1上SK2可以是一個(gè)命令或者是個(gè)菜單軟鍵上的命令提示字符要簡(jiǎn)短，限制在一個(gè)詞讓菜單盡可能的小SK1的命令不要在SK2的子

5、菜單中重復(fù)盡可能的不要使用子菜單將相似的命令進(jìn)行分組軟鍵和菜單菜單設(shè)計(jì)原則讓菜單盡可能的小SK1的命令不要在SK2的子菜單中重復(fù)盡可能的不要使用子菜單將相似的命令進(jìn)行分組適當(dāng)?shù)慕门c移除菜單項(xiàng)不同界面中保持一致的菜單順序?yàn)镾martphone的菜單助記鍵調(diào)整菜單順序軟鍵和菜單菜單的順序SK1：最有可能的無(wú)危害的操作SK2次要操作命令編輯類(lèi)命令視圖類(lèi)命令其他支持性命令選項(xiàng)類(lèi)命令File Explorer的菜單的演變軟鍵和菜單菜單的變化Today屏幕上沒(méi)有了“新建”菜單命令菜單欄上沒(méi)有圖標(biāo)更加容易訪(fǎng)問(wèn)軟鍵和菜單在.NET CF中訪(fǎng)問(wèn)System.Windows.Forms.MainMenuMenuItem.Click event handler輸入考慮如下問(wèn)題(一)盡量單擊觸發(fā)而不要使用雙擊盡可能的減少用戶(hù)的點(diǎn)擊的次數(shù)使用命令加速鍵支持常用的快捷鍵剪切、復(fù)制、粘貼選擇全部粗體、斜體、下劃線(xiàn)輸入考慮如下問(wèn)題(二)盡量支持單手操作使用鍵盤(pán)時(shí)Softkeys編輯類(lèi)控件硬件按鈕使用觸筆時(shí)按鈕超鏈接上下文菜單輸入Input Panel輸入面板的狀態(tài)MSDN：Mobile D