UX / UI Guidelines for Built for BlackBerry Applications

Slide 1

Slide 1 text

Demian Borba BlackBerry Developer Evangelist @demianborba http://dborba.com UX / UI Guidelines for Built for BlackBerry Applications

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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 ﬁnding the BlackBerry Flow • Questions and Answers

Slide 7

Slide 7 text

Is BlackBerry a good platform to target?

Slide 8

Slide 8 text

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 ﬁrst” opportunities

Slide 9

Slide 9 text

Profitability Source: Vision Mobile Developer Economics 2012 Average revenue per app-month across the lower 95% of developers by per-app revenue (n=806)

Slide 10

Slide 10 text

Cost to develop for $ 0.00

Slide 11

Slide 11 text

Relevant Source: Vision Mobile Developer Economics 2013

Slide 12

Slide 12 text

Flow

Slide 13

Slide 13 text

“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

Slide 14

Slide 14 text

Smartphones are becoming an extension of us

Slide 15

Slide 15 text

“BlackBerry Flow is a seamless user experience which provides full control and ﬂexibility in every moment and every touch. Flow keeps the momentum going so that user goals can be achieved quick and eﬃciently.” - The Astonishing Tribe, BlackBerry

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

What is a Built for BlackBerry Application?

Slide 18

Slide 18 text

Built for BlackBerry http://developer.blackberry.com/builtforblackberry “Your app needs to be developed using tools designed speciﬁcally 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.

Slide 19

Slide 19 text

Built for BlackBerry http://developer.blackberry.com/builtforblackberry “Android applications, web launchers, simple apps that mobilize content with RSS feeds, ﬂashlight apps, etc. are not eligible for the Built for BlackBerry program.”

Slide 20

Slide 20 text

Deep dive in the required criteria

Slide 21

Slide 21 text

Built for BlackBerry http://developer.blackberry.com/builtforblackberry

Slide 22

Slide 22 text

Built for BlackBerry http://developer.blackberry.com/builtforblackberry

Slide 23

Slide 23 text

User Benefits • Genuine Entertainment Value • Enhanced Productivity • Enriched Communication

Slide 24

Slide 24 text

“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 ﬁts into the entire context in which they are using it.” - Dr. Donald Norman, author of the book The Design of Everyday Things. User Experience

Slide 25

Slide 25 text

• Form Factor User Experience

Slide 26

Slide 26 text

Devices

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

• Focus on Content (Content is King) User Experience

Slide 29

Slide 29 text

• Gestures and Flow User Experience

Slide 30

Slide 30 text

System Gestures

Slide 31

Slide 31 text

App Gestures { YOU }

Slide 32

Slide 32 text

Application Navigation (Prioritize) User Experience

Slide 33

Slide 33 text

Application Navigation • Less Important Features (Tab Menu) User Experience

Slide 34

Slide 34 text

Context Menu User Experience

Slide 35

Slide 35 text

Action Menu (Overﬂow Menu) User Experience

Slide 36

Slide 36 text

Progress Feedback (Components) User Experience

Slide 37

Slide 37 text

User Experience BlackBerry 10 UI Guidelines (http://developer.blackberry.com/design/bb10/) • Cinematic experience • Communication at its core (hub, share, invoke) • Content is king • Eﬃcient Ergonomics • Moments of Charm (Calculator clear, Turn of Sounds)

Slide 38

Slide 38 text

Performance • CPU usage • Memory leaks • Excessive and unnecessary traﬃc • Battery (e.g. GPS)

Slide 39

Slide 39 text

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)

Slide 40

Slide 40 text

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)

Slide 41

Slide 41 text

Localization Your app must support at least one of the following languages: • English • French • Italian • German • Spanish

Slide 42

Slide 42 text

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.

Slide 43

Slide 43 text

The Developer Checklist http://developer.blackberry.com/builtforblackberry/documentation/ criteria/checklist.html

Slide 44

Slide 44 text

Built for BlackBerry RECAP

Slide 45

Slide 45 text

Applying for the BFB program

Slide 46

Slide 46 text

BlackBerry 10 UI Guidelines (Components & Visual Style)

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

Do I need Settings?

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

No content

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

No content

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

4 steps for finding the BlackBerry Flow

Slide 85

Slide 85 text

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 )

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

No content

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

No content

Slide 92

Slide 92 text

No content

Slide 93

Slide 93 text

Slide 94

Slide 94 text

Demian Borba BlackBerry Developer Evangelist @demianborba http://dborba.com Thank you