Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

18
Company Confidential Simplified App development Stick to Standards Berlin Ultracode #3 - 09/05/2013

description

Presentation of Mark Oelze, product engineer at Aupeo! (https://www.aupeo.com/) during the 3rd Ultracode Berlin meetup. You can find the full video recorded talk on our blog: http://de.bemyapp.com/blog/?p=469

Transcript of Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Page 1: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Simplified App development

Stick to Standards

Berlin Ultracode #3 - 09/05/2013

Page 2: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Outline

1. AUPEO! - Who we are2. Core Client Concept

a. Main Goalsb. Design & UX Principles

3. Touch Interactions4. Application Flow

a. Current Versionb. New Version

5. Customized UI Elements

Berlin Ultracode #3 - 09/05/2013 1

Page 3: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

AUPEO! - Who we are

KEY FACTS

Music Streaming

Company

Founded in 2008 Based

in Berlin

+ 150 stations curated

by our editorial team

A fully owned subsidiary

of Panasonic

Automotive

2Berlin Ultracode #3 - 09/05/2013

Page 4: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

WebsiteMobile-centric & HTML 5

3Berlin Ultracode #3 - 09/05/2013

Page 5: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

HardwareDeeply integrated through mature API

4Berlin Ultracode #3 - 09/05/2013

Page 6: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

AutomotiveBest in class

5Berlin Ultracode #3 - 09/05/2013

Page 7: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Mobile AppsFor all major mobile operating systems

6Berlin Ultracode #3 - 09/05/2013

Page 8: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Core Client ConceptPrimary Goals● Structure client application architecture for best flexibility and active

life span● Minimize development time and dependence on design resources

○ Maximize usage of UI patterns of native OS○ Differernt app flow between clients is ok

● Accelerate client development pace● Partition application so that vision for AupeoCore & AupeoNext clients

can be accomplished ○ enable easy upgrades of content and features

● Prepare for carrier oriented, white label solutions

7Berlin Ultracode #3 - 09/05/2013

Page 9: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Android SDK StatisticsSupport or not to support?

< 2% market share:Drop Gingerbread support

8Berlin Ultracode #3 - 09/05/2013

Page 10: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Core Client ConceptDesign & UX Principals● Keep the design simple

○ Don’t reinvent the wheel○ Use the UI patterns/methods provided by host OS○ Only design graphics necessary to convey brand ID

● Simplification of in application navigation○ Don’t make the user think (Steven Krug)○ Consitency in iteration to reinforce the mental model

● Design for feature & screen scalability○ Plan for the future by having a clear path for feature additons○ New features should not feel “bolted on”

● Design for easy rebranding○ Simple application design as a canvas which can be repainted○ Can be used for further differentiation

9Berlin Ultracode #3 - 09/05/2013

Page 11: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Touch Interaction

● Use color and illumination to respond to touches● Reinforce the resulting behaviors of gestures● Provide a visual response for user touches on actionable areas

http://developer.android.com/design/style/touch-feedback.htm

10Berlin Ultracode #3 - 09/05/2013

Page 12: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Touch Interaction - 2

Indicate what actions are enabled and disabled

11Berlin Ultracode #3 - 09/05/2013

Page 13: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Touch Interaction - 3

On average, 48dp translate to a physical size of about 9mm, users will be able to reliably and accurately target them with their fingers.

Spacing between each UI element should be 8dp.

12Berlin Ultracode #3 - 09/05/2013

Page 14: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Current Application FlowGenre selection

13Berlin Ultracode #3 - 09/05/2013

Page 15: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

New Application FlowGenre selection

14Berlin Ultracode #3 - 09/05/2013

Page 16: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Customized UI ElementsGenre Tiles

15Berlin Ultracode #3 - 09/05/2013

Page 17: Ultracode Berlin #3 : Simplified Android app development by Mark Oelze

Company Confidential

Customized UI ElementsNow Playing

16Berlin Ultracode #3 - 09/05/2013