UX / UI Guidelines for Built for BlackBerry Applications

The goal of the Built for BlackBerry® program is to identify applications that demonstrate the features, functions, and philosophy of BlackBerry® 10. This all starts with the user experience. This session will focus on the user experience provide through the BlackBerry 10 user interface elements. It will examine key elements of the user interface and also the philosophy behind the user experience. You’ll see how a plain ordinary application can be transformed by following the BlackBerry 10 UI/UX guidelines.

Transcript

1. Demian Borba BlackBerry Developer Evangelist @demianborba http://dborba.com UX / UI Guidelines for Built for BlackBerry Applications
2. About me • Design Freak (Computer Science and Industrial Design) • Taught UI Design classes in California for 3 years • Ran and worked for Interactive Agencies for 15 years
3. About me • Design Freak (Computer Science and Industrial Design) • Taught UI Design classes in California for 3 years • Ran and worked for Interactive Agencies for 15 years
4. About me • Design Freak (Computer Science and Industrial Design) • Taught UI Design classes in California for 3 years • Ran and worked for Interactive Agencies for 15 years
5. About me • Design Freak (Computer Science and Industrial Design) • Taught UI Design classes in California for 3 years • Ran and worked for Interactive Agencies for 15 years
6. Agenda • Is BlackBerry 10 a good platform to target? • BlackBerry Flow • What is a Built for BlackBerry (BFB) Application? • Deep dive in the required criteria • Applying for the BFB program • BlackBerry 10 UI Guidelines (Components & Visual Style) • 4 steps for finding the BlackBerry Flow • Questions and Answers
7. Is BlackBerry a good platform to target?
8. App ecosystem • 120k+ apps available • Over 3 billion downloads • 650+ partners in 175+ countries • Carrier billing with 60+ carriers • Users explore and pay for apps • Approximately 80M global subscribers • Stay in your comfort zone as a developer • Most social platform (60M/month users) • Full of “Mobile first” opportunities
9. Profitability Source: Vision Mobile Developer Economics 2012 Average revenue per app-month across the lower 95% of developers by per-app revenue (n=806)
10. Cost to develop for $ 0.00
11. Relevant Source: Vision Mobile Developer Economics 2013
12. Flow
13. “Flow is the mental state of operation in which a person performing an activity is fully immersed in a feeling of energized focus, full involvement and enjoyment in the process of the activity.” - Wikipedia
14. Smartphones are becoming an extension of us
15. “BlackBerry Flow is a seamless user experience which provides full control and flexibility in every moment and every touch. Flow keeps the momentum going so that user goals can be achieved quick and efficiently.” - The Astonishing Tribe, BlackBerry
17. What is a Built for BlackBerry Application?
18. Built for BlackBerry http://developer.blackberry.com/builtforblackberry “Your app needs to be developed using tools designed specifically for BlackBerry 10.” SDKs • BlackBerry 10 Adobe AIR SDK • BlackBerry 10 Native SDK • BlackBerry 10 WebWorks SDK Additional Frameworks such as PhoneGap and Appcelerator will be considered as long as they meet BlackBerry 10 UI guidelines and other Built for BlackBerry criteria.
19. Built for BlackBerry http://developer.blackberry.com/builtforblackberry “Android applications, web launchers, simple apps that mobilize content with RSS feeds, flashlight apps, etc. are not eligible for the Built for BlackBerry program.”
20. Deep dive in the required criteria
21. Built for BlackBerry http://developer.blackberry.com/builtforblackberry
22. Built for BlackBerry http://developer.blackberry.com/builtforblackberry
23. User Benefits • Genuine Entertainment Value • Enhanced Productivity • Enriched Communication
24. “All the aspects of how people use an interactive product: the way it feels in their hands, how well they understand how it works, how they feel about it while they’re using it, how well it serves their purposes, and how well it fits into the entire context in which they are using it.” - Dr. Donald Norman, author of the book The Design of Everyday Things. User Experience
25. • Form Factor User Experience
26. Devices
28. • Focus on Content (Content is King) User Experience
29. • Gestures and Flow User Experience
30. System Gestures
31. App Gestures { YOU }
32. Application Navigation (Prioritize) User Experience
33. Application Navigation • Less Important Features (Tab Menu) User Experience
34. Context Menu User Experience
35. Action Menu (Overflow Menu) User Experience
36. Progress Feedback (Components) User Experience
37. User Experience BlackBerry 10 UI Guidelines (http://developer.blackberry.com/design/bb10/) • Cinematic experience • Communication at its core (hub, share, invoke) • Content is king • Efficient Ergonomics • Moments of Charm (Calculator clear, Turn of Sounds)
38. Performance • CPU usage • Memory leaks • Excessive and unnecessary traffic • Battery (e.g. GPS)
39. Service Integration (at least one) • Payment Service • BBM Social Platform (60M users, expanding... 2% of apps are BBM connected = 20%) • Advertising Service • Analytics Service • Locate Service • Maps Service • Push Service • Invocation Framework • NFC • Scoreloop (SDK for social integration with Games)
40. Security Be good to your users! • Don't pass clear text passwords • Don't make unknown monetary transactions • Don't use your user’s data in a malicious way • Provide a privacy policy (You must have provided a link to your privacy policy information in the vendor portal of BlackBerry World)
41. Localization Your app must support at least one of the following languages: • English • French • Italian • German • Spanish
42. Games* Your gaming app must be developed natively or use a game engine built to run on the BlackBerry 10 platform. Gaming engines that run on BlackBerry 10 include the following: • GamePlay • Unity • Marmalade • Shiva • Cocos2d-x Note that if you use a proprietary game engine, further testing to evaluate the quality of the user experience will be performed.
43. The Developer Checklist http://developer.blackberry.com/builtforblackberry/documentation/ criteria/checklist.html
44. Built for BlackBerry RECAP
45. Applying for the BFB program
46. BlackBerry 10 UI Guidelines (Components & Visual Style)
59. Do I need Settings?
84. 4 steps for finding the BlackBerry Flow
85. Finding your flow • Eliminate barriers to action and to access information • Put the user in control • Provide structure and focus (e.g. camera) • Give good feedback ( = comfort + TRUST )
93. “BlackBerry Flow is a seamless user experience which provides full control and flexibility in every moment and every touch. Flow keeps the momentum going so that user goals can be achieved quick and efficiently.” - The Astonishing Tribe, BlackBerry
94. Demian Borba BlackBerry Developer Evangelist @demianborba http://dborba.com Thank you