Designing native android apps

24
Designing Native Android Apps Making apps look and feel at home on Android

description

Often overlooked features of the Android platform that can help promote user engagement.

Transcript of Designing native android apps

Page 1: Designing native android apps

Designing Native Android Apps

Making apps look and feel at home on Android

Page 2: Designing native android apps

Ryan Harter

● Freelance Android Developer

● Develop mobile apps for 5+ years

● http://ryanharter.com

Page 3: Designing native android apps

Differentiators

● Sharing● Widgets● Rich Notifications● Action Bar● Navigation● Launcher Icons● Launch Image

Page 4: Designing native android apps

Sharing

● Support Dynamic Sharing● Let user choose app based on type

○ image○ text○ url○ etc.

● Multiple sharing dialog options

Page 5: Designing native android apps

Sharing - Standard and Custom

Page 6: Designing native android apps

Sharing - Quick Share

Page 7: Designing native android apps

Widgets

● Provide quick access to information● No need to launch app● Support Basic Interaction

○ Lists○ Galleries○ Buttons

● Resizable

● Encourages Launcher Placement!● Prime Real Estate

Page 8: Designing native android apps

Widgets - Examples

Page 9: Designing native android apps

Widgets - Resizing

Page 10: Designing native android apps

Rich Notifications

● Support Rich Contents (more than just text)○ Images○ Dynamic Data

● Interaction○ Allow (read: Promote) Interaction

● Expandable● Ongoing Notifications

○ Give Users Data and Control

● Promotes Interaction

Page 11: Designing native android apps

Rich Notifications - Examples

Page 12: Designing native android apps

Rich Notifications - Ongoing

Page 13: Designing native android apps

Action Bar

● Contain Custom Controls● Most used Action Items● Action Overflow for lower priority actions

○ This is behind the menu button for phones that have one

● Split to utilize space● Can contain navigation (Tabs or Spinner)

Page 14: Designing native android apps

Action Bar - Standard

1. Logo (defaults to App Icon)a. Provides Contextb. Can include up affordance

2. Spinner Navigationa. Top level navigationb. Defaults to current Activity name

3. Action Items4. Overflow Menu

Page 15: Designing native android apps

Action Bar - Split and Sizes

Page 16: Designing native android apps

Action Bar - Contextual

● Contextual Action Bar○ Used for selected items/text

● Change appearance to add context

● Provide action items for selected data

Page 17: Designing native android apps

Navigation

Two Navigation Styles● Temporal

○ System back button○ Never put on screen, required on all devices

● Hierarchical○ Up Button (Top left of Action Bar)

Page 18: Designing native android apps

Navigation

Page 19: Designing native android apps

Navigation - List Exception

Page 20: Designing native android apps

Launcher Icons

● Distinct Silhouette○ Makes your app easier to find○ Allows added branding

● Top-down Perspective● Multiple Per App

○ Each Activity can have it’s own launcher icon

● Allows added branding in launcher icon● Eases discovery

Page 21: Designing native android apps

Launcher Icons - Distinct Silhouettes

Page 22: Designing native android apps

Launcher Icons - Multiple

● G+ Photos & Google+○ Multiple entry points ○ Support main use cases

● Use Sparingly

Page 23: Designing native android apps

Launch Image

● Not a splash screen○ Apple guidelines say to make it look like an empty

first view, doesn’t make sense on Android● No purpose on Android

Page 24: Designing native android apps

Resources

Excellent resources for Android Design Guidelines

http://developer.android.com/design/index.html