技术开发 频道

开发有效的 Smartphone 用户界面

 可用的新控件

 微调控件

 微调控件旨在替换所有的组合框、列表框和列表视图。它基本上是一个常规编辑框,旁边带有一个左右切换开关。

 用户可以左右移动光标以选择微调编辑框中的不同项。如果用户按下“操作”按钮,就会显示所有项的全屏列表,而后用户可以再次使用“操作”按钮来选择一个项。几乎所有的 Smartphone 应用程序都使用这个控件。

 EVC 的资源编辑器不识别这个新控件,因此,您必须以文本模式编辑源 RC 文件。下面的示例说明了如何插入该控件:

 LISTBOX  IDC_YOURNAME,5,30,90,10,NOT LBS_NOTIFY | LBS_SORT |

 LBS_NOINTEGRALHEIGHT | NOT WS_BORDER | WS_TABSTOP

 CONTROL  "",IDS_UPDOWN,"msctls_updown32",UDS_SETBUDDYINT |

 UDS_ALIGNRIGHT | UDS_AUTOBUDDY | UDS_ARROWKEYS |

 UDS_HORZ | 0x200,0,0,0,0

 图 1. 红色圆圈表示微调控件

 全屏幕多行编辑

 该控件是一个编辑控件,如果用户在选中该控件时点击“操作”按钮,它会激活全屏幕“记事本”。请将该控件用于较长的文本,例如电子邮件正文或注释。

 常规指南

 为了设计有效的 UI,您应该遵循以下过程来优化您的结果:

 步骤 1 :针对应用程序或 Pocket PC 的桌面版本来查看您当前的用户界面。

 查找所有不必要的界面元素并删除它们。

 查找所有不受支持的元素并删除它们或将它们替换为 Smartphone 元素。

 试图避免可弹出对话框的对话框。

 步骤 2 :将所有的界面元素逐层放置,而不是将它们并排放置

 在元素上方使用说明性标签,而不是在右侧或左侧使用(请参见图 2 和图 3)。

 可以有较长的对话框,因为它们会自动滚动。

 图 2 : Pocket PC 用户界面

 图 3 : Smartphone UI

 步骤 3 :查找所有通用对话框并删除它们。如果您的应用程序要求用户选择文件,请执行以下操作:

 将此类文件存储在“/My Documents”中。

 将所有这些文件的列表加载到微调控件。

 显示微调控件而不是通用对话框。

 步骤 4 :将菜单数量减少为一个,菜单项减少为 4 到 8 个。

 步骤 5 :定义软键。如果有一个菜单,请使用软键 2。否则,请遵循以下指南:软键 1 用于“确定”或任何其他肯定选择(即“是”、“完成”或“新建”),而软键 2 用于“取消”、否定选择(即“否”)或任何进一步的操作。

 步骤 6 :使用单手测试应用程序用户界面。

 强制自己只使用单手操作(即使在模拟器上),以确保它符合用户需要。

 小结

 通常在模拟器中测试您的 UI。因为模拟器支持触摸,您也许有兴趣为它开发一个应用程序,但在终端设备中是不支持触摸屏的。如果您针对 Smartphone 优化了应用程序 UI,则应用程序将被广泛接受,即使在没有经验的用户群中。在设计和建立用户界面时,注重的是易用性。

 有关 Smartphone UI 的非常重要的背景信息,请参阅 Smartphone 帮助下的“Designing User Interfaces for Smartphone 2002”。

查看原文地址

0
相关文章