BlackBerry Smartphones UI Guidelines Version: 6.0
• Use BlackBerry UI components where possible so that your application can inherit the default behavior of the component.Users are familiar with defau
• Make arrangements for displaying the position of a contact's title, full name, and address on a per-language basis. Theseitems display in a dif
• Avoid concatenating partial strings to form a sentence. When translated, the strings might not produce a logical sentence.For example, avoid using d
Example alignment in English Example alignment in ArabicBest practice: Writing for different languages and regions• Include subjects where possible. F
Accessibility14You can help meet the needs of a diverse group of users by designing applications that people with disabilities or impairmentscan use.
• Where possible, inherit the font settings that the user has set.Guidelines for color and images• Avoid using color as the only means of communicatio
Glossary152-Dtwo-dimensionalGPSGlobal Positioning SystemLANlocal area networkLEDlight-emitting diodeMMSMultimedia Messaging ServicePIMpersonal informa
Provide feedback16To provide feedback on this deliverable, visit www.blackberry.com/docsfeedback.UI GuidelinesProvide feedback104
Legal notice17©2010 Research In Motion Limited. All rights reserved. BlackBerry®, RIM®, Research In Motion®, and related trademarks, names,and logos a
FAILURE TO REALIZE ANY EXPECTED SAVINGS, BUSINESS INTERRUPTION, LOSS OF BUSINESS INFORMATION, LOSS OFBUSINESS OPPORTUNITY, OR CORRUPTION OR LOSS OF DA
Waterloo, ON N2L 3W8CanadaResearch In Motion UK Limited Centrum House 36 Station Road Egham, Surrey TW20 9LF United Kingdom Published in CanadaUI Guid
Make users confident in the information that they receive when they use your application. When users know the status ofinformation, such as when a mes
Constraints of designing for mobile devicesStrive to provide a balance between the best possible user experience, a long battery life, and efficient c
Designing and developing for different BlackBerry devices and softwareversionsAs you start designing an application, decide which BlackBerry® Device S
Display specifications and interaction methods for BlackBerry devicesBlackBerry device model Display screen size Pixels per inch Dot pitch (mm) Intera
• Field components can provide the standard UI elements for date selection, option button, check box, list, text field, label,and progress bar control
Stages of application design3Design, build, evaluate, and refine your application in stages where possible. In each stage, maintain a primary focus.•
You can use the following types of user research methods to gather information about your users and the product requirements:• interviews and contextu
• wireframes of major tasks• prototypesUser research methodsUser research methods typically involve meeting with users one-on-one or in very small gro
• Decide what screen appears when users close the application.Identify the importance of the following features to your users. These features represen
SWDT893501-980426-1119023522-001
You can create the following design outputs to help you organize content on the screen:• page layouts• detailed designs of task flows and navigation•
• Make sure that the default menu item for each screen initiates the same action that occurs when users click a trackpad ortap a touch screen. This ap
Interactions4TrackpadOn most BlackBerry® devices, users use the trackpad to navigate and highlight text. On BlackBerry devices with a touch screenand
• Consider allowing touch screen and trackpad interactions to complement each other. For example, users can scroll to findcontent using the touch scre
User action Event ResultTouch the screen in two locationsat the same time.TouchEvent.DOWNTouchEvent.DOWNThis action highlights text or a list of items
KeyboardUsers use the keyboard primarily to type text. Character keys send a character to the BlackBerry® device. A modifier key altersthe functionali
Full keyboardThe full keyboard provides users with a keyboard that is similar to the keyboard on a computer. Users type as they would on acomputer key
Full, physical keyboardFull, virtual keyboardReduced keyboardBlackBerry® devices with reduced keyboards use SureType® technology, which is designed to
based on context. If users type a word or letter combination (for example, a web address or an abbreviation) that SureTypetechnology does not recogniz
Reduced, virtual keyboardTypes of reduced keyboardsReduced keyboards have either 20 keys or 14 keys. Users can perform the following actions using the
Contents1 New in this version...
Key UseConvenience Users can perform the following actions:• Open an application.• Take a picture in the camera application.BlackBerry devices have a
Key UseMute Users can perform the following actions:• Mute a call.• Pause and mute the sound from an audio or video file.Previous and Next Play the pr
Indicator DescriptionThis indicator indicates that the BlackBerry device is in Alt mode. To enter this mode, users press theAlt key.On BlackBerry devi
As you create an application or add features to an application, think about the most common actions for each screen. Add shortcutkeys where appropriat
Strategies5Setting focus and highlighting itemsWhen an item on a screen is in focus, users can initiate an action on the item.When users use a trackpa
Best practice: Setting focus and highlighting items• In most cases, when a screen, dialog box, or menu opens, make sure that one item on the screen ha
Use the ScrollingManager class to implement scrolling. For more information about implementing scrolling, see the APIreference guide for the BlackBerr
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpad• Press the Escape key.• On zoomed in content, tap t
Use thumbnail images in a list to help users find an image quickly. The list displays smaller images than the table and includesadditional information
Users can view more images by performing the following actions:Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand
Setting focus and highlighting items...
• Always provide a single image view so that users can zoom in to and pan images.• In a table, display four images in each row by default.• Use the Gr
Before information displays on a screen temporarily When information displays on a screen temporarilyBest practice: Displaying information on a screen
Transition When to use DetailsSlide Users move to an item at the same level in the navigationhierarchy (for example, from one message, photo, song,or
Containers6Application screensMultiple screens can be open on a BlackBerry® device at one time, but users can view only one screen at a time. When mul
• Use a vertical layout for your application screens.• Consider arranging the UI components on application screens using the BlackBerry API layout man
• Use a standard indicator that is appropriate for the type of dialog box. Avoid using multiple indicators in a dialog box.• Try to avoid making users
• Use vocabulary that users understand. For example, use "The file could not be saved because the media card is full" insteadof "Error
Best practice: Implementing alert dialog boxes• Include only an OK button. This button should be highlighted by default. When users click the button,
Best practice: Implementing information dialog boxes• Do not include buttons in information dialog boxes. To provide buttons, use another type of dial
Inquiry dialog boxesUse inquiry dialog boxes when users must confirm an action before continuing. A question mark (?) indicator appears in an inquiryd
Pickers...
Status dialog boxesUse status dialog boxes to indicate to users that a process is occurring. When a status dialog box appears, users cannot performoth
Banner and title barsThe banner, which appears at the top of the Home screen, displays the following items:• date, time, and wireless service provider
• battery power indicator• active call indicatorRelated topicsDimensions for indicators on BlackBerry devices, 94Best practice: Implementing title bar
In the scrollable view, users can move through each pane of content. Users can move through the panes continuously. Or, youcan set a start and end poi
Users can perform the following action in a pane manager:Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a tra
• In most cases, avoid providing more than seven panes of content. The more panes of content, the more difficult it becomesfor users to remember each
Components7Text fieldsLabelsUse a label to display text that identifies a component.Best practice: Implementing labels• Use the LabelField class to cr
Type of text field Descriptiondate and time Users can change the date or time on BlackBerry® devices with a trackpad using the keyboard or bymoving a
Keyboard, 23Best practice: Implementing text fields• Use the TextField class to create text fields. For more information about creating text fields, s
In some applications, the search field appears on the screen. In other cases, search is available from the full menu, the pop-upmenu, or the toolbar.
11 Icons and indicators...
Best practice: Implementing search• Use the net.rim.device.api.unifiedsearch package to implement search capabilities. For more informationabout imple
Best practice: Implementing check boxes• Use check boxes when users can select multiple options.• Use the CheckboxField class to create check boxes. F
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpadClick a value from a drop-downlist.Press the Enter k
• Use title case capitalization for drop-down list labels and values (unless the values read more like a sentence).• Punctuate labels for drop-down li
• Group and order values logically (for example, group related radio buttons together or include the most common valuesfirst). Avoid ordering radio bu
Type of picker DescriptionDate This picker allows users to choose a specific day, month, or year. For example, you can allow usersto choose a month an
Type of picker DescriptionBest practice: Implementing pickersUse the FilePicker, LocationPicker, and DateTimePicker classes to create pickers. For mor
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpadMove a finger up or down on the screen orthe trackpa
Tree viewsUse a tree view to display objects, such as folders, in a hierarchical manner.Objects in the tree view are nodes. The highest node is the ro
Users can perform the following actions with a button:Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackp
New in this version1This version of UI guidelines provides information to help you make application design decisions for BlackBerry® devices thatare s
• Use one-word labels where possible. The size of a button changes depending on the length of the label. If a label is toolong, an ellipsis (...) indi
Best practice: Implementing activity indicators and progress indicators• Always indicate progress when an action takes more than 2 seconds to complete
Use a rich list to easily display rows of text and icons. Currently, rich lists only display information and are not interactive.If you want to presen
You can group items under headers to help users navigate through long lists. For example, you can create headers that collapse,making it easier for us
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpad• Move a finger vertically on thetrackpad.Highlight
Menus and toolbars8You can use menus and toolbars to provide users with specific actions for a highlighted item or screen. The table below providesa h
Item Example Use Using items togetherPop-up menu Allows users to perform themost common actions for ahighlighted item quickly.Use a pop-up menu instea
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpadInitiate the action associatedwith a menu item.• Cli
• On BlackBerry® devices with a touch screen, create menu items that are 6 mm high.Guidelines for placing items in full menus• Place contextual action
• In most cases, use verbs for labels.• Use title case capitalization for labels.• Use an ellipsis in a menu item label to indicate that users must pe
Item Description• Additional guidelines for coding and designing applications focus on specialconsiderations for right-to-left and Asian languages.Cha
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpad• Press the Escape key.Close a submenu and a fullmen
• If a submenu includes more than six items, consider grouping the items into two sections in the submenu. Place the menuitems that are frequently use
Action BlackBerry devices with a trackpad onlyBlackBerry devices with a touch screenand a trackpad• Press the Enter key.Close a pop-up menu. Press the
• If the positions are filled dynamically, do not display menu items that are unavailable. Allow the available menu items toshift position.• If there
ActionSmartphones in the BlackBerry StormSeriesBlackBerry Torch 9800 smartphonesUsers cannot interact with the toolbar usingthe trackpad.Best practice
• If an action is not possible for the current context but is possible for other items in the screen, dim the icon in the toolbar.• Include a maximum
Text9FontsThe theme determines the default font for BlackBerry® devices. Users can change the font and point size.A list of fonts and point sizes are
• Avoid using single quotation marks ('').Guidelines for using end punctuation• Use end punctuation for complete sentences.• Insert one spac
• Write out all BlackBerry® product names unless otherwise noted in the RIM trademark and product name list. For example,use "BlackBerry® Enterpr
UI element Conventiondialog boxes Include all appropriate trademark symbols at the first instance of a RIM trademark.fields Do not include trademark s
Getting started2Designing applications for BlackBerry devicesAs you start designing applications for BlackBerry® devices, think about how you can crea
Word listTerm Commentabort (v) Use "end," "quit," or "stop" instead.alert (n) Use "indicator" instead to refer
Term Commentmemory card (n) Use "media card" instead.nuke (v) Use "delete" instead (for example, "delete all device data"
Themes10Themes determine the look and feel of BlackBerry® devices. A theme can change the appearance and structure of the Homescreen, the application
• Keep the size of your theme file small by reducing the size of the images and optimizing the images where possible. Largetheme files can affect the
Icons and indicators11Icons and indicators are pictorial representations of objects. They can visually identify your application and also convey meani
Related topicsThemes, 90Best practice: Designing icons and indicators for the BlackBerry 6 theme• Create icons that are consistent with the default ic
• Gradient overlay: White from 40% to 0% opacity (bottom to top, position 0 to 16 on grad slider)• Use color to accent icons and indicators:Base color
BlackBerry device model Banner indicator size Title bar indicator sizeBlackBerry® Bold™ 9780 smartphoneBlackBerry® Curve™ 9300 smartphoneBlackBerry® C
Sound12Sound can be an effective method to communicate with users. For example, users are more likely to notice a notification if youadd a sound effec
Localization13Localization is the process of adapting software to meet the requirements of local markets and different languages.Internationalization
Kommentare zu diesen Handbüchern