Company Confidential
Simplified App development
Stick to Standards
Berlin Ultracode #3 - 09/05/2013
Company Confidential
Outline
1. AUPEO! - Who we are
2. Core Client Concept
a. Main Goals
b. Design & UX Principles
3. Touc...
Company Confidential
AUPEO! - Who we are
KEY FACTS
Music Streaming
Company
Founded in 2008 Based
in Berlin
+ 150 stations ...
Company Confidential
Website
Mobile-centric & HTML 5
3Berlin Ultracode #3 - 09/05/2013
Company Confidential
Hardware
Deeply integrated through mature API
4Berlin Ultracode #3 - 09/05/2013
Company Confidential
Automotive
Best in class
5Berlin Ultracode #3 - 09/05/2013
Company Confidential
Mobile Apps
For all major mobile operating systems
6Berlin Ultracode #3 - 09/05/2013
Company Confidential
Core Client Concept
Primary Goals
● Structure client application architecture for best flexibility an...
Company Confidential
Android SDK Statistics
Support or not to support?
< 2% market share:
Drop Gingerbread support
8Berlin...
Company Confidential
Core Client Concept
Design & UX Principals
● Keep the design simple
○ Don’t reinvent the wheel
○ Use ...
Company Confidential
Touch Interaction
● Use color and illumination to respond to touches
● Reinforce the resulting behavi...
Company Confidential
Touch Interaction - 2
Indicate what actions
are enabled and
disabled
11Berlin Ultracode #3 - 09/05/20...
Company Confidential
Touch Interaction - 3
On average, 48dp translate to a physical size of about 9mm, users will be
able ...
Company Confidential
Current Application Flow
Genre selection
13Berlin Ultracode #3 - 09/05/2013
Company Confidential
New Application Flow
Genre selection
14Berlin Ultracode #3 - 09/05/2013
Company Confidential
Customized UI Elements
Genre Tiles
15Berlin Ultracode #3 - 09/05/2013
Company Confidential
Customized UI Elements
Now 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 End
T...
Upcoming SlideShare
Loading in …5
×

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

612 views

Published on

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

Published in: Technology, Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
612
On SlideShare
0
From Embeds
0
Number of Embeds
107
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Company Confidential Simplified App development Stick to Standards Berlin Ultracode #3 - 09/05/2013
  2. 2. Company Confidential Outline 1. AUPEO! - Who we are 2. Core Client Concept a. Main Goals b. Design & UX Principles 3. Touch Interactions 4. Application Flow a. Current Version b. New Version 5. Customized UI Elements Berlin Ultracode #3 - 09/05/2013 1
  3. 3. 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
  4. 4. Company Confidential Website Mobile-centric & HTML 5 3Berlin Ultracode #3 - 09/05/2013
  5. 5. Company Confidential Hardware Deeply integrated through mature API 4Berlin Ultracode #3 - 09/05/2013
  6. 6. Company Confidential Automotive Best in class 5Berlin Ultracode #3 - 09/05/2013
  7. 7. Company Confidential Mobile Apps For all major mobile operating systems 6Berlin Ultracode #3 - 09/05/2013
  8. 8. Company Confidential Core Client Concept Primary 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
  9. 9. Company Confidential Android SDK Statistics Support or not to support? < 2% market share: Drop Gingerbread support 8Berlin Ultracode #3 - 09/05/2013
  10. 10. Company Confidential Core Client Concept Design & 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
  11. 11. 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
  12. 12. Company Confidential Touch Interaction - 2 Indicate what actions are enabled and disabled 11Berlin Ultracode #3 - 09/05/2013
  13. 13. 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
  14. 14. Company Confidential Current Application Flow Genre selection 13Berlin Ultracode #3 - 09/05/2013
  15. 15. Company Confidential New Application Flow Genre selection 14Berlin Ultracode #3 - 09/05/2013
  16. 16. Company Confidential Customized UI Elements Genre Tiles 15Berlin Ultracode #3 - 09/05/2013
  17. 17. Company Confidential Customized UI Elements Now Playing 16Berlin Ultracode #3 - 09/05/2013
  18. 18. Company Confidential More information at: ● www.aupeo.com ● www.facebook.com/AUPEO Aupeo! apps are available on: The End Thank you for your attention! 17Berlin Ultracode #3 - 09/05/2013

×