BlackBerry SmartphonesVersion 7.1UI Guidelines
Three key principles of BlackBerryapplication designInformedActive people rely on their BlackBerry devices to keep them informed and up to date. Make
The terms of use of any BlackBerry product or service are set out in a separate license or other agreement with BlackBerryapplicable thereto. NOTHING
Simplicity• Create a simple design that allows users to find what they want quickly and easily.• Reduce the number of steps that users need to take to
Characteristic GuidelineSlower processor speeds Use background threads in your application to manage processor-intensivetasks. Slower processor speeds
Model Screen size (pixels) Pixelsper inchInteraction Application iconsize (pixels)BlackBerry Curve 8350iBlackBerry Curve 8520BlackBerry Curve 8530320
Model Screen size (pixels) Pixelsper inchInteraction Application iconsize (pixels)BlackBerry Bold 9790 480 x 360 (portrait) 245 Touch screen, trackpad
Model Screen size (pixels) Pixelsper inchInteraction Application iconsize (pixels)BlackBerry Torch 9850BlackBerry Torch 9860480 x 800 (portrait) 253 T
BlackBerry devicemodelDisplay screen size Aspect ratio Pixels per inch Dot pitch (mm) InteractionBlackBerry Bold 9790smartphonePortrait view: 480 x360
BlackBerry devicemodelDisplay screen size Aspect ratio Pixels per inch Dot pitch (mm) InteractionBlackBerry Torch9850 smartphoneBlackBerry Torch9860 s
By designing and evaluating the application in stages, you can focus on and evaluate the foundational elements early,reducing the chance of discoverin
• Are there cultural differences that are important to address? Consider differences by region, language, age, andcorporate culture.Stage 2: Developin
Published: 2013-08-14SWD-20130814110800966
Evaluating the workflow provides information to help you close the gap between your understanding of the workflow andyour users' understanding of
Feature ExampleSecure personal information anddataIf there are security risks associated with specific content, provide prompts tousers.Searching the
User research method PurposeTerminology evaluation This type of evaluation provides feedback on the terms used across theapplication.Best practice: Or
Design outputsYou can create the following design outputs:• Icons• Visual designsUser research methodsYou can use the following types of user research
InteractionsFind out about key fundamentals for trackpad, touch screen, and keyboard interactions.TrackpadUsers can use the trackpad to navigate and h
• Allow users to easily move from one item to another by swiping across the trackpad. For example, allow users to see thenext or previous picture in a
User action ResultPinch out or pinch in. These actions zoom in to and out from an item.Best practice: Implementing touch screen actions• Where possibl
In addition to typing text, users can also use the keyboard to move around a screen (for example, to move around a map).However, navigation using the
Reduced keyboards use SureType technology, which is designed to predict words as users type them. Users can type textusing the SureType input method o
Related informationText fields, 77Best practice: Designing applications for differenttypes of keyboards• If you alter the functionality of a key, alwa
Contents1 What's new...
Key UseUsers can also use the End/Power key for navigation. For example, if users press the End/Powerkey in an application, the Home screen appears. I
Key Use• Type a space.• Select a radio button, check box, or drop-down list item.• Insert a period (.) when pressed twice in a text field.• Insert a p
Indicator Descriptionenter this mode on BlackBerry devices with a virtual keyboard, users press and hold the 123 keyuntil the lock indicator appears o
• For similar actions, use the same shortcut keys that are available in other applications . This approach createsconsistency for users.• Verify that
StrategiesLearn about the best practices for strategies such as setting focus, displaying images, text, and localization.Setting focus and highlightin
Cursor or pointer PurposeCaret The caret cursor indicates the position of the cursor in a text field that users can type in.Text The text cursor indic
PanningUsers can pan a picture, map, or web page by moving a finger on the trackpad, or, on BlackBerry devices with a touchscreen, users can use a fin
Displaying imagesImages can be displayed individually on the screen and as thumbnails in a table, list, or carousel.Use the single image view to displ
Use thumbnail images in a carousel view to allow users to browse through a related set of images such as featured items ora photo album. This view req
Guidelines for displaying thumbnail images in a carousel view• Avoid using a carousel view if the primary goal for users is to find a specific image.
Text...
Best practice: Displaying information on a screentemporarily• Avoid displaying information or components that users require to complete a task. Dis
Transition When to use DetailsUsers create a new item, send an item, or save anitem.The zoom transition is the most common type oftransition between s
TextFontsThe theme determines the default font for BlackBerry devices. Users can change the font and point size.A list of fonts and point sizes are av
Guidelines for using end punctuation• Use end punctuation for complete sentences.• Insert one space following end punctuation if your application disp
• Use acronyms consistently.• Use uppercase capitalization for acronyms unless the acronym is a trademark and includes lowercase letters. Forexample,
LogosBlackBerry logos• Never typeset, recreate, or alter BlackBerry logos.Third-party logosInclude a third-party logo in software only if the RIM lega
Term Commentcontinue (v) Use "continue" so users know when the steps in a process or procedure are notcomplete.company (n) Use "organiz
Term Commentpicture (n) Use in the context of the camera and media applications. Use "image" in thecontext of the browser and HTML messages.
• notification (for example, using sound to notify users when new messages arrive)• feedback (for example, as users adjust the volume of a ring tone,
Best practice: Designing applications for differentlanguages and regionsGuidelines for layout• Leave enough space in your UI for translated text. The
Tree views...
the direction of the language. For example, in English, a leading component aligns along the left side of the screen. InArabic, a leading component al
• If you include graphics in your application, make sure that the graphics are localized. For example, in Arabic, questionmark icons are mirror images
Guidelines for numbers• Make arrangements for singular and plural nouns on a per-language basis. Nouns in some languages can have oneform for both sin
AccessibilityYou can help meet the needs of a diverse group of users by designing applications that people with disabilities orimpairments can use. In
• If a process or application requires users to complete a series of lengthy or complex steps, list all the steps or screenswhere possible. Identify t
Containers and componentsDiscover the individual widgets and building blocks of the UI.Application screensAn application screen is the highest-level c
Best practice: Designing application screens• Use a limited number of nested layouts. The more nested layouts that you use to build your screen, the l
Best practice: Implementing dialog boxes• Be concise and try to avoid making users scroll in a dialog box. Include scroll arrows if your dialog box m
Guidelines for messages• Be specific. If possible, use one short sentence to clearly state the reason for displaying the dialog box and, ifnecessary,
Guidelines for button labels• Use clear, concise labels.• Use one-word labels where possible.• Avoid using the labels "Yes" and "No.&qu
What's newFind out what's in the latest update.This version of UI guidelines provides information to help you make UI design decisions for a
Information dialog boxesUse information dialog boxes to provide feedback about a user action. Information dialog boxes close automatically after apred
Best practice: Implementing input dialog boxes• Allow users to press the Escape key to close the dialog box.• Use a concise, descriptive phrase for f
• Use verbs for labels that describe the associated action (for example, "Cancel," "Delete," "Discard," or "Save&qu
Best practice: Implementing status dialog boxes• Use a status dialog box when you cannot determine the duration of an operation. If you can determine
• Application icon, descriptive title, and time• Application notifications, such as a new message indicator• Wireless connection indicators, including
In the scrollable view, users can move through each panel of content. Users can move through the panels continuously. Or,you can set a start and end p
Users can perform the following actions in a panel manager:User goal Action using the navigation keys Action using a touch screenSwitch panels. Move a
• If there is a limited amount of space at the top of each tab, use icons instead of labels.Menus and toolbarsYou can use menus and toolbars to provid
Avoid including the same action in apop-up menu and a toolbar unless theactions are frequent.Toolbar Use Example Provides a quick and easy way forus
User goalAction using the nagivationkeysAction using a touch screen Action using a physical keyboardClose the full menu. Press the Escape key. — Open
Item DescriptionNote about version numbering This version of the UI Guidelines for BlackBerry Smartphones uses a numberingsystem that matches the vers
• Include settings and infrequent actions in "Options."• Group menu items according to common usage or common functionality, and where poss
• Use "Enable <mode>" to indicate that a specific state is turned on. Use "Disable <mode>" to indicate that a specific
Best practice: Implementing submenus• Use submenus to reduce the number of menu items in a full menu. For example, if users have to scroll to see a
Pop-up menusA pop-up menu provides users with a quick way to access the most common actions for a highlighted item. You can alsouse a pop-up menu if a
• Only include the most common actions for a highlighted item in a pop-up menu.• Include an icon and a label for each item in the pop-up menu.Guidelin
User goal Action using a touch screenDisplay a tooltip. Touch the icon.Users cannot interact with a toolbar using a trackpad. Most BlackBerry devices
• If an action is not possible for the current context but is possible for other items in the screen, dim the icon in thetoolbar.• Include a maximum o
the text onto two lines instead. If you cannot wrap the text, consider using an abbreviation. Otherwise, use an ellipsis(...) to indicate that the tex
Type of text field DescriptionText In text fields, users type text. Users can cut, copy, and paste text in text fields. When the cursorreaches the end
Users can also use a search field in an application to search for items in that application. For example, users can search foran email message in a m
Getting startedExplore the design principles and get more information on designing for different BlackBerry smartphones.Designing applications for Bla
Best practice: Implementing search• For content that is not located on the BlackBerry device, start the search after users submit the search. Do not s
Choice fieldsCheck boxesUse check boxes for binary options that users can understand easily. For example, use a check box for an option that canbe tur
• Place labels on the right side of check boxes. On Option screens, place labels on the left side of check boxes.• Use sentence case capitalization.Dr
• Place the label on the left side of a drop-down list.• Use title case capitalization for drop-down list labels and values (unless the values read mo
• Do not use end punctuation.PickersYou can use pickers to help users choose an item from a list easily.Type of picker DescriptionFile This picker all
Type of picker Description User goal Action using the navigation keys Action using a touch screenFind an item in the list. Move a finger vertically on
Best practice: Implementing spin boxes• Use spin boxes for a list of sequential items.• Use drop-down lists for non-sequential items or items with ir
Best practice: Implementing tree views• Provide a pop-up menu if users can perform multiple actions when they click a parent node.• Include a root no
Best practice: Implementing buttons• Avoid using buttons on an application screen. To provide actions that are associated with a screen, use the appli
Use a progress indicator if you can determine the duration of an action. Progress indicators include a label to indicate whatthe action is and a hori
This section provides guidelines on how to approach application design, with specific considerations for BlackBerrydevices. It does not tell you how t
• Use sentence case capitalization.Lists and tablesUse lists and tables to display items that users can highlight and open. If the list is long, items
Users can perform the following actions in lists and tables:User goalAction using the navigationkeysAction using a touch screen Action using a physic
Icons and indicatorsFind sizes and best practices for icons and indicators.Icons and indicators are pictorial representations of objects. They can vis
BlackBerry device model Application icon sizeBlackBerry Bold 9790 smartphone 68 x 68 pixelsBlackBerry Bold 9900 smartphoneBlackBerry Bold 9930 smartph
BlackBerry device model Banner indicator size Title bar indicator sizeBlackBerry 9620 smartphone 25 x 22 pixels 19 x 19 pixelsBlackBerry Bold 9790 sma
To find the meaning of a specific icon, see the Icon Guide that matches your version of BlackBerry Device Software.Best practice: Designing icons and
Material Example Guidelines• Avoid rendering icons completely in gray. These icons can appear to beunavailable.Paper• Add details such as lines or hol
Combinations ExampleGlass and paperRelated informationDimensions for application icons on BlackBerry devices, 92UI Guidelines Icons and indicators97
Legal notice©2013 BlackBerry. All rights reserved. BlackBerry® and related trademarks, names, and logos are the property ofBlackBerry Limited and are
PERFORMANCE OR NON-PERFORMANCE OF ANY SOFTWARE, HARDWARE, SERVICE, OR ANY THIRD PARTYPRODUCTS AND SERVICES REFERENCED HEREIN INCLUDING WITHOUT LIMITAT
Commentaires sur ces manuels