首先需要说明的是,我不是开发者,也不是黑莓用户,对于黑莓
的手机也没有兴趣。翻译这份文档是因为当初从某网站下载回来之
后,在微博上向黑莓的人询问是否有中文版,正如你所知道的,对方
没有理睬我。所以,我翻译成了中文。
再次提醒,我的英文水平一般,而且此文档是我个人翻译的,没
有经过任何第三方校对和修订,并且鉴于我不会开发,可能有些术语
的翻译不到位。错误,是有的,如果你英文很好,我极力建议看原版
的,更加原滋原味。
一一一一....黑莓手机黑莓手机黑莓手机黑莓手机程序程序程序程序设计原理设计原理设计原理设计原理
为黑莓设计的程序应该在最佳的用户体验和手机待电池耗电量这两者当中找到一个平衡点。当你在为
黑莓设计程序的的时候,应该考虑到手机和电脑设备之间的差异,手机具备以下一些特性:
● 屏幕比较小,只能显示有限的内容
● 处理器速度较慢
● 无线网络连接的速度没有传统的 LAN 快(这里的无线指的不是Wi-Fi,而且不需要插线的网络)
● 可运行内存低
● 电池使用时间短
● 同一时间点上屏幕只能够显示一个程序
用户在电脑上和手机上对于程序的使用习惯是截然不同的,在手机上,用户希望可以快速找到他们想
要的信息。打个比方,一个客户管理系统能够提供提供数量庞大的信息,但是用户只要求在同一时间内获
取指定的少量信息。黑莓的UI设计应该让用户能够快速地执行他们的计划,并且非常方便地获取信息。
在为你的程序设计UI之前,你可以认真研究黑莓内置的应用程序,或者使用黑莓的模拟器学习导览模
型和最佳范例。
.最佳范例:为黑莓设计应用程序最佳范例:为黑莓设计应用程序最佳范例:为黑莓设计应用程序最佳范例:为黑莓设计应用程序
当你打算为某部黑莓设计程序的时候,请确保你的程序在其他黑莓手机上也能够提供一致的用户体验。
可以考虑一下以下的设计指南:
● 使用或者扩展已经存在的UI组件,这样可以尽可能地保证你的程序继承原有组件的默认属性(行为);
● 为了保证一个特定的用户行为操作能够产生一致的效果,请尽可能接近地遵循标准的导览模型,比如
在所有的程序中都允许用户通过轨迹球或者触摸板打开程序的上下文菜单(context menu);
● 有效地支持和扩展用户任务,比如用户下载了一个程序,程序应该会自动打开,程序也应当被自动保
存到程序文件夹里;
● 将注意力停留在用户的当前任务上,在任何时刻都仅为用户提供他们最需要的信息;
● 确认菜单栏里可用的选项和用户的当前的上下文有联系(比如一款软件既可以阅读电子书又可以播放
音乐,当用户在阅读电子书的时候,出现的菜单里面一定不能有播放或者暂停等毫不相干的选项);
● 当用户需要完成一个操作,尽可能地减少用户的按键次数;
● 设计一个让用户可以改变和复原操作方式(选项)的UI,因为用户偶尔会按错菜单选项或按键,比如
当用户想要进行删除黑莓手机当中的数据的危险操作的时候,应该弹出一个对话框提醒用户是否执行操作;
● 在手机的小屏幕上,显示出来的信息应该能够让用户印象深刻;
.开发者创建的开发者创建的开发者创建的开发者创建的UIUIUIUI 应当和黑莓的标准应当和黑莓的标准应当和黑莓的标准应当和黑莓的标准UIUIUIUI 保持一致保持一致保持一致保持一致
你可以使用标准的MIDP API 和黑莓的UI API 创建一个黑莓的 Java程序 UI。
黑莓的UI API 中包含的UI 组件为开发者提供了和黑莓手机应用程序一致的布局和属性。
● 当一个黑莓用户按下 ESC键,点击轨迹球,触摸板或者触摸屏幕的时候,屏幕组件可以提供标准的屏
幕输出布局,默认的菜单按键,和标准的属性;
● 栏位元素(Field Components)为数据选择,选项按钮,复选框,列表,文本输入框,标签和进度
控制栏提供标准的UI元素;
● 布局管理器为提供了一个标准的应用方式,让开发者可以在屏幕上以水平、垂直或者从左向右流动等
方式整理和排列桌面元素;
你可以使用黑莓的UI API 创建一个包含表格,栅格或者其他专有特性的 UI。你可以使用标准的 Java
事件模式对特性的事件模型做出接收和响应。当用户点击轨迹球或者使用键盘输入的时候,黑莓手机可以
对用户事件做出接收和答复,同样也会对系统时间做出相应的反应,比如全局警报,改变闹钟或者USB连
接。
.黑莓手机屏幕参数黑莓手机屏幕参数黑莓手机屏幕参数黑莓手机屏幕参数
黑莓手机型号黑莓手机型号黑莓手机型号黑莓手机型号 分辨率(像素)分辨率(像素)分辨率(像素)分辨率(像素) PPIPPIPPIPPI((((每英寸像素每英寸像素每英寸像素每英寸像素)))) 点阵(毫米)点阵(毫米)点阵(毫米)点阵(毫米)
黑莓 7100 系列 240×260 151
黑莓 8700 系列 320×240 154
黑莓 8800 系列 320×240 163
黑莓 Bold 9000 480×320 217
黑莓 Bold 9650
黑莓 Bold 9700
480×360 245
黑莓 Curve 8350i
黑莓 Curve 8300 系列
黑莓 Curve 8500 系列
320×240 163
黑莓 Curve 8900 480×360 245
黑莓 Pearl 8100 系列 240×260 161
黑莓 Pearl Flip 8200 系列 240×320 166
黑莓 Pearl 9100 系列 360×400 238
黑莓 Storm 9500 系列 360×480 184
黑莓 Storm 9600 系列 4808360 245
二二二二....为触摸屏黑莓设计程序需要考虑的因素为触摸屏黑莓设计程序需要考虑的因素为触摸屏黑莓设计程序需要考虑的因素为触摸屏黑莓设计程序需要考虑的因素
如果你为配备有轨迹球或者触摸板的黑莓手机设计程序,你可以从各方面来考虑以下触屏黑莓的一些
特性,以此来优化你的程序在触摸屏手机上的用户体验:
● 通过手指触摸屏幕让用户和黑莓实现交互;
● 大多数程序都会在屏幕底部显示工具栏;
● 用户在虚拟键盘上输入文本内容;
● 用户可以以肖像模式或者风景模式查看程序界面;
● 用于触摸屏黑莓手机的高亮显示的指针,控制和方法并不一定适用于其他的黑莓手机;
● 触摸屏黑莓手机的屏幕、横幅、背景图片和图标均大于其他的黑莓手机;
三三三三....交互设计交互设计交互设计交互设计
.黑莓手机交互方式黑莓手机交互方式黑莓手机交互方式黑莓手机交互方式
黑莓手机型号黑莓手机型号黑莓手机型号黑莓手机型号 交互方式交互方式交互方式交互方式
黑莓 7100 系列 滚轮
黑莓 8700 系列 滚轮
黑莓 8800 系列 轨迹球
黑莓 Bold 9000 轨迹球
黑莓 Bold 9650
黑莓 Bold 9700
触摸板
黑莓 Curve 8300 系列 轨迹球
黑莓 Curve 8500 系列 触摸板
黑莓 Curve 8900 轨迹球
黑莓 Pearl 8100 系列 轨迹球
黑莓 Pearl Flip 8200 系列 轨迹球
黑莓 Pearl 9100 系列 触摸板
黑莓 Storm 9500 系列 触摸屏
黑莓 Tour 9630 轨迹球
.触摸屏触摸屏触摸屏触摸屏
在带有 SurePress技术的触摸屏黑莓手机上,用户使用手指和手机上的程序实现交互作用。用户同时
也可以通过点击工具栏上的图标, 或者按住菜单键(Menu)来实现执行操作任务。在配备有触摸屏的手
机上,用户可以执行以下操作:
动作动作动作动作 结果结果结果结果
轻触屏幕 高亮选中项目。在文本编辑框内,如果用户触摸指
针旁边的屏幕,将会在指针四周出现一个轮廓框。
这样用户可以可以很方便地改变(移动)指针的位
置。
轻拍屏幕 在诸如黑莓地图和黑莓浏览器等支持全屏查看的程
序里,该操作可以隐藏/显示工具栏
轻拍两次屏幕 在网页、地图、图片或者附件演示页面,执行该动
作可以放大对象
将手指停留在某个项目上 在工具栏上,该操作将会显示出一个工具提示文本,
用来描述图标可执行的操作。在信息列表中,如果
用户将手指停留在发件人或者信息内容上,就可以
进行搜索。
动作动作动作动作 结果结果结果结果
在屏幕上轻触和拖动项目 该动作将会在往相应的方向移动所拖曳的内容。打
个比方,当用户轻触且拖曳一个菜单项之后,该菜
单项列表的所有项目都将会移动到同样的位置。在
文本输入框之内,该操作将会同时移动文字的轮廓
和指针。
在同一时间轻触屏幕上两个不同的点 单点触摸将会高亮文字或者菜单列表,比如短信。
如果用户想增加或者移除高亮文字或者菜单选项,
可以在另外一个点上清楚屏幕。
点击(按)屏幕 该操作将会触发某一动作,比如当用户点击一个项
目的时候,就会出现一个和该项目有关的画面,该
操作相当于点击轨迹球,触摸板或触摸板。
在地图,照片或者幻灯片当中,该操作会放大地图,
照片或者幻灯片。在浏览器当中,该操作将会放大
网页或者打开一个网页链接。
在文本输入框中,该操作将会定位指针的位置,如
果输入框当中有文字,将会在指针周围出现一个轮
廓。
在屏幕上往上或往下快速地滑动手指 快速向上滑动手指将会显示下一个画面,快速向下
滑动将会显示上一个画面。当屏幕上出现虚拟键盘
的时候,快速向下滑动手指可以隐藏键盘,并显示
工具栏。
在屏幕上快速地向左或向右滑动手指 在照相或者信息程序中,该操作将会显示上一个或
下一个照片或短信,在日历程序中, 该操作将会显
示上一个或下一个天,周,或者月。
在屏幕上向上或向下滑动手指 在相片程序中,向上滑动将会放大并查看某张照片,
向下滑动则会缩小照片复原至相片浏览器。
在任意位置上滑动屏幕 该操作将会平移地图或者网页。如果用户放大图片,
该操作同时也会平移照片。
按 ESC键 该操作将会移除菜单列表或者文字上的高亮显示。
在网页,地图或者图片上, 该操作会将使对象缩小
一个级别,用户可以双击 ESC键将网页,地图,或
者图片复原至原始大小。
最最最最佳范例:为触摸屏手机设计应用程序佳范例:为触摸屏手机设计应用程序佳范例:为触摸屏手机设计应用程序佳范例:为触摸屏手机设计应用程序
● 响应你的程序中将会触发的各个操作。可以通过《BlackBerry UI and Navigation Developent》查
看更多的详情。
● 如果可能的话,为用户界面创造一个至少 6mm的目标区域(Target Area)。
● 在控件周围提供足够的空间,这样用户可以更加方便地通过他们的指尖执行某个特定的操作。
● 你最好熟悉触摸屏和非触摸屏黑莓手机的导览模型,这样你可以确保你的程序在各个手机上都可以正
常工作。
.轨迹球和触摸板轨迹球和触摸板轨迹球和触摸板轨迹球和触摸板
在配备有轨迹球或者触摸板的黑莓手机上,轨迹球或触摸板是用户导览的首选控制方式。用户可以执
行以下的操作:
● 滚动轨迹球或者在触摸板上滑动手机可以移动指针
● 点击轨迹球或触摸板执行默认的操作或者打开右键背景菜单
● 在按住 Shift 键的同时点击轨迹球或触摸板可以高亮文字或在信息列表中高亮信息
配备有轨迹球或触摸板的黑莓手机同时也会在轨迹球或触摸板的左侧配备菜单(Menu)键,用户可
以通过按菜单键来打开一个可操作的全菜单选项。
最佳范例:为配备触摸板或轨迹球的手机设计程序最佳范例:为配备触摸板或轨迹球的手机设计程序最佳范例:为配备触摸板或轨迹球的手机设计程序最佳范例:为配备触摸板或轨迹球的手机设计程序
● 当用户点击轨迹球或触摸板的时候分配一个默认的操作或者打开相关的菜单
● 当用户高亮文字或者多个对象的时候,使用背景菜单为用户提供相关的操作。比如,当用户编辑短信
的时候,他们可以通过相关选项发送短信。如果用户在信息当中高亮指定文字,相关菜单将会改变, 用户
可以菜单拷贝文字
● 避免让用户在轨迹球,触摸板和键盘之间来换切换操作,用户应当使用这三者当中的任何一种就可以
完成大部分的操作
.滚轮滚轮滚轮滚轮
黑莓 Pearl 8100 系列选择了滚轮作为用户首选操作,滚轮被置于黑莓机身右侧。
用户可以完成下面的操作:
● 拨动滚轮可以垂直地移动指针
● 按住 Alt 键的同时拨动滚轮可以水平地移动指针
● 点击滚轮开始默认操作或者打开菜单
.键盘键盘键盘键盘
键盘是用户输入文字的首选方式,字符键的输入将会输出到黑莓手机上。修饰键可以改变字符键的输
入函数,修饰键包括 Shift 和 Alt 键。当用户按住修饰键的时候,会在屏幕右上角显示相应的相应的指示。
在没有触摸屏的手机上,用户可以通过键盘来回移动屏幕(比如,上下左右移动地图视图)。不管如何,
和触摸板,轨迹球和滚轮相比较起来,键盘操作应该成为用户的首选操作。
黑莓手机有全键盘的也有简化键盘的。在配备有 SurePress 的触摸屏手机上,大多数情况下,横屏模
式将会显示虚拟的全键盘而竖屏模式下将会显示简化键盘。
最佳范例:为不同的键盘类型设计程序最佳范例:为不同的键盘类型设计程序最佳范例:为不同的键盘类型设计程序最佳范例:为不同的键盘类型设计程序
● 如果你改变了一个按键的参数,请在用户关闭程序之后将其复原至原始状态
● 确保你的程序支持全键盘和简化键盘,并且在特定的情况下支持修饰键
● 保证用户能够很方便地取消操作,对于新用户来说如果需要输入将是不小的挑战
● 确保用户能够使用 ESC键取消操作或者返回上一界面,当用户反复按 ESC键的时候他们能够返回程
序的主界面。用户同样也能够通过长按 ESC关闭浏览器或者多媒体程序
● 确保用户能够执行以下操作:
*按菜单键打开完成的菜单选项
*当菜单项高亮的时候通过按菜单键执行操作
*长按菜单键打开程序切换对话框
*在配备触摸屏的黑莓手机上,当按键聚焦于一个对话框的时候,通过按菜单键执行操作
● 在基于你期望用户输入什么的情况下选择一个合适的输入方式。比如,如果你希望用户输入数字,那
么你可以设计让一个用户只能输入数字的函数(类似于手机QQ的输入框, 只能输入数字),用户就可以
很方便地输入数字。可以根据下面的信息来决定采用何种输入方式
全键盘全键盘全键盘全键盘
全键盘为用户提供了类似于电脑键盘的输入方式,用户可以实现所输即所见的输入效果。
用户可以执行以下的操作输入符号和数字:
动作动作动作动作 非触屏非触屏非触屏非触屏 触摸屏触摸屏触摸屏触摸屏
在数字输入框输入数字 按数字键 按数字键
在文本输入框输入数字 Alt+数字键 123 数字键
输入常见符号 Alt+字符键 符号键
输入其他符号 符号键 符号键
输入大写字母 长按字母键 长按字母键
半键盘(半键盘(半键盘(半键盘(Half-QWERTYHalf-QWERTYHalf-QWERTYHalf-QWERTY键盘)键盘)键盘)键盘)
配备有 Half-QWERTY键盘的手机使用的是黑莓的 SureType 技术,可以预知用户输入的词语。用户
可以使用 SureType或者Multi-Tap输入方式。
● 当用户使用 SureType 输入的时候,用户输入单词的时候只需要按一次该单词所在的键。比如用户输
入 run,只需要按一下 ER 键,UI 键,和 BN键。当用户按下按键的时候,将会列出这些按键可以组成的
单词列表。SureType 技术将会根据上下文结合单词为用户选择合适的单词输出。当用户输入的单词或在字
母组合(比如网址或者缩写)是 SureType 所没有收录的词语,用户就必须在出现的列表中自己确认每个
字母。SureType可以学习新的单词,当用户输入一个新的词语之后,SureType将会自动记忆并将其添加
到自定义词语列表。
● 当用户使用 Multi-Tap输入法,如果单词的第一个字母在按键的第一位,则只需输入一次, 否则需
要输入两次。比如用户输入 run,需要按 ER 键两次,UI键一次,BN键两次。
大多数需要使用输入法的应用默认使用的都是 SureType 输入方式。Multi-Tap是电话号码和密码输
入框的默认输入法。当用户从 SureType 输入切换到Multi-Tap 输入法的时候,Multi-Tap输入法将会在
屏幕的右上角显示一个标志。
有些语言,比如简体中文,没有使用 SureType,而是使用了专用的输入法或者 Multi-Tap输入法。
开发者可以在
和输入法。
简约键盘类型简约键盘类型简约键盘类型简约键盘类型
简约键盘(非 qwerty)有 14个按键和 20个按键两种类型,用户可以通过 SureType 输入法完成以
下的操作。
操作操作操作操作 20202020键(键(键(键(Half-QWERTYHalf-QWERTYHalf-QWERTYHalf-QWERTY)))) 14141414键键键键
在数字输入框内输入数字 按数字键 按数字键
在文本输入框内输入数字 Alt+数字键 长按数字键
输入常用符号 按符号键 按数字键 1
输入其他符号 按符号键 按符号键
输入大写字母 长按字母键 按 Shift 键
切换输入法 输入的时候,按菜单键 按 Shift 键
按键功能按键功能按键功能按键功能
按键按键按键按键 用途用途用途用途
Alt 键 在大部分黑莓手机上使用此键在切换同一按键上的
不同字符。黑莓 Pearl 9105 没有 Alt 键
结束/挂机键 结束一个通话。在大部分黑莓手机上用来开机和关
机。在黑莓 Storm2系列手机上则是使用电源/屏幕
锁键在实现开关机。返回待机画面或者显示程序列
表,程序将会在后台继续运行
ESC键 返回上一操作界面。关闭菜单或者对话框。在诸如
浏览器或者多媒体程序中长按 ESC可以关闭程序。
删除搜索框中的文字
菜单键 在待机桌面上打开程序列表,在程序中打开菜单
Mute 键 长按进入待机状态。在通话过程中打开或者关闭通
话声音(静音)
播放/暂停/停止键 在黑莓 Curve8500 和 Pearl 9100 系列手机上播放
多媒体的时候可以实现暂停、播放或者停止。
上一个/下一个 在黑莓 Peral 9100 系列手机上可以播放上一个/下
一个多媒体
发送/拨号键 打开电话界面,拨打一个高亮的电话号码
空格键 输入一个空格。选择一个选项按钮,复选框或者下
拉菜单。在文本输入款中按两下或在网址或电子邮
件输入框按一下可输入可插入英文句号(.),在电子
邮件输入框中输入@符号。在浏览器或者信息列表
中按空格键可进入下一页面(往下移动,翻页),按
Shift 键和空格键可翻到上一页
按键按键按键按键 用途用途用途用途
扬声器键 在通话的时候打开或者关闭扬声器。黑莓 Pearl
9105 没有扬声器键
符号键 打开符号列表
输入法指示器输入法指示器输入法指示器输入法指示器
输入法指示器将会出现在黑莓手机屏幕的右上角,在开发程序的时候要注意到这一点,因为指示器的
出现将会使右上角有一小部分被遮住,确保不会影响程序的使用。
指示器指示器指示器指示器 描述描述描述描述
手机输入当前处于Alt 模式,按Alt 键可进入这个模
式
在非全键盘的黑莓手机上,该指示器意味着用户当
前使用的是Multi-Tap 输入方式
该指示器表示用户当前处于数字锁定的输入状态下
(仅能输入数字)。在全键盘手机上,用户可以通过
按Alt 键和做 Shift 键进入该模式;在大部分非全键
盘手机上,是按Alt 键和 Shift 键。在触摸屏手机上,
用户则是通过按住 123 键直到屏幕出现该指示器
该指示器表明用户当前处于 Shift模式,用户按 Shift
即可进入该模式
显示用户当前使用的输入法语言
黑莓黑莓黑莓黑莓PearlPearlPearlPearl 9105910591059105输入法指示器输入法指示器输入法指示器输入法指示器
用户可通过 Shift 键切换:
快捷键快捷键快捷键快捷键
在非触摸屏的黑莓手机上,快捷键为用户提供了常用的操作。用户可以使用快捷键进行一系列的操作,
比如创建电子邮件或者添加浏览器书签。用户还可以使用快捷键来访问一个对话框按钮。
程序菜单选项并没有指定的快捷键。在用户打开菜单之后,他们可以通过按菜单项的第一个字母来高
亮菜单项。如果用户想执行操作,可在高亮菜单项的时候按回车键或者点击轨迹球,触摸板和滚轮。如果
菜单项中有多个选项的首字母是一样的,用户可以继续按,直到高亮显示他们要执行的菜单项。
最佳范例:执行快捷键最佳范例:执行快捷键最佳范例:执行快捷键最佳范例:执行快捷键
● 为常用的操作分配快捷键。比如,在配备有全键盘的黑莓手机上,用户可以在信息列表中通过按“N”
键移步到下一日期的信息,按“P”键返回上一日期。
● 使用快捷键提高用户的效率,但不是作为用户与程序进行交互的主要方式。用户应该能够从菜单中获
取所有生效的操作。
● 最好能够本地语言化快捷键,包括法语,意大利语,德语,西班牙语,捷克语,波兰和匈牙利语。其
他语言的快捷键一律使用英文。
● 在一个对话框中为所有的按键分配快捷键。突出显示和快捷键有关联的字符。
● 在(使用/设置)向导中不要为任何按键分配快捷键。
● 避免创建具有毁灭性的快捷键(比如删除),因为操作不能很容易地撤销,或者操作所带来的后果不
清晰。
快捷键选择指南快捷键选择指南快捷键选择指南快捷键选择指南
● 为全键盘和非全键盘手机使用不同的快捷键,比如,移动到网页顶部这个操作, 用户可以通过以下
按键来执行:
*在全键盘手机上按“T”
*在拥有 20 个按键的Half-QWERTY键盘上按“1”
*数字键盘手机则按“2”
● 在屏幕显示上,使用第一个或者经常具有代表意义的字符按键作为快捷键,比如,在信息列表当中,
按键“R”对应回复(Reply),“F”键则对应转发(Forward)
● 在对话框中,使用按键标签的第一个字母作为快捷键
● 如果可能的话,使用在其他程序中已经被使用的,并且具有相同作用的快捷键
● 确保你的快捷键不会和已经存在的,或者被保留的快捷键重叠。更多有关已经存在的快捷键的信息,
可以访问
● 避免为已经被大众所熟悉的快捷键分配不同的操作
.光标光标光标光标
当用户滚动滚轮或者轨迹球,或者使用手机在触摸板上滑动的时候,光标将会在屏幕上的各个焦点移
动。光标将会根据当前的状态显示不同的形状。
在网页上,用户可以通过滚轮垂直地移动页面,也可以通过轨迹球和触摸板水平地或者垂直地移动网
页。当用户将光标移动到可以操作的地方时,比如超链接或者文本输入框,光标将会显示出相应的指示以
便用户进行操作。
在带有触摸屏的黑莓手机上,指针出现的频率比较低。当用户使用触摸对屏幕进行操控的时候,焦点
将会随着用户的触摸进行。某些时候,当用户点击到可以操作的地方时,比如超链接或者文本输入框,光
标将会显示出相应的指示以便用户进行操作。
指针指针指针指针 用途用途用途用途 用户交互用户交互用户交互用户交互
箭头指针 箭头指针将会在浏览网页的时候
显示出来。
用户可以通过以下操作移动指针:
*滚动轨迹球或者滚轮
*在手机滑动触摸板
若用户想执行操作,可以按轨迹球
和滚轮或者点击触摸板。
长条状指针 显示(高亮)长条状指针说明用户
当前处于一个列表或者菜单项当
中。
用户可通过一下操作高亮菜单项:
*上下滚动轨迹球和滚轮
*上下滑动触摸板
*滑动屏幕
如果用户想在菜单项中打开菜单
或者执行操作,可以点击轨迹球,
触摸板,滚轮,或者屏幕。
手势指针 当用户暂停一个打开的链接之后
将会显示此指针。
可以通过点击轨迹球,触摸板、滚
轮和屏幕继续打开链接。
沙漏标志 在用户使用Dimension 主题的时
候将会使用这个标志,出现沙漏标
志意味着用户的黑莓手机正在保
存信息或者回收垃圾,沙漏标志也
用户开机的时候也会显示出来。
出现此标志的时候用户无法执行
任何操作来取消。
指针指针指针指针 用途用途用途用途 用户交互用户交互用户交互用户交互
时钟标志 在用户使用Precision 主题的时候
将不会出现沙漏标志,而是以时钟
标志代替,功能完全一样。
出现此标志的时候用户无法执行
任何操作来取消。
放大镜 放大镜指针表明用户可以在查看
网页的时候进行放大。
用户可以通过以下操作移动网页:
*滚动滚轮或者轨迹球
*在触摸板上进行滑动
用户可以通过点击轨迹球,触摸
板,滚轮放大网页,可以通过按
ESC键缩小网页。
加字符号 加字符号表明用户当前处于文本
输入框
用户可通过以下操作在文本输入
框中移动加字符号:
*输入文本
*滚动滚轮和轨迹球
*滑动触摸板
*通过触摸板或者轨迹球来打开上
下文菜单(如果生效的话)
用户可以通过一下操作高亮(选
中)文本:
*按 Shift 键的同时滚动滚轮或者
轨迹球
*按 Shift 键的同时滑动手指
在带触摸屏的黑莓手机上用户可
通过以下操作高亮(选中)文字:
*在两个不同的方位上点击
*点击指针附近的屏幕,将会弹出
一个轮廓框,轮廓框的作用是让用
户更加方便地重新定位指针位置。
按菜单键并点击“选择”,然后拖
动手指就可以高亮文本了。
文本 该指针表明用户当前处于一个文
本区域中。
依据网页设计的不同,用户可以通
过点击轨迹球,触摸板或者滚轮来
完成操作。
指针指针指针指针 用途用途用途用途 用户交互用户交互用户交互用户交互
下划线 该指针表示用户在除了浏览器之
外的程序中高亮了一个超链接,该
链接可以被存为电话电话号码,网
站或者 Email 地址。
用户可通过以下操作完成传统的
操作:
*点击轨迹球,滚轮或者触摸板
*点击触摸屏
用户可通过以下操作一个个字符
地高亮链接:
*按住 Shift 键的同时滚动滚轮
*按住 Shift 键的同时水平移动轨
迹球
*按住 Shift 键的同时在触摸板上
水平的滑动手指
*点击指针附近的屏幕出现轮廓
框,拖动手指进行高亮
最佳范例:指针设计最佳范例:指针设计最佳范例:指针设计最佳范例:指针设计
● 在可能的情况下,使用标准的指针和时钟指针。
● 可能的话,当用户改变主题的时候,虚拟效果(指针类型)也跟着改变。如果你的程序无法继承不同
主题的虚拟效果,尽量提供一致的用户体验。
● 避免使用硬代码颜色值。你选择的颜色也许会和用户使用的主题看起来是那么地格格不入。
● 选择具有高反差和焦点清晰的高亮颜色(比如白色背景的文本框,高亮文字为蓝色),并且为所有的
高亮指定一致的颜色。
● 避免更改高亮文本或者菜单的字体,字体大小,字体形状。
.高亮菜单高亮菜单高亮菜单高亮菜单
在文本输入框中,用户可通过加字符高亮(选中)文字。在浏览器中,如果用户处于选择模式,将可
以高亮指定文字,原本的指针鼠标将会变成加字符。
用户可在列表中高亮多个菜单选项,长条状指针将会出现在高亮的菜单上。高亮菜单的默认颜色表示
用户可以进行操作,非默认颜色表明的是用户已经高亮的(这个很好理解,比如你在短信里面全选了短信,
默认是停留在第一条短信的,此条短信的高亮颜色和其他的都不一样)。
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触屏黑莓手机触屏黑莓手机触屏黑莓手机触屏黑莓手机
高亮相邻的的文字或信息 *按住 Shift 键并滚动滚轮或轨迹球
*按住Shift 键的同时在触摸板上滑动手指
*打开菜单键,点击“选择”,用手
指拖动要高亮的文字
*在信息列表页高亮信息,只需同
时触摸要高亮的第一条和结束的
最后一条
高亮之后执行其他操作 使用轨迹球,滚轮或触摸板 按菜单键
最佳范例:高亮(选中)菜单选项最佳范例:高亮(选中)菜单选项最佳范例:高亮(选中)菜单选项最佳范例:高亮(选中)菜单选项
● 在带有轨迹球或触摸板的黑莓手机上,当用户高亮文字或在信息列表中高亮信息的时候,为用户高亮
的列表或文字提供相关的操作选项。比如,当用户在信息列表中高亮信息的时候,他们可以通过相关的选
项对信息进行归档。
● 在带有触摸屏的黑莓手机上,当用户点击一个菜单会触发几种常用的操作时,提供一个相关的菜单(比
如信息中的日期或联系人名字)。比如,当用户点击电子邮件中的联系人时,他可以通过相关的菜单保存该
邮件为草稿。
● 保证用户可以通过 Esc 键取消高亮的列表或文字。
● 如果用户可以高亮选中文字,请提供给他们可以复制的选项。同样地,当用户可以编辑文字的时候
为他们提供一个剪切的选项。把“复制”作为首选的操作选项。
● 在可能的情况下,请使用和用户当前主题一致的视觉风格(这也是Apple 所提倡的),如果你的程序
无法做到,应当尽可能地提供相近的体验。
● 高亮文字的时候应当使用反差较大的颜色(比如蓝底白字),为所有的高亮操作提供一致的颜色。
● 尽量避免改变高亮的菜单或文字的字体,大小和风格。
四四四四....屏幕屏幕屏幕屏幕////页面页面页面页面
.程序界面程序界面程序界面程序界面
黑莓手机上可以在同一时间打开多个显示界面,但用户一次只能预览一个界面。当多个页面同时打开
的时候,它们将会被层叠起来。层叠组的顶部页面则是当前正在使用的。当一个程序打开一个页面的时候,
黑莓的 JVM(Java虚拟机)会将其推至层叠组的顶部。当页面被关闭的时候,JVM将会从层叠组当中删
除当前的页面并显示下一个页面,程序将会对页面进行重新绘画。
一个典型的页面具有以下的特征:
页面页面页面页面////屏幕元素屏幕元素屏幕元素屏幕元素 描述描述描述描述
非滚动标题栏
该标题栏将会出现在屏幕顶部,并且可以显示对于当前页面的描
述以及诸如Wi-Fi 信号和电池电量等的指示器。
滚动箭头或滚动栏
如果要显示的内容超出页面范围,将会出现滚动箭头或滚动栏,
垂直的滚动箭头或滚动栏将会出现在屏幕右边,而水平的滚动栏
将会出现屏幕底部。滚动栏对文字内容没有任何的干涉。
页面页面页面页面////屏幕元素屏幕元素屏幕元素屏幕元素 描述描述描述描述
环境菜单(右键菜单/相关菜单)
环境菜单包括了用户最常用且可用的操作的列表。
在带有触摸板和轨迹球的黑莓手机上,当用户点击
轨迹球或触摸板而没有出现默认操作的时候,将会
在屏幕的底部水平居中出现环境菜单。
在带有触摸屏的手机上,当用户点击一个可以触发
几种操作的选项的时候,将会出现相关的菜单(比
如点击手机号码可以拨打电话,也可以发送短信,
还可以存储为联系人)。一般而言菜单是出现在高亮
文字选项的右边的,如果右边没有足够的空间可以
显示,将会显示在左边。
完整菜单
完整的菜单包括了程序所有可以使用的操作选项。
用户可以通过按菜单键打开完整的菜单。完整的菜
单将会出现在屏幕的左下角。
页面页面页面页面////屏幕元素屏幕元素屏幕元素屏幕元素 描述描述描述描述
工具栏
在带有触摸屏的黑莓手机上,工具栏将会出现在屏
幕底部。工具栏为用户提供了诸如撰写电子邮件和
添加书签等常用的操作。
横竖屏预览:在带有触摸屏的黑莓手机上,用户可以通过翻转手机来切换横竖屏浏览。
最佳范例:程序页面设计最佳范例:程序页面设计最佳范例:程序页面设计最佳范例:程序页面设计
● 当用户关闭程序的时候,请把程序页面从堆栈中删除。如果你使用的是标准的组件,黑莓将会自动删
除此页面。
● 为你的程序页面设置合适的焦点,一般而言,你需要将那用最常使用的操作聚焦在首位。如果此操作
列表无法出现在屏幕顶部,请考虑更改你的程序页面布局。
● 对于重新绘画页面,一定要非常之谨慎。你的黑莓程序最好不需要对页面进行重新绘制。
● 不要滥用嵌套布局。你使用的嵌套越多,程序的页面响应越慢。
● 确保你的程序能够合适的捕捉和放弃焦点。
● 尽可能多地支持不同的分辨率。如果你使用标准的 UI 建立你的程序页面,黑莓手机会让你的页面内
容自动填充屏幕。除此以外,你的程序还需要包含运行时对于屏幕的必要逻辑判断。
● 在菜单中包含“关闭”以便用户能够退出程序,当用户选择“关闭”或者按 ESC键的时候程序应当被
关闭。如果你使用的是标准的组件,“关闭”选项将会被自动添加到菜单当中。
● 在用户关闭页面的时候,假如有未保存的对话框,应当提醒用户保存。
● 如果可能的话,继承用户当前所用的主题风格,如果你的程序无法继承当前的用户主题风格,尝试提
供一个类似的体验。
● 尽量不要使用已经定义好的颜色值。也许你定义好的颜色会和用户的主题颜色造成冲突以致程序字体
看不清楚。
页面输出指南页面输出指南页面输出指南页面输出指南
● 为你的程序页面使用包括滚动箭头和滚动栏的垂直布局,这样用户就可以上下滚动页面。如果你使用
标准的组件,将会自动包含滚动箭头。如果你使用了自定义的滚动栏,请确保其和黑莓上的其他程序保持
一致。
● 在带有触摸屏的黑莓手机上,请确保你的页面能够在横屏和竖屏模式下都能够正常显示。
● 在页面上包含一个标题栏以便对页面进行描述。
● 请考虑在程序的标题栏上显示时间,日期,电池电量和网络信号,尤其是当程序需要连接网络的时候。
● 在页面的顶部显示最为重要的内容。以联系人为例子,首先显示名字,其次是邮箱和电话号码,最后
显示的才是该联系人的备注。
● 页面上同时可以出发的操作要尽量的少。
● 把所有用户可以进行的操作全部放到程序的菜单里面。
● 在页面上显示分隔符以便将不同的操作分开。
● 在设计过程中需尽早地考虑本地化需求,本地化要求对于程序页面的输入有一定的影响(有可能中文
比英文长,结果影响美观了)。
程序页面上常用的操作程序页面上常用的操作程序页面上常用的操作程序页面上常用的操作
用户可以在页面上完成下面的常见操作:
操作操作操作操作 用户交互用户交互用户交互用户交互
在页面上来回移动
*滚动滚轮或者轨迹球
*用手机滑动触摸板或者触摸屏
打开菜单
*按滚轮
*点击菜单键
执行菜单中的某一操作
*点击该操作项目
*当该操作项目处于高亮的时候,按菜单键
切换程序
*同时按住Alt 键和 ESC键
*长按菜单键
关闭程序 点击菜单中的“关闭”
在不关闭程序的情况下返回待机页面 按挂机键
Banner,或者待机界面的状态栏会显示以下信息:
● 时间和日期
● 网络运营商
● 电池电量指示器
● 信号覆盖指示器
● 声音模式指示器(标准或静音)
● 状态指示器,比如闹钟、未接电话、未读短信等图标
● 第三方的指示器
用户在黑莓手机上所使用的主题决定了待机界面 banner的设计。
中等或者小的 banner 将会出现在一些程序的标题栏当中。比如,在信息列表中,中等的 banner 将
会显示时间,电池电量和信号。
最佳范例:设计最佳范例:设计最佳范例:设计最佳范例:设计bannerbannerbannerbanner
● 根据你想要保留多大的的程序页面可阅读空间选择中等或者小的 banner。比如,为多媒体程序或者
浏览器程序选择较小的 banner以便用户在页面上可以阅读更多的内容。
● 如果可能的话,继承当前用户所使用主题的视觉效果。如果你的程序无法做到,请提供一致的用户体
验。
● 在 banner 上包含日期,时间,电量指示器和信号覆盖指示器,尤其是要求联网的程序。
● 如果你的程序需要及时地通知用户最新获取的信息,请在 banner 上添加你的程序指示器。比如,当
用户有一条新的未读短信的时候则会在 banner上显示(类似于手机QQ和Nimbuzz)。
● 请确保字体清晰可见。当字体和背景颜色相近的时候,字体将变得不可辨认。
黑莓手机黑莓手机黑莓手机黑莓手机BannerBannerBannerBanner尺寸一览图尺寸一览图尺寸一览图尺寸一览图
黑莓设备型号黑莓设备型号黑莓设备型号黑莓设备型号 大大大大bannerbannerbannerbanner 尺寸尺寸尺寸尺寸 中中中中bannerbannerbannerbanner 尺寸尺寸尺寸尺寸 小小小小bannerbannerbannerbanner 尺寸尺寸尺寸尺寸
7100 系列 240×65 240×32 240×17
8700 系列 320×50 320×32 320×17
8800 系列 320×50 320×32 320×17
Bold系列 480×75 480×48 480×28
Curve 8300 系列 320×50 320×32 320×17
Curve 8350i 智能手机
Curve 8500 系列
320×51 320×36 320×20
Curve 8900 智能手机 480×75 480×48 480×28
Pearl 8100 系列 240×65 240×32 240×17
Pearl Flip 8200 系列 240×73 240×55 240×28
Pearl 9100 系列 360×96 360×48 360×48
Storm 9500 系列 360×96
竖屏:360×48
横屏:480×48
竖屏:360×24
横屏:480×24
Tour 9600 系列 480×75 480×48 480×28
.对话框对话框对话框对话框
通过对话框完成以下操作:
● 当用户发起一个任务的时候给出完成该任务所需的提示信息
● 当有紧急的信息或者重要操作时通知用户
● 当用户进行首次操作或者执行有可能会删除信息的时候警告用户
对话框是实时动态的,它们将会打断用户正在进行的操作并将对话框对送到页面堆栈顶部。一个对话
框包括了一个表明当前对话框类型的指示器,一个提示信息和一个用户可以执行操作的按钮。对话框的大
小取决于黑莓设备的分辨率,在必要的时候将会出现滚动箭头。用户当前使用的手机主题决定了对话框的
风格样式。
最佳范例:使用对话框最佳范例:使用对话框最佳范例:使用对话框最佳范例:使用对话框
● 使用按键作为对话框的操作方式,避免使用链接或者其他的操作
● 为合适的对话框类型使用标准的指示器,避免在对话框里使用多个指示器
● 如果你的对话框在页面上无法完整地展现出来,请使用滚动箭头,如果你使用的是标准的组件,
在需要的时候滚动箭头将会出现
● 让用户可以通过 ESC键关闭对话框,当用户按 ESC键关闭对话框的时候避免出现其他操作。比如,
如果对话框允许用户改变设置,当用户按 ESC键关闭对话框的时候不要执行任何改变的操作。如果有
必要,对话框可以延迟出现
● 如果用户在页面上出现对话框的时候按下结束/电源键,请返回待机页面或者程序列表页,如果用户返
回程序,再次打开对话框
● 如果可能的话,继承用户当前所用的主题风格,如果你的程序无法继承当前的用户主题风格,尝试提
供一致的体验
● 选择一个对比性较强的颜色作为高亮颜色(比如蓝底白字),为所有相同的高亮操作使用一致的颜色
避免使用制定好的颜色属性值,因为它也许会和用户使用的主题有冲突(颜色相近导致看不清楚)
布局指南布局指南布局指南布局指南
● 请把对话框居中。如果你使用的是标准的组件,对话框将会自动居中与屏幕上。
● 对话框的大小最后是少于或等于 90%的屏幕长宽分辨率,如果你使用的是标准的组件,将会自动计算
出对话框的大小
● 垂直居中对话框指示器和提示信息
● 在指示器的右边,按键的上边显示对话框提示信息
● 将确认操作的按键放置于前面,比如将“保存”放置于“舍弃”或“取消”之前
● 在对话框中水平居中按键
● 在对话框中垂直放置按键,垂直布局允许按键进行扩展以容纳本地按键标签
提示信息指南提示信息指南提示信息指南提示信息指南
● 意简言赅。尽可能使用简短清晰的语句描述这个对话框的提示信息,并让用户知道如何能够对其进行
取消
● 如果可能的话使用完整的句子
● 使用通俗易懂的句子。比如将“写入磁盘错误”换成“文件无法被保存因为内存卡已经满了”
● 如果可能的话使用积极的语句而不是责备用户的语气,用户永远是对的
● 使用第二人称(你)
● 句子首字母大写
● 避免在提示信息中出现感叹号
● 避免出现省略号除非你的程序正在进行某项操作(比如:请等待......)
按键指南按键指南按键指南按键指南
● 请使用用户使用频率最高的按键作为默认按键,尽量不要使用具有毁灭性功能的按键作为默认操作。
当然事情也有例外,如果绝大部分的用户默认使用的是继续操作,只有一小撮不明真相的群众会删除项目
的时候,请反其道而行之
● 在一个对话框中请不要出现三个以上的按键,如果多于三个,请考虑使用一个页面而不是按键来设计
● 在带有滚轮,轨迹球或触摸板的黑莓手机上,为按键提供快捷键。通常快捷键是该按键第一个字母所
对应的按钮
● 使用简洁清晰的标签
● 如果可能的话请使用单个词语标签,按键的大小取决于你的标签长度。如果标签过于冗长,将会出现
省略号
● 尽量不要出现”是“和”否“这两个标签。请使用动词来描述相关的操作(比如“取消”,“删除”,“舍
弃”,“保存”)。这将会让用户更加清楚每个按键带来的对应操作
● 避免出现符号或者图片标签
● 标签中尽量不要出现标点符号。在按键标签上使用省略号来告诉用户在执行操作之前他们必须看完整
个句子
警告式的对话框警告式的对话框警告式的对话框警告式的对话框
当用户试图执行诸如关机或输入无效信息等危机关键的时刻,使用警告对话框恫吓用户。带有感叹号
的指示器将会出现在对话框中。用户可以通过点击OK或者按 ESC键关闭此对话框。
最佳范例:警告对话框设计最佳范例:警告对话框设计最佳范例:警告对话框设计最佳范例:警告对话框设计
● 仅包含OK按键,该按键应当是高亮显示的,当用户点击 OK的时候对话框应当能够被关闭。如果你
非要使用多个按键的话,请使用询问式的对话框
● 允许用户通过按 ESC键关闭对话框
● 使用简洁的描述指出弹出对话框的原因
● 避免出现短句式的疑问句,请使用句子
通知对话框通知对话框通知对话框通知对话框
使用通知对话框作为用户操作的反馈提示。通知对话框将会在一定时间内自动关闭,或者用户可以通
过按 ESC键快速关闭。通知对话框中将会出现一个通知指示器。
最佳范例:设计通知对话框最佳范例:设计通知对话框最佳范例:设计通知对话框最佳范例:设计通知对话框
● 不要在通知对话框中出现任何按键,如果非要出现按钮,请使用其他的对话框类型
● 允许用过通过按 ESC键关闭对话框
● 在确保用户能够读完通知信息的情况下设置合适的时间让对话框自动关闭。如果需要 10秒以上的时
间才能读完信息,考虑使用其他形式的对话框
● 如果你不想让用户在出现通知对话框的时候执行任何的其他操作,请使用状态对话框
● 避免出现短句式的疑问句,请使用句子
输入对话框输入对话框输入对话框输入对话框
当用户需要指定诸如日期或文件名等特定信息的时候使用输入对话框。在用户输入要求的信息之后,
他们可以通过按 Enter 键关闭并保存所做的改变。用户可以通过按 ESC键退出而不保存任何更改。在输入
对话框中你可以包含按键。
最佳范例:设计输入对话框最佳范例:设计输入对话框最佳范例:设计输入对话框最佳范例:设计输入对话框
● 为用户请求输入的文本框使用标准的指针
● 允许用户通过 ESC键关闭对话框
● 使用简洁的句子描述输入框
● 避免让用户在输入的时候需要提供相关的资料,使用相关的标签提示用户
● 输入框中不要出现任何提示
● 使用冒号作为字段标签的符号
询问对话框询问对话框询问对话框询问对话框
当用户在继续操作之前必须确认的时候使用询问对话框,询问对话框中将会出现一个问号指示器。
最佳范例:设计询问对话框最佳范例:设计询问对话框最佳范例:设计询问对话框最佳范例:设计询问对话框
● 使用简洁易懂的问句描述问题
● 当用户在关闭页面之前所做的更改没有保存的时候,使用询问对话框
● 提供”取消“按键,这样用户可以在不保存的情况关闭对话框
● 请使用动词标签描述用户相关的操作(比如“取消”,“删除”,“舍弃”或“保存”)。如果需要的话可
以在其他页面包含更多的提示信息
● 避免使用“是”和“否”标签
挑选对话框挑选对话框挑选对话框挑选对话框
你可以使用挑选对话框让用户在列表页中更加简单地挑选所需的项目内容。
挑选类型挑选类型挑选类型挑选类型 描述描述描述描述
文件
该挑选器允许用户浏览其黑莓手机上的文件.
位置
该挑选器允许用户从你定义好的列表中选择一个位置。比如用户可以选择通过GPS 进
行定位或者使用之前使用过的位置。
挑选类型挑选类型挑选类型挑选类型 描述描述描述描述
日期
该挑选器允许用户选择特定的日期,月份和年份。
比如用户可以为其信用卡到期时间选择对应的年份
和月份。
时间
该挑选器可以让用户选择特定的小时,分钟和秒。
最佳范例:设计挑选对话框最佳范例:设计挑选对话框最佳范例:设计挑选对话框最佳范例:设计挑选对话框
使用文件挑选器、位置挑选器和时间日期挑选器类创建挑选对话框。想了解更多关于创建挑选对话框
的创建信息,请查询《API reference guide for the BlackBerry Java Developent Environment》,
《BlackBerry Java Application UI》和《Navigation Development Guide》,创建文件挑选器“和”创
建日期挑选器“文档。
文件挑选器指南文件挑选器指南文件挑选器指南文件挑选器指南
● 允许用户从合适的默认文件夹开始浏览。如果程序没有设置默认的浏览目录并且手机中插有内存卡
时,让用户从根目录开始浏览
● 如果程序支持多种类型的文件格式并且内存卡已经插入到手机,让用户从/Media Card/BlackBerry
处开始浏览。如果程序支持多种类型的文件格式而手机当中没有内存卡,让用户从/手机内存/home/user
处开始浏览
提醒对话框提醒对话框提醒对话框提醒对话框
对诸如约会和任务等对时间比较敏感的操作需要使用提醒对话框提示用户。包含一个”小懒觉
(snooze)“按键,用户点击之后可以在晚些之后接收到另一个提醒,包含一个取消按键这样用户点击之
后可以取消提醒。用户可通过按 ESC键取消提醒,可通过按按键或者按 ESC键关闭提醒对话框。提醒对话
框将会包含一个醒目的提醒指示器(通常是闹钟一类的)。
注:这个很好理解,在 Symbian 上,如果你设置闹钟了却不想起床,可以选择延迟几分钟或者直接取
消闹钟。
状态对话框状态对话框状态对话框状态对话框
用状态对话框提示用户当前一个正在执行的进程。用状态对话框出现的时候,用户无法进行其他操作。
在 Precision主题中,状态对话框将会出现一个时钟指示器,而在Dimension主题中,指示器则是一个沙
漏。
最佳范例:设计状态对话框最佳范例:设计状态对话框最佳范例:设计状态对话框最佳范例:设计状态对话框
● 当你无法确定操作需要花多少时间时,使用状态对话框,如果你能够确定,则使用进度条代替
● 如果操作需要花费一秒钟以上的时间完成时,使用指示器
● 在状态对话框中不应出现任何按键,当状态对话框出现时用户仍可进行其它操作,考虑使用其他类型
的对话框
● 为对话框文字提示添加冒号
.进度指示器进度指示器进度指示器进度指示器
使用进度指示器来标明一个操作的状态。进度指示器有两种类型:
● 当你能够确定一个操作所需的时间时,使用明确的进度指示器。明确的进度指示器包括一个说明操作
的标签文字和水平的从左至右的滚动进度条。进度条上将会出现百分比来告知进度的完成程度。在浏览器
当中,当用户下载文件时进度指示器将会提示文件下载了多少字节以及文件的总大小。用户可通过按结束
键隐藏进度指示器。当用户按下结束键的时候操作将会在后台进行,同时用户可以执行其他的操作。
● 如果你无法预知完成一个操作需要多少时间,请使用不确定的进度指示器。你可以为 Precision主题
使用动态的时钟指示器的状态对话框,为Dimension 主题使用沙漏指针。在程序出现不确定的进度指示器
时,用户无法进行其他的操作。
明确的进度指示器 不确定的进度指示器
最佳范例:设计进度指示器最佳范例:设计进度指示器最佳范例:设计进度指示器最佳范例:设计进度指示器
● 如果一个操作需要 2秒以上的时间来完成,使用进度指示器
● 如果你明确知道完成一个操作所需的时间,使用明确的进度指示器
● 如果你不确定完成一个操作所需的时间,使用不确定的进度指示器
● 使用GaugeField 类来创建进度指示器。想了解更多关于创建进度指示器的信息,请参阅《API
reference guide for the BlackBerry Java Developent Environment》和《BlackBerry Java Application
UI and Navigation Development Guide》
● 允许用户通过按结束键后台运行一个明确的进度指示器
● 提供有用的进度信息。比如,如果用户载入一个网页,提示用户已经载入的网页数据( 载入了 10KB
中的 8KB)。如果用户下载了文件,用百分比指示器提示用户下载进度。尽可能精确地表示进度信息
● 在不确定的进度指示器中,为 Precision主题使用闹钟图标,为Dimension 主图使用沙漏
● 可能的话,继承和当前用户所用主题一直的页面风格,如果你无法做到这一点,尝试提供相似的用户
体验
标签指南标签指南标签指南标签指南
● 使用简洁的短语描述标签(比如”载入数据“或”创建程序列表“)
● 句子首字母大写
● 为对话框信息使用冒号
.向导向导向导向导
为了简化一些列复杂的步骤或用户需要对程序进行设置的时候你需要使用一个向导帮助用户。向导可
以帮助没有相关经验的用户快速作出决定并完成操作。
最佳范例:向导设计最佳范例:向导设计最佳范例:向导设计最佳范例:向导设计
● 明智而谨慎地使用向导。我们建议你把程序设计得更加友好而不是使用向导
● 在向导中包含一个内容表格。该内容表格应当提供给用户所需的全部操作步骤。如果用户关闭了向导,
他们可以通过内容表格返回向导中合适的地方
● 使用标题栏以便鉴定当前的页面。在标题栏中水平居中标题
● 在每个设置页面的顶部均给出当前页面的说明
● 如果可能的话,请为操作包含默认的值或设置
● 在完整的或者相关的菜单中使用”下一步“作为默认的菜单选项
● 尽量不要在相关菜单中使用”选择“,用户可能会偶然地仍停留在选择模式
● 允许用户移动页面操作交代呢。避免让用户将焦点移至只读区域
● 如果你为 Dimension主题而设计,包含一个进度指示器以告知用户当前的步骤和全部的步骤。如果
你为 Precision主题而设计,请不要包含进度指示器
● 在用户完成每一个设置步骤之后,保存用户做出的更改
按键设计指南按键设计指南按键设计指南按键设计指南
● 在向导中使用”下一步“按键,让用户可以跳转到下一设置页面。该按键应当是默认被选中的。在最
后一步的向导中,不要包含此按键
● 在向导中包含”返回“按键,让用户可以返回上一设置页面。在第一页的向导页面中,不要包含此按
键
● 在最后一步的向导中,包含”完成“按键
● 向导应当包含”关闭“按键以便用户可以关闭向导,当用户关闭向导页面时,程序应当能够保存任何
的改动并返回内容表格页面
五:五:五:五:控制控制控制控制////操作操作操作操作
.按键按键按键按键
允许用户在对话框中通过按键执行操作。典型的菜单中包含了和当前页面相关的操作选项,用户可以
通过按键完成以下的操作:
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
高亮按键
●滚动滚轮或轨迹球
●用手指滑动触摸板
轻触按键
执行操作 点击按键或按 Enter键 点击屏幕
最佳范例:按键设计最佳范例:按键设计最佳范例:按键设计最佳范例:按键设计
● 尽量不要在程序页面中使用按键,请在相关的菜单选项中使用按键。不管指针处于页面上的任何位置,
用户应当能够立马调出菜单。按键应当是静态的,用户必须高亮点击之后才能执行相关的操作。如果你使
用了按键,请在程序菜单中包含相关的操作
● 如果可能的话,使用诸如“打开”或“关闭”等复选框或可选择的按键
● 使用 ButtonField 类创建按键。更多关于创建按键的信息可以参阅《API reference guide for the
BlackBerry Java Developent Environment》和《BlackBerry Java Application UI and Navigation
Development Guide》
● 使用用户经常使用的操作作为默认按键。避免使用带有毁灭性的按键作为默认按键
标签设计指南标签设计指南标签设计指南标签设计指南
● 使用简洁明了的标签
● 如果可能的话使用单个词语标签。按键的大小取决于标签的长度。如果标签过于冗长,将会截取前面
的词语并以省略号代替。如果你使用多个词语作为标签,注意大小写问题
● 使用动词作为相关操作的描述标签(比如“取消”,“删除”等)。如果有必要,在程序中的其他位置
包含更多的描述信息
● 避免使用“是”和“否”作为标签
● 避免在标签中使用标点符号。使用省略号提示用户他们必须在点击按键之后才可以完成操作
.复选框复选框复选框复选框
为用户提供可以开启或关闭选项的复选框。用户可以通过复选框完成以下操作:
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
选择一个复选框 按空格键或点击滚轮,轨迹球,触摸板 点击屏幕上的相关位置
最佳范例:设计复选框最佳范例:设计复选框最佳范例:设计复选框最佳范例:设计复选框
● 当用户可以选择多个选项的时候使用复选框
● 使用 CheckboxField 类创建复选框。更多关于复选框的创建,请参阅上面提到的两份文档
● 当用户选中一个复选框的时候不要立刻进行相应的操作
● 垂直对齐复选框
● 按照一定的逻辑对复选框进行归类或分组,而不是按照字母来排列复选框的顺序
复选框标签设计指南复选框标签设计指南复选框标签设计指南复选框标签设计指南
● 使用简洁明了的描述标签,让用户知道该复选框的作用
● 可能的话请使用正面的词语作为标签,比如将“打开”放置于“关闭”之前
● 将标签放置于复选框的右边
● 标题需注意大小写
● 不要使用句尾标点
.下拉式列表下拉式列表下拉式列表下拉式列表
为相互独立的值使用下拉式列表,用户可在下拉式列表中完成以下操作:
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
选择下拉式列表中的一个值(选项) 按空格键或点击滚轮,轨迹球,触摸板 点击屏幕
最佳范例:设计下拉式列表最佳范例:设计下拉式列表最佳范例:设计下拉式列表最佳范例:设计下拉式列表
● 当页面空间不够的时候,使用下拉式列表作为两个或以上的列表选择,如果页面大小不成问题,请考
虑使用可选的按键代替下拉式列表,这样用户可以在屏幕上更加直观地查看可用的操作
● 使用ObjectChoiceField 类创建下拉式列表。更多关于下拉式列表的创建信息,请参考上面提到的两
份文档
● 使用用户最常使用的操作作为默认值
● 当用户滚动列表的时候,请使用高亮让用户知道当前的焦点
● 如果用户无需选择一个值,请在下拉式列表中包含“无”这个值(比如选择信用卡时),把“无”放
置于列表的顶部
● 按照一定的逻辑分类或聚合列表中的值,而不是按照字母排列顺序
下拉式列表标签设计指南下拉式列表标签设计指南下拉式列表标签设计指南下拉式列表标签设计指南
● 对下拉式列表和列表中的值使用简洁明了的标签,确保用户知道他们在干嘛,下拉式列表的宽度取决
于标签的长度,如果标签过于长将会在尾部出现省略号
● 把标签放置于下拉式列表的左侧
● 注意下拉式列表标签和列表中的值的大小写
● 为下拉式列表使用冒号
.标签标签标签标签
使用标签作为一个操作的显示文字。
最佳范例:标签设计最佳范例:标签设计最佳范例:标签设计最佳范例:标签设计
● 使用 LabelField 类创建标签,更多关于创建标签的信息,请参考《API reference guide for the
BlackBerry Java Developent Environment》和《BlackBerry Java Application UI and Navigation
Development Guide》
● 使用简洁明了的标签
● 按照一定的逻辑分类或聚合列表中的值,而不是按照字母排列顺序
● 注意大小写
● 使用冒号
.列表列表列表列表
使用列表来呈现菜单选项以便用户可以高亮和打开,用户在列表中完成下列的操作:
动作动作动作动作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
在列表中高亮菜单项
●滚动滚轮或轨迹球
●用手指滑动触摸版
轻触屏幕
在列表中打开菜单项 点击菜单项或按 Enter 键 点击屏幕
最佳范例:列表设计最佳范例:列表设计最佳范例:列表设计最佳范例:列表设计
● 使用 ListField 类创建列表,更多信息请参阅《BlackBerry Java Application UI》和《Navigation
Development Guide》
.可选按键可选按键可选按键可选按键
对于选项不同而分类相似的选择,使用可选按键。用户可以通过可选按键完成以下操作:
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
选择可选按键 按空格键或点击滚轮,轨迹球,触摸板 点击屏幕
最佳范例:可选按键设计最佳范例:可选按键设计最佳范例:可选按键设计最佳范例:可选按键设计
● 当屏幕空间不成问题的时候为两个或以上的选项使用可选按键。如果屏幕空间成为了阻碍,考虑使用
下拉式列表
● 使用 RadioButtonField 类来创建可选按键,更多信息请考虑上面两份文档
● 确保可选按键的内容是不变的,可选按键的内容应当不受到任何因素的影响
● 当用户选中一个选项之后不能马上执行操作
● 垂直对齐可选按键
● 按照一定的逻辑分类或聚合列表中的值,而不是按照字母排列顺序
可选按键标签设计指南可选按键标签设计指南可选按键标签设计指南可选按键标签设计指南
● 使用简洁明了的标签描述,让用户能够对所选的选项功能一目了然
● 将标签放置于可选按键右边
● 注意大小写
● 不要使用句尾标点
.搜索框搜索框搜索框搜索框
在程序中使用搜索框可以让用户搜索所需的项目。一些黑莓自带的程序包含了搜索框。比如在任务列
表中,用户可以通过搜索来查找特定的任务。
当用户在搜索框中输入词语的时候,策划那个徐将会搜索并呈现符合用户搜索关键字的列表。如果用
户输入多个词语,程序将会呈现同时包含多个词语的结果。比如,如果用户输入“ca ba”,程序将会给出
所以以 ca 开头和 ba开头的列表(诸如 call back)。
用户可以通过搜索框完成以下操作:
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
在搜索结果列表中打开一个已经
高亮的项目
按 Enter 键或点击滚轮,轨迹球,
触摸板
点击屏幕
删除输入框中的词 按 ESC键 按 ESC键
为了让用户能够快速地输入指定的词,你可以创建一个支持自动完成的输入法。当用户开始输入的时
候,符合联想结果的值将会出现在下拉列表中,用户可以通过点击列表中的单词或者继续输入。
最佳范例:搜索框设计最佳范例:搜索框设计最佳范例:搜索框设计最佳范例:搜索框设计
● 当你的菜单列表受约束时,提供一个搜索框
● 使用 KeywordFilterField 类创建搜索框,更多信息依然参考《API reference guide for the
BlackBerry Java Developent Environment》和《BlackBerry Java Application UI and Navigation
Development Guide》
● 使用 AutoCompleteField 和 BasicFliteredList类来创建自动完成,更多信息请参考《《API reference
guide for the BlackBerry Java Developent Environment》和《BlackBerry Java Application UI and
Navigation Development Guide》中的“Create an autocomplete text field from a data set”这个话
题
● 允许用户通过 ESC键删除他们已经在搜索框中输入的词
● 搜索结果一定要包含有用户输入的单词或字母
● 不要为包含有搜索框的页面分配任何快捷键,如果你的菜单列表受到约束且你想使用快捷键,请提供
一个可替换的搜索函数。比如,用户可以在信息列表中通过按 S或者通过菜单搜索信息
● 请把搜索框放置于程序页面的标题栏中
● 不要触及搜索框的G点(不要让搜索框过分敏感)
搜索框标签设计指南搜索框标签设计指南搜索框标签设计指南搜索框标签设计指南
● 使用“查找:(Find:)”作为搜索框标签
● 搜索框中不要出现提示文字
.选值框选值框选值框选值框
使用选值框允许用户从按序列表中轻松地选择对应的值。比如,当用户想要选择一周中的某个星期几,
可以使用选值框。
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
在列表中查找项目
●上下滚动轨迹球
●在触摸板上上下滑动手指
快速地上下滑动屏幕
从列表中选择项目 点击轨迹球或触摸板 点击OK
移至另一个选值框
●左右滚动轨迹球
●在触摸板上左右滑动
点击指定的选值框
最佳范例:选值框设计最佳范例:选值框设计最佳范例:选值框设计最佳范例:选值框设计
● 为一连串的选项列表使用选值框
● 为很长但是不成串或没有相同间隔的项目使用下拉式类表而不是选值框。为了提供较好的用体验你可
以为比较短的的项目列表使用选值框
● 当其他操作出现在屏幕上的时候避免使用选值框
● 使用 SpinBoxField 类和 SpinBoxFieldManager类来创建选值框,更多的信息请参阅《API reference
guide for the BlackBerry Java Developent Environment》和《BlackBerry Java Application UI and
Navigation Development Guide》中的“Create a spin box”话题
● 如果可能的话请把选值框植入到对话框当中,在带有触摸屏的黑莓手机上,用户从列表中选择项目的
时候需要点击OK
● 当用户高亮选值框的时候,垂直地呈现 3到 5个值
● 为选值框中的项目使用可判断的数量(如 5,10,15 个),这样用户可以清楚需要滚动几次才能找到
所要的目标
● 尽量不要使用水平滚动来查找项目,如果有必要,可以多处使用选值框
● 如果选值框中的文字过长,使用省略号
.文字输入框文字输入框文字输入框文字输入框
用户可以在文本输入框中输入文字。
文字输入框类型文字输入框类型文字输入框类型文字输入框类型 描述描述描述描述
Email 用户可以通过按空格输入“@”和“.”符号
日期和时间
*在带有滚轮或轨迹球的黑莓手机上,用户可以使用
键盘或通过垂直滚动滚轮或轨迹球来改变时间或日
期。
*在带有触摸板的黑莓手机上,用户可以使用键盘或
通过垂直滑动触摸板来更改时间或日期。
*对于使用触摸屏的黑莓手机,用户可以可过分别点
击日期或时间输入框并上下滑动来改变对应的选
项。
数字输入框
在非触屏黑莓手机上,当用户在数字输入框中开始
输入的时候手机将会自动切换到数字锁定模式以便
用户可以很方便地输入而不用按Alt 键。在使用触屏
的手机上,当用户点击输入框的时候将会出现虚拟
的数字键盘。
密码
当用户使用密码输入框,已经输入的字母将会被星
号代替,在密码输入框中用户无法复制或粘贴文本,
且无法使用自动完成。在支持 SureType 技术的黑莓
手机上,Multi-tap 是密码输入框中的默认输入法。
文本输入框
在文本输入框中,用户可以复制,剪贴和粘贴文本。
当指针(一闪一停的”|“符号)到达文本段的末端
是,将会自动换行。在文本输入框中,黑莓可以自
动将电话号码,网页链接和 Email 自动转化为可点
击的链接。
网址 用户可以通过按空格键输入”.“。
文字输入框类型文字输入框类型文字输入框类型文字输入框类型 描述描述描述描述
电话号码
在非触屏黑莓手机上,当用户在电话号码输入框中
输入的时候系统将会锁定为数字输入模式,用户无
需再按Alt 键。你可以让用户在电话号码输入框中完
成以下操作:
*允许用户使用+号,因为国际号码需要使用
*允许用户输入诸如”-“,”.“,”()“和空格键等格
式符
*允许用户输入米字键和井号键
*当用户输入逗号的时候给出暂停指示器,当用户输
入感叹号的时候给出等待指示器
*当用户按住Alt 键并按住 E,X 或 T 键时给出扩展
(extension)指示器
在触摸屏黑莓手机上,当用户需要在电话号码输入
框中输入的时候将会出现虚拟数字键盘。你同时也
可以允许在电话号码输入框中完成以下操作:
*允许用户输入米字键和井号键
*当用户按住星号键的时候给出暂停或扩展指示器
*当用户输入井号键的时候给出等待或扩展指示器
最佳范例:文字输入框设计最佳范例:文字输入框设计最佳范例:文字输入框设计最佳范例:文字输入框设计
● 使用 RichTextField 类老创建文字输入框,更多信息请参阅《API reference guide for the BlackBerry
Java Developent Environment》和《BlackBerry Java Application UI and Navigation Development
Guide》
● 基于你期望用户的输入类型选择一个文字输入框类型。选择合适的文字输入框很重要,这样用户可以
在输入的时候将会出现合适的输入指示器。比如,当用户在数字输入框中输入的时候,数字锁定指示器将
会出现在屏幕的右上角。你所选择的输入框类型同时也会对带有 SureType技术的黑莓手机输入框的默认
输入法造成影响
● 使用或扩展已有的框,避免创建自定义的输入框,这样可以继承合适的默认属性
● 设置合适的焦点,可能的话,设置用户最常使用的类型最为焦点。输入框中将会出现提示词,当用户
输入的时候其将会消失
文字输入框标签设计指南文字输入框标签设计指南文字输入框标签设计指南文字输入框标签设计指南
● 使用简洁明了的描述标签,避免标签过长
● 注意大小写
● 使用冒号作为标点符号
● 如果你使用了提示文本,确保其通俗易懂,使用句子的时候注意大小写
.树形预览树形预览树形预览树形预览
使用树形预览在分层项目中来展现诸如文件夹之类的项目。项目之属性预览中的节点,最高级的节点
是根节点。树形中的节点可以拥有子节点,拥有子节点的节点是其父节点。(说白了和以树形形式浏览文件
夹和子文件夹差不多)
用户可以在树形预览中完成以下操作:
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
使用带有加号和减号标志的层级
来展开或收起项目
使用空格键或点击触摸板,轨迹
球,滚轮
点击屏幕
最佳范例:属性预览设计最佳范例:属性预览设计最佳范例:属性预览设计最佳范例:属性预览设计
● 使用 TreeField 类来创建树形预览,更多相关的信息请参阅《API reference guide for the BlackBerry
Java Developent Environment》和《BlackBerry Java Application UI and Navigation Development
Guide》
● 在带有轨迹球或触摸板的手机上,如果用户点击一个父级节点时可以执行多个操作请提供相关的菜
单。比如,当用户点击一个包含子文件夹的文件夹时,一个相关的菜单应该允许用户新建子文件夹或预览
文件
● 如果用户需要在全部的树形中完成操作,请提供根节点,否则将根节点排除出去
六六六六....多媒体多媒体多媒体多媒体
.图片展现图片展现图片展现图片展现
图片可以在方格(网状/格栅)、列表或传送带上以小图片的形式展现出来。预览单张图片的时候将会
以全屏展现出来,用户可以对图片进行放大和平移。
在网状预览中以小图片的形式在同一时间展示多个图片。
在列表预览中使用小图片展现图片以帮助用户快速找到他们想要的结果。该预览模式的预览图小于网
状格式的预览图,并包含了诸如文件名和日期等附加信息。
在传送带列表预览中同样会提供预览图,用户可以按照诸如相册等相关性进行查看。该预览模式占用
的空间较少并且在页面上可以出现其他的选项。
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
在网状或列表预览中查看更多的
预览图
●上下滚动轨迹球
●用手指上下滑动触摸板
手指快速上下滑动
在传送带列表中查看更多的预览
图
●左右滚动轨迹球
●用手指左右滑动触摸板
手指快速左右滑动
最佳范例:图片展现最佳范例:图片展现最佳范例:图片展现最佳范例:图片展现
预览图展现设计指南预览图展现设计指南预览图展现设计指南预览图展现设计指南
● 在特性预览中提供一样大小的预览图,如果有必要,请调整图片大小或裁剪图片。如果在不裁剪的情
况下你必须展现原始的图片大小,请创建一个和其它图片一样大小的 box,并把 box放在图片后面。居中
对齐图片的宽度和高度
● 不要扭曲图片的比例
在单个图片预览、网状预览和列表预览中展现图片的设计指南在单个图片预览、网状预览和列表预览中展现图片的设计指南在单个图片预览、网状预览和列表预览中展现图片的设计指南在单个图片预览、网状预览和列表预览中展现图片的设计指南
● 一定要提供单个的图片浏览以便用户可以放大和平移图片
● 在网状预览中,默认使用 4张预览图作为一排
● 在网状预览中有效地使用GridFieldManager来放置图片,更多关于在网状预览中放置图片的信息,
请参考《API reference guide for the BlackBerry Java Developent Environment》和《BlackBerry Java
Application UI and Navigation Development Guide》中的“Create a grid layout”话题
● 如果图片需要花费一些时间来展示,使用递增来展示图片,并显示图片展位符
在传送带预览中显示预览图设计指南在传送带预览中显示预览图设计指南在传送带预览中显示预览图设计指南在传送带预览中显示预览图设计指南
● 使用 PictureScrollField 类在传送带预览中展现图片。更多的信息,请参阅《API reference guide for
the BlackBerry Java Development Environment》以及《BlackBerry Java Application Multimedia
Development Guide》中的“Display a row of images for scrolling”话题
● 如果用户的最终目标是查找特定的图片,尽量不要使用传送带预览方式而使用网状或列表预览来代替
● 在屏幕上同一时间展现 3到 7张图片。展现的图片数量取决于预览图的宽度和屏幕大小
● 显示全部的图片数量并高亮当前的照片所处的位置
● 如果图片的数量无法在一屏上完全展现,展现一部分的图片并在屏幕左边或右边展现出滚动箭头
● 如果图片有特定的顺序,提供给用户一个图片开始和结束的指示器
.放大和平移图片放大和平移图片放大和平移图片放大和平移图片
用户可以通过放大和平移来查看图片的细节。
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
放大图片 点击轨迹球或触摸板
*轻触屏幕
*双击屏幕
*在两个不同的位置上用手指拉动
图片,然后点击屏幕
缩小图片 按 ESC键 按 ESC键
放大图片至原始大小 按两次 ESC键 按两次 ESC键
平移图片
*放大图片,然后滚动轨迹球
*放大图片,然后在触摸板上滑动
手指
放大图片,用手指拖动图片
最佳范例:放大,平移和旋转图片最佳范例:放大,平移和旋转图片最佳范例:放大,平移和旋转图片最佳范例:放大,平移和旋转图片
● 使用 ZoomScreen类允许用户放大图片。更多关于放大图片的信息,请参考《API reference guide for
the BlackBerry Java Development Enviroment》以及《BlackBerry Java Application Multimedia
Development Guide 中的》“Display an image for zooming and panning”话题
● 如果用户需要在页面上执行其他的操作,比如打开相关的菜单,使用交替的方式来放大图片
● 如果用户放大图片至原始大小,请提供一个视觉上的指示器告知用户当前图片为原始大小
● 在非触屏黑莓手机上,为缩小和放大图片分配快捷键。可能的话,允许用户通过按“I”放大图片,按
“O”缩小图片
● 允许用户旋转图片并以原始分辨率查看图片
.在屏幕上临时地呈现展现图片信息在屏幕上临时地呈现展现图片信息在屏幕上临时地呈现展现图片信息在屏幕上临时地呈现展现图片信息
你可以在屏幕上以透明背景或不透明背景的形式展现图片的信息。比如,当用户预览一张图片的时候,
你可以在页面顶部或底部显示图片的描述。你可以自定义描述的内容以及呈现的时间。
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
在屏幕上临时地呈现图片信息
*移动轨迹球
*在触摸板上滑动手指
*按某个键
*点击屏幕
*按某个键
临时信息出现之前 临时信息出现之后
最佳范例:在屏幕上临时地呈现信息最佳范例:在屏幕上临时地呈现信息最佳范例:在屏幕上临时地呈现信息最佳范例:在屏幕上临时地呈现信息
● 当用户需要执行某项操作的时候避免显示临时信息。仅呈现诸如描述,元数据等次要的信息
● 为了避免分散用户的注意力从而不干扰他们的操作,请谨慎地临时性展现信息
● 使用 EyelidFieldManager类来展现临时信息。更多关于展现临时信息的资料,请参阅《API reference
guide for the BlackBerry Java Development Enviroment》和《BlackBerry Java Application UI and
Navigation Development Guide》中的“Display a ButtonField and a LabelField temporarily on the
tiop and bottom of the screen”话题
七七七七....菜单菜单菜单菜单
用户在程序中执行的部分操作都是通过菜单完成的。完整的菜单包括了用户在程序中可以完成的所有
操作选项。当用户按菜单键的时候,完整的菜单将会出现在页面的左下角。如果菜单过于长无法完全展现
出来,将会出现滚动箭头。
操作操作操作操作 非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机非触屏黑莓手机 触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机触摸屏黑莓手机
移动菜单
*滚动滚轮或轨迹球
*在触摸板上滑动手指
点击和拖动菜单项
移至某个菜单项 按菜单项上首个字母所在的按键 无
通过相关的菜单项开始操作
按 Enter 键或点击滚轮,轨迹球,触
摸板
点击菜单项
关闭菜单 按 ESC键 按 ESC键
.最佳范例:菜单设计最佳范例:菜单设计最佳范例:菜单设计最佳范例:菜单设计
● 始终提供完整的菜单
● 确保用户可以执行下列的操作
*按菜单键打开完整的菜单
*当菜单项处于高亮时,按菜单键可以开始执行该菜单项操作
*通过长按菜单键打开并切换程序窗口(指的是任务窗口列表)
*当一个按键聚焦于触摸屏黑莓手机的对话框中,按菜单键开始执行操作
● 把用户最常使用的菜单项作为默认的菜单项。完整菜单中的默认菜单项名字应当和相关菜单中的名字
一样
● 将默认的菜单项和其他常用的菜单项放置于菜单列表中间
● 确保菜单项中菜单顺序和其他黑莓程序的菜单项一致
● 将最常使用和具有相同功能的菜单栏分组到一起,可能的话让用户测试你的分组
● 不同分组的菜单项中插入分隔符
● 不要把具有冲突性的菜单项放置到一块,比如,不要把“删除”和”打开“放到一起
● 始终把”切换程序“和”关闭“放置到菜单中,并将其放置于菜单结尾。如果你使用的是标准的组件,
菜单中将会自动包含着两个项目
● 在带有触摸屏的黑莓手机上,创建的菜单项高度是 45px
菜单标签设计指南菜单标签设计指南菜单标签设计指南菜单标签设计指南
● 使用不超过 12个字符的简洁明了的描述标签。如果标签过长,将会出现省略号告知用户
● 为标签使用动词
● 注意大小写
● 在菜单项标签中使用省略号告知用户他们必须点击菜单项才能执行操作。比如,如果用户在日历菜单
项中点击”跳转到日期...“,他们必须在屏幕上出现的窗口中选择一个特定的日期
● 避免在标签中出现诸如星号之类的符号
● 确保菜单项标签和页面相关,比如,如果用户点击”改变显示名字“,在出现的菜单中标题也应当是”
改变显示名字“
.相关菜单相关菜单相关菜单相关菜单
相关菜单,或短菜单,包含了当前相关页面中用户可以执行的相关操作。在带有轨迹球和触摸板的黑
莓手机上,当用户点击轨迹球或触摸板切当前没有默认操作的时候将会出现相关菜单。
在触摸屏黑莓手机上,当用户点击一个将会出现多个可用的操作的菜单项将会出现相关菜单(比如,
信息当中的日期或信息当中的联系人)。
最佳范例:相关菜单设计最佳范例:相关菜单设计最佳范例:相关菜单设计最佳范例:相关菜单设计
● 使用用户最常使用的菜单项作为默认菜单项。相关菜单中的默认菜单项名字应当和完整菜单中的名字
一样
● 相关菜单中的项目最好少于 8个
带有轨迹球或触摸板的黑莓手机相关菜单设计指南带有轨迹球或触摸板的黑莓手机相关菜单设计指南带有轨迹球或触摸板的黑莓手机相关菜单设计指南带有轨迹球或触摸板的黑莓手机相关菜单设计指南
● 当没有明确的默认操作时请包含相关菜单项。比如,当用户打开信息并点击轨迹球和触摸板时,一个
包含最常用操作的相关菜单将会出现(如归档,回复,转发)
● 始终在相关菜单中包含”完整菜单“以便用户能够使用全部可用的操作
触摸屏黑莓手机相关菜单设计指南触摸屏黑莓手机相关菜单设计指南触摸屏黑莓手机相关菜单设计指南触摸屏黑莓手机相关菜单设计指南
● 菜单项只包括适用于当前高亮的项目
八八八八....文本字体文本字体文本字体文本字体
.字体字体字体字体
主题决定了黑莓手机的字体。用户可以更改字体和大小。在黑莓智能手机模拟器中,开发者可以使用
不同的字体并调整其大小。在待机页面中,点击选项图标,点击屏幕/键盘。
最佳范例:字体最佳范例:字体最佳范例:字体最佳范例:字体
● 尽可能地从主题继承字体。默认的设置可以让字体在每部黑莓手机上的阅读体验更好。如果你使用了
其他的字体或者更改了字体的大小,确保其在黑莓手机上可以完整阅读
● 使用 FontManager类来安装自定义字体。更多关于安装自定义字体的信息,请参考《API reference
guide for the BlackBerry Java Development Enviroment》和《BlackBerry Java Application UI and
Navigation Development Guide》中的“Install and use a custom font in a BlackBerry Java
application”话题
● 如果你在界面中使用多个字体,请使用同一个字体集(font family)中的字体
● 为按键,对话框文字,菜单项和标题使用加粗的字体,避免为重要内容加粗
● 避免使用固定大小的字体和小字号字体
● 避免使用斜体字和带有下划线的字体,这些风格将会让字体变得难以阅读
● 避免为小字体使用反锯齿。反锯齿会让字体边缘更加平滑,但是在非常小的字体上使用反锯齿将会让
它们变得更加模糊
● 确保即便是在较低的灯光下所有的用户界面元素依然是比较清晰的
● 考虑文字的易读性。当背景和颜色颜色相似的时候文字将会变得比较难以辨认
.书写惯用方法书写惯用方法书写惯用方法书写惯用方法
最佳范例:标点符号最佳范例:标点符号最佳范例:标点符号最佳范例:标点符号
● 一致地使用标点符号
● 为列表标签,文字输入框标签和搜索框标签使用冒号。在按键标签和菜单项中标签中避免使用冒号
● 在标题中避免使用冒号,除非标题栏中出现搜索框(比如,搜索框中可以出现“查找:”提示)
● 为字体标签或菜单项标签使用省略号,提示用户在点击按键或菜单项之后必须完成另一个操作(比如
“跳转到日期...”),省略号同时也表明当前文本是被截断的
● 使用双引号当你指向一个别名或用户自定义名字的项目。比如,当用户删除一个书签,该出名的名字
将会以双引号出现(比如,你是否确定你要删除“WorldNews”?)
● 不要使用单个引号(“)
句末点号使用指南句末点号使用指南句末点号使用指南句末点号使用指南
● 当一个句子结束的时候使用句末点号
● 当你的页面程序展现多个句子时,在每个句末点号后插入一个空格符(易于阅读)
● 为问题使用句号
● 尽量不要使用感叹号,感叹号会让用户感觉你朝他们大叫
● 为三个以上的一系列菜单项使用逗号(比如,“同步你的联系人,约会,备忘录,和任务”)
最佳范例:大写最佳范例:大写最佳范例:大写最佳范例:大写
为标题中除了介词和少于 4个字母的单词的首个字母全部使用大写。对于句子而言,第一个单词的首
个字母和一些要求大写的单词的首字母必须大写(比如专有名词)。
● 对话框信息中的句子需要注意大小写
● 程序名字,页面标题,菜单项标签,页面控制标签,列表值和黑莓手机的按键都需注意大小写(比如,
“按 Escape键”)
● 超链接标题注意大小写
● RIM设备名称也需要注意大小写(比如“BlackBerry Enterprise Server”)
● 避免让强调性的语句中的字母全部大写,用户会感觉你在朝他们大喊
最佳范例:缩写词和首字母缩略词最佳范例:缩写词和首字母缩略词最佳范例:缩写词和首字母缩略词最佳范例:缩写词和首字母缩略词
缩写词指南缩写词指南缩写词指南缩写词指南
● 如果可能的话写出缩写词的全程,除非页面空间不够,例如用“for example”代替“.”
● 不要写出度量单位的全称(Km,cm等)
● 使用用户最常见的缩写词
● 缩写词的使用应当保持一致性
首字母缩略词指南首字母缩略词指南首字母缩略词指南首字母缩略词指南
● 使用用户最常见的首字母缩略词,常用的包括Wi-Fi,PIN,MMS和 SMS
● 如果页面空间不成问题,尽量写出首字母缩略词的全程。比如,考虑在程序菜单中而不是页面上使用
首字母缩略词。如果页面空间较小并且你使用的是比较生僻的首字母缩略词,在用户界面中的其他地方或
产品文档中提供该缩略词的全称
● RIM的全部产品名称最好不要进行缩写,除非 RIM商标和产品名称列表中没有提到的产品。比如,
用”BlackBerry Enterprese Server“代替”BES“。更多关于 RIM产品名称的信息,请访问:
● 首字母缩略词的使用应当保持一致性
● 首字母缩略词应当全部大写,除了商标和那些明确包含小写字母的单词除外。比如,使用“PIN”或
“Wi-Fi”
● 根据首字母缩略词的发音使用适当的冠词(a,an),比如“an MMS text message”或“a LAN”
● 当首字母缩略词是每个单词中的时,使用连字符,除非首字母缩略词是商标。比如,使用
“USB-compatible port”或“PGP® protected message”
● 必要的时候,首字母缩略词使用复数。比如,使用“ISPs”
● 注意首字母缩略词的所有格形式,比如,用“ISP network”代替“ISP's network”
产品名称和商标产品名称和商标产品名称和商标产品名称和商标
RIMRIMRIMRIM商标商标商标商标
● 不要变更商标(比如,用“BlackBerry”代替“Blackberry”或“BB”)
● 不要把商标当成名词或动词(比如,用“你的 BlackBerry设备是...”代替“你的 BlackBerry是...”)
● 不要为商标加上复数或所有格(比如,使用“BlackBerry设备”代替“BlackBerries”)
欲浏览 RIM的商标,请访问:
黑莓智能手机产品名称黑莓智能手机产品名称黑莓智能手机产品名称黑莓智能手机产品名称
● 当你引用了某部具体的黑莓智能手机型号时,请使用完整的产品名称(比如,使用“BlackBerry Curve
8900 智能手机”代替“BlackBerry Curve”)
● 当你引用一般的黑莓智能手机或已激活的 BlackBerry设备时,使用“device”作为全部的称号
更多黑莓智能手机产品名称的详情,请参阅:
黑莓产品或组件名称黑莓产品或组件名称黑莓产品或组件名称黑莓产品或组件名称
● 在所有的示例中使用完整的产品名字或组件名字
● 当你引用指定的产品版本,使用这样的格式:<产品名称>版本 (比如“BlackBerry Device
Software version ”),如果空间不够,使用 v代替 version
查看黑莓所有的产品名字,请参阅:
商标符号和商标符号和商标符号和商标符号和UIUIUIUI元素元素元素元素
UIUIUIUI 元素元素元素元素 使用惯例使用惯例使用惯例使用惯例
按键 不要包含商标符号
复选框 不要包含商标符号
对话框 在第一个 RIM商标实例中包含所有恰当的商标符号
字段 不要包含商标符号
footer 包含所有恰当的商标符号
链接 不要包含商标符号
logo
如果程序包含了带有商标符号的 logo,在最终页面
上的第一个实例中再次加入商标符号
信息 在第一个 RIM商标实例中包含所有恰当的商标符号
可选按键 不要包含商标符号
页面/屏幕 在第一个 RIM商标实例中包含所有恰当的商标符号
选项卡 不要包含商标符号
标题栏
包含所有恰当的商标符号。在页面上,网页上,对
话框和向导中包含产品名称的第一个实例中再次包
含所有恰当的商标符号
网页 在第一个 RIM商标实例中包含所有恰当的商标符号
向导 在第一个 RIM商标实例中包含所有恰当的商标符号
LogoLogoLogoLogo
黑莓黑莓黑莓黑莓logologologologo
● 永远不要排版,再造或改变 BlackBerry的 logo
最佳范例:术语最佳范例:术语最佳范例:术语最佳范例:术语
● 使用用户比较熟知的术语
● 避免使用技术术语,编程术语和俗语(比如使用“无线日历同步”代替“OTA日历同步”)
● 保证用户界面中的使用条款是一致的
● 使用清晰的,自然的,易懂的,易于交流的术语
● 尽可能地使用日常的语句去解释复杂的技术问题或操作
● 避免重复
● 避免使用符号代替文字(比如,使用“and”而不是“&”)
避免使用的术语避免使用的术语避免使用的术语避免使用的术语
避免使用的术语避免使用的术语避免使用的术语避免使用的术语 取而代之的可用术语取而代之的可用术语取而代之的可用术语取而代之的可用术语
Abort(取消) End,quit或 stop
Alert(警告/警示)<名词>
当指向指示器时使用"indicator"代替
当指向信息是使用"message"代替
Alert(警告)<动词> 使用"notify"(通知)代替
Allow(允许)
当指向权限时保留此术语。其他的,使用"permit"或
"turn on"代替
Carrier(运营商) 使用"wireless service provider"代替
Company(公司) 用"organization"代替
Corporate(公司的/法人的) 用"work"或"organization's"代替
Desktop(桌面) 用"computer"代替
Desktop computer(桌面电脑) 用"computer"代替
Disable(不可见的) 用"turn off"代替
e-mail 使用"email message"代替
E-mail 用"email message"代替
email program(邮箱程序) 用"email application"代替
Enable(开启) 用"turn on"代替
Ensure(确认) 用"verify","make sure","provide"或"check"代替
Erase(擦除) 用"delete"代替
Friendly name(友好/易记的名字) 用"display name"代替
Hang(挂起) 用"stop responding"代替
Keypad(计算机键盘) 用"keyboard"代替
Memory card(内存卡) 用"media card"代替
Nuke(摧毁) 用"delete"代替
PIM application(个人信息管理程序) 用"organizer application"代替
PIM data(个人信息管理数据) 用"organizer data"代替
PIM synchronization(个人信息管理同步) 用"organizer data synchronization"代替
Radio(无线收音机)
用"wireless connection"或"wireless transceiver"代
替
Ribbon(功能区界面) 用"home screen"代替
Reboot(重启) 用"restart"代替
Remove(移除)
当卸载程序时,保留此术语。其他情况,用"delete"代
替
Speaker(扬声器) 用"speakerphone"代替
Terminate(中止) 用"stop"代替
Uncheck(取消选中) 用"clear"代替
Username(用户名) 用"user name"代替
Voicemail(语音信箱) 用"voice mail"代替
避免使用的术语避免使用的术语避免使用的术语避免使用的术语 取而代之的可用术语取而代之的可用术语取而代之的可用术语取而代之的可用术语
Website(网站) 用"web site"代替
Wireless PIM synchronization(无线个人信息
管理同步)
用"wireless data synchronization"代替
九九九九....主题主题主题主题
主题决定了黑莓设备的界面。主题可以更改待机页面,程序列表,banner,对话框,标题栏以及其他
的诸如字体和背景颜色的UI原色的面貌和架构。用户可以选择黑莓手机内置的主题或者下载.cod 格式的
主题。
运营商主题
实例主题
你可以使用 BlackBerry Theme Builder(黑莓主题创建工具)创建你自己的主题。主题布局是一块待
机界面和程序列表的模板。用户可以通过程序列表打开程序。在待机界面的 banner 上至少需要包含时间,
日期,电池电量指示器和信号覆盖指示器。BlackBerry Theme Builder 包含了下面的主题和布局:
主题主题主题主题 布局布局布局布局 描述描述描述描述
Precision
Zen
在黑莓 Blod 系列,黑莓 Curve 8500 系列,黑莓 Tour 9600 系列,黑莓 Curve
8350i 以及黑莓 Curve 8900 上,待机界面会显示 6 个程序图标。
在黑莓 Storm 9500 系列上,待机界面会显示 8个程序图标。
today
点击界面上将会呈现信息列表电话和日历的图标。紧跟着每个图标将会出现最
近的项目。
Dimension
Zen 待机界面上将会呈现 5个程序图标和一个程序列表图标。
Today
待机界面上会展现三个程序图标和一个程序列表图标。默认情况下,程序图标
是信息列表,日历和电话。紧跟着每个程序图标将会出现最近使用的项目。
Icon
待机界面将会以网状的布局显示程序。你可以通过层级文件夹管理程序,同时
还可以让此待机界面显 Zen,Today和自定义布局中的程序列表。
自定义
待机界面上会显示最近使用的程序图标。在此布局下,你可以在待机界面上的
任意地方防止图标和程序。待机界面同时包含了程序列表图标。
.最佳范例:主题设计最佳范例:主题设计最佳范例:主题设计最佳范例:主题设计
● 为图标和文本少量使用耀眼的颜色。为背景图片使用低饱和度的颜色以确保背景图片不会影响到图标
和文字
● 使用具有高度对比性的颜色作为高亮颜色(比如蓝底白字),为所有的高亮操作使用相同的高亮颜色
● 避免更改高亮文字或项目的字体,字体大小或字体风格
● 控制你所使用的字体类型
● 确保你的UI中所有的字体都是易读的。需要考虑到字体属性对用户的阅读影响
主题图片指南主题图片指南主题图片指南主题图片指南
● 可能的话,对图片进行压缩和优化,保证你的主题尽可能的小,过大的主题将会影响黑莓手机的性能
● 对于 Precision主题,请使用 png 格式的 16位色图片。其他的主题,使用 32位的色带抖动 png 图
片
● 当你为黑莓手机主题设计图片的时候,尽可能地按照要求设计图片的宽高度
● 使用精巧的模式创建颜色基本相近的背景图片,以保证不会影响菜单,按键或对话框中的文字阅读
● 为每一部支持主题安装的黑莓手机使用大小合适的背景图片
● 当你决定在待机页面上显示哪些程序图标时,请考虑你的用户最想要使用的是什么
主题主题主题主题
黑莓 Bold 9000 智能手机中引进了 Precision主题。Precision主题既有精美时尚的设计元素,又不
失功能特性。黑莓手机固件 允许用户升级至 Precision主题。
原始的 Precision主题 升级后的 Precision主题
Precision使用了基于红绿灯的少数几种调色板,其中蓝色蓝色是高亮颜色。背景图片使用了明亮的颜
色。
PrecisioPrecisioPrecisioPrecisionnnn主题颜色主题颜色主题颜色主题颜色 RGBRGBRGBRGB值值值值
255,0,0
255,179,0
49,210,0
37,124,255
主题主题主题主题
黑莓Dimension 主题使用了清新友好的图片和配色方案。
Dimension 主题使用了下面四种标准的颜色:
标准的标准的标准的标准的DimensionDimensionDimensionDimension主题颜色主题颜色主题颜色主题颜色 RGBRGBRGBRGB值值值值
0,92,224
255,184,0
206,206,206
68,68,68
十十十十....图标和指示器图标和指示器图标和指示器图标和指示器
图标和指示器项目所表现出来的图案。他们可以通过让用户通过视觉认出你的程序并且快速地向用户
表达你的含义。
.最佳范例:设计图标和指示器最佳范例:设计图标和指示器最佳范例:设计图标和指示器最佳范例:设计图标和指示器
● 使用简洁的能够表达程序,操作的图形作为图标
● 使用用户最容易识别的形象图标。比如一个 Email 信息图标,使用邮票用户更加容易认出。需要注意
的是,在不同的文化群体中,图标的含义是不同的
● 使用跟现有图标类似的程序图标。把你的程序图标和其他程序对齐
● 为你的程序图标和指示器周围留出空间。比如,在一个大小为 80×80 的空间上,使用 68×68 大小的
图标
● 控制配色版的数量(越少越好)
● 使用一致的颜色
主题图标和指示器主题图标和指示器主题图标和指示器主题图标和指示器
Precision主题图标使用了简单的线条状 2D视图。图标和颜色是相当实用的,背景图标提供了视觉冲
击的感觉。和Dimension 主题的有机图标相比较起来 Presicion主题的图标更具几何性。
原始的 Precision主题 升级后的 Precision主题
在非触摸屏的黑莓手机上,图标的标签将会出现在屏幕底部。当用户高亮使用原始 Precision主题的
黑莓手机的程序图标时,图标的透明度将会发生变化,蓝色的图标描行将会出现。当用户高亮使用升级版
的 Precision主题的程序图标时,图标将会浮现出一个蓝色的背景图片。
默认状态下的 Precision图标
高亮状态下的原始 Precision图标
高亮状态下的升级版 Precision图标
在触摸屏黑莓手机上,图标的标签会出现在图标下面。当用户高亮程序图标的时候,图标背景将会变
成蓝色的。同时会在蓝色背景和蓝色图标间出现阴影以区别两者。
触摸屏黑莓手机上的原始图标 触摸屏黑莓手机上的高亮图标
指示器将会以 2D的图标展现。你可以在 banner或程序中(比如信息列表页的信息指示器)包含指
示器。
Banner指示器
程序指示器
最佳范例:为最佳范例:为最佳范例:为最佳范例:为PrecisionPrecisionPrecisionPrecision主题设计图标和指示器主题设计图标和指示器主题设计图标和指示器主题设计图标和指示器
● 创建和默认图标一样宽高和居中的图标
● 为每个图标和指示器的周围都留出一定的空间,比如,在一个大小为 80×80 的空间上,使用 68×68
大小的图标
● 为图标的白色部分使用从高到低的透明度,图标顶部使用 80%的白色不透明度,底部则是用 60%的
白色不透明度
● 为高亮图标增加阴影,使用下列的属性:
*角度:120 度
*混合模式:常规
*不透明度:49%
*间距:2px
*延伸:0%
*大小:4px
● 为高亮图标的白色部分添加 9px的色彩,色彩值为 121,175,255。为彩色部分添加 9px的色彩,
为该色彩使用强调色彩和 75%的不透明颜色。
LineLineLineLine(线,行)设计指南(线,行)设计指南(线,行)设计指南(线,行)设计指南
● 使用 1到 的两行宽度来创建图标。比如,其中一行宽度是 ,另一行宽度是 1px
● 使用较厚的 line 来标志第一特性,较薄的 line 来表示次要的特性。避免仅为图标使用薄的 line,当对
象没有详情的时候仅使用较厚的 line
● 为较厚的 line 使用半圆作为末端盖(use a half-circle as an end-cap)
色彩设计指南色彩设计指南色彩设计指南色彩设计指南
● 使用色彩加强图标。使用红色来告知用户,琥珀色来吸引用户的注意力,绿色来告知用户可以开始,
蓝色来高亮,代表信息和娱乐
● 创建 100%不透明且颜色一致的彩色部分。不要在图标的白色部分使用彩色,如果图标的白色部分出
现在白色背景中,白色部分应当是完全不可见的
外形设计指南外形设计指南外形设计指南外形设计指南
● 使用圆角矩形,圆圈,药丸形状,弧形和直线,使用圆弧作为过渡。避免使用自由曲线和特性的形状
●为程序图标使用圆角处理,圆角半径是整个图标的 16分之一。比如,图标的宽度是 34px,那么圆角半
径是 2px
● 使用较厚的波浪形来表示声音,用较薄的来表示无线信号
● 使用较粗的箭头来表示数据传输或无线通讯。使用较薄的箭头来表示用户界面中的一个操作
● 使用修改的对象来创建具有新含义或相同含义的图标集。修改过的对象较小,是其他对象的覆盖。比
如,为设置文件夹中使用齿轮作为修改对象
主题主题和指示器主题主题和指示器主题主题和指示器主题主题和指示器
Dimension 主题包含了不同大小的程序图标和指示器。为了保证自己商标的唯一性,运营商可以为主
题创建图标。在Dimension 主题中,程序图标是以 3D形式展现的。
如果用户高亮一个程序的图标,图标将会出现描边,同时图标的样子(状态)可能会发生细微的变化
(比如当用户高来那个一个锁的图标时,图标会从解锁的状态变成锁上)。图标的标签将会出现在屏幕底部。
未高亮时的默认Dimension 程序图标
高亮时的Dimension 程序图标
指示器则是以 2D的形式展现出来/你可以在 banner 或程序中包含指示器,当用户高亮指示器的时候,
指示器图标周围将会出现描边,同时指示器将保持是可见的。
banner 中的指示器 程序中的指示器
最佳范例:为最佳范例:为最佳范例:为最佳范例:为DimensionDimensionDimensionDimension主题设计图标和指示器主题设计图标和指示器主题设计图标和指示器主题设计图标和指示器
● 为程序图标使用单一的亮度。大部分的程序图标在右上角有厂家的色彩亮度
● 让程序图标的角度透视和现有的程序图标相匹配
● 为程序图标使用 3D设计,为指示器使用 2D风格
● 为你的程序图标使用等距的图片
● 为每一部支持主题的黑莓手机提供大小合适的图标
● 指示器的大小应当是一样的
.黑莓手机默认主题和程序图标大小黑莓手机默认主题和程序图标大小黑莓手机默认主题和程序图标大小黑莓手机默认主题和程序图标大小
黑莓手机型号黑莓手机型号黑莓手机型号黑莓手机型号 分辨率分辨率分辨率分辨率 默认主题默认主题默认主题默认主题 默认主题程序图标大小默认主题程序图标大小默认主题程序图标大小默认主题程序图标大小
7100 系列 240×260 Dimension
Icon布局:60×55
Zen 布局:48×36
8700 系列 320×240 Dimension
Icon布局:53×48
Zen 布局:48×36
8800 系列 320×240 Dimension
Icon布局:53×48
Zen 布局:48×36
Bold 9000 480×320 Precision 80×80
Bold 9650
Bold 9700
480×360 Precision 80×80
Curve 8300 系列 320×240 Dimension
Icon布局:53×48
Zen 布局:48×36
Curve 8350i
Curve 8500 系列
320×240 Precision 52×52
Curve 8900 480×360 Precision 80×80
Pearl 8100 系列 240×260 Dimension
Icon布局:60×55
Zen 布局:48×36
Pearl Flip 8200 系
列
240×320 Precision 46×46
Pearl 9100 系列 360×400 Precision 72×72
Storm 9500 系列
竖屏:360×480
竖屏带虚拟键盘:360×248
横屏:480×360
横屏带虚拟键盘:480×156
Precision 73×73
Tour 9600 系列 480×360 Precision 80×80
十一十一十一十一....声音声音声音声音////提示音提示音提示音提示音
提示音是一种和用户交互的有效的方式。比如,大部分用户喜欢接收到通知的时候带有提示音,因为
当用户没有看着屏幕的时候他们可以通过提示音知道有新的通知到达。
用户可以使用声音模式来指定诸如日历提示和来电铃声等不同程序的提示音。用户可以改变默认提示
音,使用黑莓内置的提示音或者使用新的提示音。用户同样可以通过情景模式来更改铃声或调整通知声音
的大小。
在你的程序当中,你可以为下面的东东使用提示音:
● 通知(比如,当新的信息到达时)
● 反馈(比如,当用户更改铃声大小时,手机将会播放用户当前选择的音量)
● 品牌(比如,打开你的程序的时候播放品牌声音,类似于Hello 酷狗)
● 娱乐(比如,在游戏中使用声音以提高游戏的可玩性和交互性)
最佳范例:提示音设计最佳范例:提示音设计最佳范例:提示音设计最佳范例:提示音设计
● 明智而谨慎地使用提示音,提示音会引起用户的注意并且它难以被忽视或取消。当处于勿扰或静音模
式时,请关闭提示音
● 在添加提示音之前,请考虑你的程序针对的用户群体。如果添加了提示音,为用户选择合适的音量,
频率和持续时间
● 允许用户通过声音(情景)模式完全控制你的程序的提示音
● 程序的提示音音量应当和黑莓内置程序的默认音量一致
● 确保即便有一段距离,用户仍可听见提示音。提示音应当能够引起用户的注意,甚至当他们将其黑莓
丢在一旁的时候
● 使用低频率的提示音并避免使用刺耳的声音(诸如月亮之上和爱情买卖)
● 避免将提示音作为唯一的通讯声音,用户可能因为听力问题或在一个嘈杂的环境中而无法听见。使用
声音的同时使用诸如震动或 LED闪烁等方式通知用户
● 避免使用要求本地化的提示音,在不同的文化中提示音可能有不同的含义,可能的话,避免使用具有
特殊文化的提示音(如乌乌组拉....)
十二十二十二十二....本地化本地化本地化本地化
本地化是程序适用于不同本地市场和语言的一个适配进程。确保你的程序是国际化的设计,那样可以
保证在适配于不同的语言和地区时无法更改你的程序引擎。本地化应针对目标用户准确地映射当地文化和
语言。本地化和国际化为你的程序本地化提供了可能性。
黑莓设备销售到了世界各地,黑莓程序同时也被翻译成了多种语言。一些黑莓手机同时也是用了本地
化的键盘。在设计的时候请考虑你的程序将要面向哪些地区。如果你的程序暂时没有本地化的需求,在设
计的时候也请考虑到这点方便日后进行本地化。
.最佳范例:为不同语言和地区设计程序最佳范例:为不同语言和地区设计程序最佳范例:为不同语言和地区设计程序最佳范例:为不同语言和地区设计程序
布局设计指南布局设计指南布局设计指南布局设计指南
● 可能的话,将标签放置于相关的字段域,在每个标签结束之后留下空白空间
● 为文本的呈现方向提供选项,在某些语言,诸如阿拉伯语和希伯来语中,文本的展现是从右到左的,
但是数字和字母和其他语言中是从左到到展现的
● 如果用户可以选择改变语言,用该种语言展现语言选项。比如,用"Deutsche"代替"German"
● 测试 UI界面的翻译以确认UI 的布局,用标签占用了几行的距离时,用户应当能够从字段中读取完整
的标签
颜色和图形设计指南颜色和图形设计指南颜色和图形设计指南颜色和图形设计指南
● 应当意识到颜色,图案和符号在不同的文化中有不同的含义,比如红色在北美和危险是相关联的而在
中国则代表喜庆
● 避免在图标和图案中出现文字或数字,因为它们有着本地化的需求
● 如果你的程序使用了图案,确保他们能够被本地化。使用用户认感性知度较高的图案,比如对于电子
邮件程序而言,是由邮票的认知度比较高
● 避免将可点击的图标做为唯一执行操作的方式。某些地区的用户可能对于该图标没有认知
● 避免使用国旗来表明语言(国旗真 TM难以辨别),而是使用文字
● 避免使用或暴露人体的某些部分
.最佳范例:为不同的语言和地区写代码最佳范例:为不同的语言和地区写代码最佳范例:为不同的语言和地区写代码最佳范例:为不同的语言和地区写代码
● 储存字符串到不同的资源文件中,并使用唯一的识别码来确定适用合适的的资源。让你的程序可以根
据不同地区的用户自动使用不同的语言
● 避免使用不同的字符串来串成一个句子,当进行翻译的时候,他们也许就再也不能组成句子了。比如,
避免使用 displayer+"is way",为句子使用新的字符串
● 避免将句子中的某个部分指向一个链接,翻译的时候,链接中的单词也许不会被一起保存,为链接使
用完整的句子
● 避免为空间,标点符号和单词使用硬编码,将这些项目包含到可以翻译的字符串当中。这样可以保证
翻译者用他们自己的规则翻译成本地语言
● 避免为工作日和周末使用硬编码,不同地区的工作日开始是不一样的
● 为阿拉伯和亚洲语言使用大字体,这些语言使用了需要更多垂直空间的变音符
数字设计指南数字设计指南数字设计指南数字设计指南
● 避免为数字分隔符使用硬编码。比如,1, 出现在美式英语中,而 1234,54 则出现在法语中
● 避免为数字位数分隔符使用硬编码。比如,123,456, 出现在美国中,而 12,34,56, 则出
现在印度
● 避免为负数使用硬编码。比如,比如可以以多种形式展现,如-123,123-,(123),或[123](绝对值)
● 提供不同的货币选项,比如,货币可以以$,12,34€,或 12€34。另外,某些货币符号所占据
的空间要大一些
● 确保数字,度量,日期和时间能够让你的本地化用户无障碍地使用
.最佳范例:不同语言和地区的书写最佳范例:不同语言和地区的书写最佳范例:不同语言和地区的书写最佳范例:不同语言和地区的书写
● 可能的话请包含主语,比如用“当你输入的时候列表将会出现”代替“当输入的时候列表将会展现”
● 可能的话包含冠词。比如用“press the Escape key”代替“press Escape”
● 可能的话使用代词。比如用“the email address that you use”代替“the email address you use”
● 在用户界面中使用一致的用户项目(条款),使用一致的用户项目(条款)可以让翻译更加精确
● 避免在你的用户界面中出现俚语,习语,术语,俗语和性用语,这些词语难以进行翻译且用户难以理
解
● 避免提到种族,宗教,文化和性
● 在提到国家的时候,为每个国家使用政治名称。比如,使用“中华人民共和国”代替“中国大陆”(RIM
明显不了解我国国情,here is 天朝)
● 可能的话确保翻译的字段使用的是本地的习惯用语
十三十三十三十三....辅助功能辅助功能辅助功能辅助功能
你可以为残障人士设计你的程序以让你的程序能够满足不同用户群体的需求,某些情况下,你可能需
要通过一定的方法(辅助设备)让这些用户可以使用你的服务。比如,你想要开发一款支持辅助技术的软
件,诸如屏幕阅读。更多关于设计具有特定辅助功能程序的信息,请参阅《Developent for BlackBerry Java
Application Accessibility》。
有时候你想开发一款受众用户最广的软件,在此情况下,请根据易用程序设计指南最佳范例以便你的
程序能够适用于大范围的用户。
最佳范例:设计最佳范例:设计最佳范例:设计最佳范例:设计 accessibleaccessibleaccessibleaccessible 程序程序程序程序
UIUIUIUI设计指南设计指南设计指南设计指南
● 将焦点放在用户当前的任务上。在任何时候仅展现用户需要的信息。比如,通过展现逻辑信息来简化
日期选择
● 将常用功能和具有相同功能的操作放置到一起,减少用户的认知时间
● 为不同的操作保留足够的空间,这样用户可以区分出不同的操作
● 使用一致的UI组件以便用户能够很轻松地识别,比如,使用按键来开始操作。避免使用其他诸如超
链接的方式来开始执行操作
● 如果你为支持诸如屏幕阅读等辅助功能的黑莓手机开发程序,并且你没有使用 BlackBerry UI API 或
辅助功能API,请告知你使用的独特的API 以便辅助技术可以翻译出信息
导航设计指南导航设计指南导航设计指南导航设计指南
● 当用户打开程序页面的时候,将用户最常使用的操作作为焦点。这旨在简化用户任务
● 清晰地指示出UI组件的焦点。比如,在蓝色背景上使用白色字体
● 可能的话,允许用户通过键盘执行程序中大部分常用的操作。比如,允许用户通过按 Enter 键选选择
一个菜单项
● 尽可能地使用多种方式通知用户诸如日历等重要的代办事项。比如,使用提示音和视觉效果来通知用
户
● 可能的话,当用户执行常用操作的时候使用多种和用户进行交互的方式。比如,允许用户通过按菜单
键打开完整的菜单,允许用户通过轨迹球或触摸板使用相关的菜单。在触摸屏黑莓手机上,某些情况下用
户会通过点击屏幕打开相关菜单。
● 在每个菜单中使用用户最常使用的的选项作为默认菜单项。相关菜单中默认的菜单项名字应当和完整
菜单中的一致
● 如果一个进程或者程序要求用户完成一系列操作或复杂的步骤,尽可能地在页面上列出所有的步骤。
验证步骤完成、正在进行和还未开始时的情况。比如,在向导中包含一个内容表格。如果用户关闭了向导,
他们可以使用内容表格返回向导中特定的位置
字段字段字段字段////字体指南字体指南字体指南字体指南
● 使用特定的信息。为了支持出错恢复,使用简短的句子来解释为何出现错误提示并提供一个用户可以
取消的操作
● 尽可能地继承用户已经设置好的字体设置
颜色和图像指南颜色和图像指南颜色和图像指南颜色和图像指南
● 避免使用颜色作为唯一的通信含义。比如,不仅仅是使用红色文本作为通知用户重要操作的方式,可
以使用一个红色的符号,比如感叹号,将其放置于文本之后
● 使用具有高区分度的颜色,比如黑色,白色,海蓝和黄色
● 为了让用户容易区分相邻的的UI组件(诸如 SMS信息线程中的交互信息)以及背景图案和前景色,
使用不同比率的颜色深度(7:1或更高)
● 为图片添加诸如图片名字等相关的信息,可以通过图片和含义和相关的背景信息进行沟通
十四十四十四十四....字汇表字汇表字汇表字汇表
缩写缩写缩写缩写 全称全称全称全称 含义含义含义含义
2-D two-dimensional 二维
3-D three-dimensional 三维
LAN local area network 局域网
LED light-emitting diode 发光二极管
MMS Multimedia Messaging Service 多媒体信息服务
PIM personal information management 个人信息管理
PIN personal identification number 个人识别码
SMS Short Message Service 短信息服务
USB Universal Serial Bus 通用串行总线
十五十五十五十五....反馈反馈反馈反馈
为此文档提交反馈,请访问:
十六十六十六十六....文档修改历史:文档修改历史:文档修改历史:文档修改历史:
日期日期日期日期 描述描述描述描述
版本 。为下列的黑莓设备添加了信息:
*BlackBerry Bold 9650 智能手机
*BlackBerry Pearl 9100 系列
版本 。添加了下列信息:
*添加了新的操作并为每个操作添加了相关程序类
*为每部黑莓设备添加了描边交互方式,ppi,点距
和 banner高度的信息表格
*升级版的 Precision主题
*更多的图片,实例和设计原理
*更多关于书写,编码和为不同语言地区设计程序的
指南
*设计辅助功能程序
添加了下列黑莓设备的信息:
*BlackBerry Bold 9700
*BlackBerry Storm2 系列
*BlackBerry Curve 8530
版本 。修订了主题信息。添加了基于你期望用
户输入什么字段的选择信息。为下面的黑莓设备添
加了信息:
*BlackBerry Curve 8520
版本 。为设计社交网络程序添加了相关的信息。
为"改变菜单键属性"添加了信息,为下列的黑莓设备
添加了相关信息:
*BlackBerry Curve 8350i
*BlackBerry Curve 8900
*BlackBerry Tour 9630
版本 。添加了下列黑莓设备的信息:
*BlackBerry Pearl 8220
*BlackBerry Curve 8350i
*BlackBerry Curve 8900
*BlackBerry Storm 9500
版本 。添加了下列黑莓设备的信息:
*BlackBerry Bold 9000
版本