Mobile应用程序的用户界面

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输入考虑如如下问问题(一)尽量单单击触触发而而不要要使用用双击击尽可能能的减减少用用户的的点击击的次次数使用命命令加加速键键支持常常用的的快捷捷键剪切、、复制制、粘粘贴选择全全部粗体、、斜体体、下下划线线输入考虑如如下问问题(二)