Mobile应用程序的用户界面.pptxVIP

MBL302设计Windows Mobile应用程序的用户界面张欣Team LeadUS-MDD-Test微软有限公司议程屏幕的方位性分辨率界面布局软键和菜单输入导语：Mobile设备的人机界面的发展LED单色屏幕灰度屏幕彩色屏幕手写。。。。。。Windows Mobile UI设计常规的概念常见的一些概念的转换鼠标--〉触笔键盘--〉硬件按钮Mobile？ Mobility？用户输入界面保持简洁Windows Mobile UI设计设计原则简单易操作记忆负担小符合用户认知习惯屏幕的方位性What is it？LandscapeSquarePortrait屏幕的方位性考虑如下问题用户会在运行时旋转屏幕三种主要的策略改变内容的大小动态的对内容进行重新布局改变内容保持用户体验的一致性屏幕的方位性程序主界面策略1: 改变内容的大小屏幕的方位性程序主界面策略2: 动态的对内容进行重新布局屏幕的方位性程序主界面策略3: 改变内容屏幕的方位性对话框设计成正方形的区域动态的对内容重新布局屏幕的方位性对话框策略1: 设计成正方形的区域屏幕的方位性对话框策略2: 动态的对内容重新布局屏幕的方位性托管代码中如何处理使用控件的Anchor属性在运行时对内容重新布局Form.OnResize事件捕获屏幕的旋转事件Microsoft.WindowsMobile.Status.SystemState处理屏幕的旋转分辨率What is it?96 DPI131 DPI分辨率考虑如下问题绝大部分的设备的屏幕的物理大小是一样的分辨率越高，则每个象素越小字体应该比较大而且可读性要好每一个点击区域应该容易被点击不要过于靠近屏幕边沿和角落触笔:5.04mm(21像素)；手指:9.12mm(38像素)分辨率位图和图标位图不管是放大还是缩小，效果都会失真为你所支持的分辨率分别处理位图和图标分辨率分辨率的支持以及图标的大小Pocket PCSmartphone图标96 DPI240x320176x220大：32x32小：16x16131 DPI240x320大：44x44小：22x22192 DPI480x640大：64x64小：32x32界面布局设计原则避免不相关的/冗余的信息合理组织信息的展现顺序提供易见且易理解的提示信息保持界面布局的一致性提供一定的快捷操作提供友好的错误提示信息界面布局三种主要视图列表视图信息视图编辑视图软键和菜单What is it?SmartphonePocket PC软键和菜单软键以前只是在Smartphone上有在Pocket PC上是一个新的功能方便了单手操作Smartphone和Pocket PC的界面更加一致软键和菜单软键设计原则常用的且无损害性的命令放在SK1上SK2可以是一个命令或者是个菜单软键上的命令提示字符要简短，限制在一个词让菜单尽可能的小SK1的命令不要在SK2的子菜单中重复尽可能的不要使用子菜单将相似的命令进行分组软键和菜单菜单设计原则让菜单尽可能的小SK1的命令不要在SK2的子菜单中重复尽可能的不要使用子菜单将相似的命令进行分组适当的禁用与移除菜单项不同界面中保持一致的菜单顺序为Smartphone的菜单助记键调整菜单顺序软键和菜单菜单的顺序SK1：最有可能的无危害的操作SK2次要操作命令编辑类命令视图类命令其他支持性命令选项类命令File Explorer的菜单的演变软键和菜单菜单的变化Today屏幕上没有了“新建”菜单命令菜单栏上没有图标更加容易访问软键和菜单在.NET CF中访问System.Windows.Forms.MainMenuMenuItem.Click event handler输入考虑如下问题(一)尽量单击触发而不要使用双击尽可能的减少用户的点击的次数使用命令加速键支持常用的快捷键剪切、复制、粘贴选择全部粗体、斜体、下划线输入考虑如下问题(二)尽量支持单手操作使用键盘时Softkeys编辑类控件硬件按钮使用触笔时按钮超链接上下文菜单输入Input Panel输入面板的状态