ultracode berlin #3 : simplified android app development by mark oelze
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=469TRANSCRIPT
Company Confidential
Simplified App development
Stick to Standards
Berlin Ultracode #3 - 09/05/2013
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
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
Company Confidential
WebsiteMobile-centric & HTML 5
3Berlin Ultracode #3 - 09/05/2013
Company Confidential
HardwareDeeply integrated through mature API
4Berlin Ultracode #3 - 09/05/2013
Company Confidential
AutomotiveBest in class
5Berlin Ultracode #3 - 09/05/2013
Company Confidential
Mobile AppsFor all major mobile operating systems
6Berlin Ultracode #3 - 09/05/2013
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
Company Confidential
Android SDK StatisticsSupport or not to support?
< 2% market share:Drop Gingerbread support
8Berlin Ultracode #3 - 09/05/2013
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
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
Company Confidential
Touch Interaction - 2
Indicate what actions are enabled and disabled
11Berlin Ultracode #3 - 09/05/2013
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
Company Confidential
Current Application FlowGenre selection
13Berlin Ultracode #3 - 09/05/2013
Company Confidential
New Application FlowGenre selection
14Berlin Ultracode #3 - 09/05/2013
Company Confidential
Customized UI ElementsGenre Tiles
15Berlin Ultracode #3 - 09/05/2013
Company Confidential
Customized UI ElementsNow Playing
16Berlin Ultracode #3 - 09/05/2013
Company Confidential
More information at:● www.aupeo.com● www.facebook.com/AUPEO
Aupeo! apps are available on:
The EndThank you for your attention!
17Berlin Ultracode #3 - 09/05/2013