BlackBerry Tablet OS SDK (操作系统开发工具包) UI指南（一）

Prosanta Bhattacherjee, 应用开发顾问                    Research In Motion
Renaun Erickson, Adobe 开发者技术宣传工程师        Adobe 系统公司

 

议程
•  前三周的内容回顾
•  BlackBerry PlayBook的特色
•  设计原则
•  通知和指示图标
•  屏幕设计
•  UI 组件

 

第1周内容回顾
•  安装过程 
    •   BlackBerry Tablet OS SDK
    •   BlackBerry PlayBook Simulator
•  设置Flash Builder 4
•  创建Hello World应用
•  将该应用部署至 BlackBerry PlayBook Simulator
•  滑动手势（Swipe Gestures）
•  Flash播放器和AIR

 

第2周内容回顾
•  开始极建我们的应用
    •  极建具有基本功能的应用
•  通过Adobe Flash Builder 4执行测试和调试
•  极建BlackBerry PlayBook应用的不同方法
    •   Flash Professional CS5
    •   命令行工具

 

第3周内容回顾
•  摄像头
•  设备传感器
•  应用的生命周期
•  滑动手势(Swipe Gestures)
•  设备信息
•  活动指示标识
•  电池电量和事件
•  SQLite
•  文件 I/O
•  对话框

 

BlackBerry PlayBook的 特色

 

BlackBerry PlayBook的特色

• 7英寸屏幕
•  多点触控界面
    •  支持多达4个触控点
•  可横屏或竖屏显示
•  虚拟键盘

 

 

 

BlackBerry PlayBook的特色

 

•   设计UI时要考虑不同的屏幕尺寸，如果将来有不同的屏幕尺寸的PlayBook 出现，您只需要进行少量的UI适配工作。
     •   使用相对尺寸（百分比），而非绝对尺寸

•   建议尽量使用默认字体和字体大小
     •   它们进行了专门设计，能够使PlayBook上的文本清晰易读

 

设计原则

 

设计原则
•   针对无限制的屏幕进行设计
     •   极建应用，要充分利用滑动手势
     •   将信息放置在一个持续显示的屏幕中，并鼓励用户在屏幕中进行探索
     •   不使用垂直层次结极的屏幕导航，而是创建水平的层次结极。

 

注重内容和简便性
•   创建互动式的、吸引人的内容
    •   使用户只需点击内容便可以使用应用，而不必点击按钮
        •   例如，轻按文章名称便可以阅读，无需高亮选中再点击打开

•   注重于应用的主要用途
    •   避免使应用附加过多其他功能，导致其偏离设计主旨
    •   根据应用的设计主旨，尽可能为用户提供最佳使用体验
        •   将附属功能从主屏幕中移除，移至菜单中

 

极建以触控为中心的应用

用户操作                                                       结果                                         类型
从屏幕顶端向中心滑动                               该操作显示菜单                               应用特定
从屏幕底部向中心滑动                              该操作显示导航栏                              系统级
从屏幕左侧或右侧向中心滑动                            该操作切换应用                                系统级

 

屏幕交互操作

 

最佳实践
•   创建互动式的、吸引人的内容
     •   使用户只需点击内容便可以使用应用，而不必点击按钮
         •   例如，轻按文章名称便可以阅读，无需高亮选中再点击打开

•   重点关注应用的主要用途
     •   避免使应用附加过多其他功能，导致其偏离设计主旨
     •   根据应用的设计主旨，尽可能为用户提供最佳使用体验
         •   将其他功能从主屏幕中移除，移至菜单中

通知和指示图标

 

通知和指示图标
•   应用通知图标显示在屏幕左上角
    •   通知用户应用特定事件，例如新的电子邮件消息

 

•   状态指示图标显示在屏幕右上角
    •   显示电池电量和无线连接等系统状态信息

 

通知和指示图标
•   应用通知提示用户有新的事件或新的信息
•   您可以在出现新的信息、并且您希望用户了解该信息时触发一个应用通知
•   用户可以通过点击图标查看通知详情
•   最佳实践
     •   请审慎使用通知。尽力保证所显示的通知是用户真正希望注意的信息。
     •   请勿使用通知提供反馈（例如，表格提交的确认结果）

屏幕设计

 

屏幕设计
•   保守地使用标题栏
     •   仅在用户访问应用中复杂的层次化数据时使用标题栏作为导航。不要在单屏幕应用或者简单的平面应用中使用标题栏。
•   尽量将UI组件放在菜单中，而不是放在屏幕中
•   应用菜单可以包括主菜单或二级菜单
     •   当手指从屏幕顶部向中心滑动时显示菜单
•   为选中的项目提供弹出菜单，让用户可以快速访问最常用的功能 
     •   当用户用手指按住屏幕中的一个项目时，显示一个弹出菜单

 

UI 组件

 

按钮
•   使用清晰、简明的标签
•   尽可能使用一个单词的标签
•   使用动词来描述相关操作（例如，“取消”、“删除”或“保存”）
•   如果空间有限，并且在特定的上下文环境中图标可以被轻松理解，请使用图标而不是文本。

 

 

复选框
•   当用户选择一个复选框时，请勿触发一个操作
     •   例如，请勿打开一个新的屏幕
•   垂直排列复选框
•   对复选框进行逻辑分组和排序
•   避免按字母顺序对复选框排序
     •   字母排序是针对语言的特定排序方式

                                       选项

 

 BlackBerry Tablet OS SDK (操作系统开发工具包) UI指南（二）请见：http://blog.csdn.net/BBturials/archive/2011/02/22/6199745.aspx