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

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

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. 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. Company Confidential
Website
Mobile-centric & HTML 5
3Berlin Ultracode #3 - 09/05/2013

5. Company Confidential
Hardware
Deeply integrated through mature API
4Berlin Ultracode #3 - 09/05/2013

6. Company Confidential
Automotive
Best in class
5Berlin Ultracode #3 - 09/05/2013

7. Company Confidential
Mobile Apps
For all major mobile operating systems
6Berlin Ultracode #3 - 09/05/2013

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. Company Confidential
Android SDK Statistics
Support or not to support?
< 2% market share:
Drop Gingerbread support
8Berlin Ultracode #3 - 09/05/2013

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. 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. Company Confidential
Touch Interaction - 2
Indicate what actions
are enabled and
disabled
11Berlin Ultracode #3 - 09/05/2013

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. Company Confidential
Current Application Flow
Genre selection
13Berlin Ultracode #3 - 09/05/2013

15. Company Confidential
New Application Flow
Genre selection
14Berlin Ultracode #3 - 09/05/2013

16. Company Confidential
Customized UI Elements
Genre Tiles
15Berlin Ultracode #3 - 09/05/2013

17. Company Confidential
Customized UI Elements
Now Playing
16Berlin Ultracode #3 - 09/05/2013

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