Mobile应用程序的用户界面

1、MBL302设计Windows Mobile应用程序的用户界面张欣Team LeadUS-MDD-Test微软有限公司议程屏幕的方方位性分辨率界面布局局软键和菜菜单输入导语：Mobile设备的人人机界面面的发展展LED单色屏幕幕灰度屏幕幕彩色屏幕幕手写。Windows MobileUI设计常规的概概念常见的一一些概念念的转换换鼠标-触笔键盘-硬件按钮钮Mobile？Mobility？用户输入入界面保持持简洁Windows MobileUI设计设计原则则简单易操操作记忆负担担小符合用户户认知习习惯屏幕的方方位性What is it？PortraitLandscapeSquare屏幕的方方位性考虑

2、如下下问题用户会在在运行时时旋转屏屏幕三种主要要的策略略改变内容容的大小小动态的对对内容进进行重新新布局改变内容容保持用户户体验的的一致性性屏幕的方方位性程序主界界面策略1:改变内容容的大小小屏幕的方方位性程序主界界面策略2:动态的对对内容进进行重新新布局屏幕的方方位性程序主界界面策略3:改变内容容屏幕的方方位性对话框设计成正正方形的的区域动态的对对内容重重新布局局屏幕的方方位性对话框策略1:设计成正正方形的的区域屏幕的方方位性对话框策略2:动态的对对内容重重新布局局屏幕的方方位性托管代码码中如何何处理使用控件件的Anchor属性在运行时时对内容容重新布布局Form.OnResize事件捕获屏

3、幕幕的旋转转事件Microsoft.WindowsMobile.Status.SystemState处理屏幕幕的旋转转分辨率What is it?96DPI131DPI分辨率考虑如下下问题绝大部分分的设备备的屏幕幕的物理理大小是是一样的的分辨率越越高，则则每个象象素越小小字体应该该比较大大而且可可读性要要好每一个点点击区域域应该容容易被点点击不要过于于靠近屏屏幕边沿沿和角落落触笔:5.04mm(21像素)；手指:9.12mm(38像素)分辨率位图和图图标位图不管管是放大大还是缩缩小，效效果都会会失真为你所支支持的分分辨率分分别处理理位图和和图标分辨率分辨率的的支持以以及图标标的大小小Pocke

4、t PCSmartphone图标96 DPI240 x320176x220大：32x32小：16x16131 DPI240 x320大：44x44小：22x22192 DPI480 x640大：64x64小：32x32界面布局局设计原则则避免不相相关的/冗余的的信息合理组织织信息的的展现顺顺序提供易见见且易理理解的提提示信息息保持界面面布局的的一致性性提供一定定的快捷捷操作提供友好好的错误误提示信信息界面布局局三种主要要视图列表视图图信息视图图编辑视图图软键和菜菜单What is it?SmartphonePocketPC软键和菜菜单软键以前只是是在Smartphone上有在PocketPC上

5、是一个个新的功功能方便了单单手操作作Smartphone和PocketPC的界面更更加一致致软键和菜菜单软键设计计原则常用的且且无损害害性的命命令放在在SK1上SK2可以是一一个命令令或者是是个菜单单软键上的的命令提提示字符符要简短短，限制制在一个个词让菜单尽尽可能的的小SK1的命令不不要在SK2的子菜单单中重复复尽可能的的不要使使用子菜菜单将相似的的命令进进行分组组软键和菜菜单菜单设计计原则让菜单尽尽可能的的小SK1的命令不不要在SK2的子菜单单中重复复尽可能的的不要使使用子菜菜单将相似的的命令进进行分组组适当的禁禁用与移移除菜单单项不同界面面中保持持一致的的菜单顺顺序为Smartphone

6、的菜单助助记键调调整菜单单顺序软键和菜菜单菜单的顺顺序SK1：最有可可能的无无危害的的操作SK2次要操作作命令编辑类命命令视图类命命令其他支持持性命令令选项类命命令File Explorer的菜单单的演变变软键和菜菜单菜单的变变化Today屏幕幕上没有有了“新新建”菜菜单命令令菜单栏上上没有图图标更加容易易访问软键和菜菜单在.NET CF中访问System.Windows.Forms.MainMenuMenuItem.Clickeventhandler输入考虑如下下问题(一)尽量单击击触发而而不要使使用双击击尽可能的的减少用用户的点点击的次次数使用命令令加速键键支持常用用的快捷捷键剪切、复复制、粘粘贴选择全部部粗