Android Design

78
Android Design Shyamala Prayaga

Transcript of Android Design

Page 1: Android Design

Android DesignShyamala Prayaga

Page 2: Android Design

About Me Passionate User Experience Evangelist

My Experiences Pramati Kony Solutions Yodlee Mindtree AOL

Page 3: Android Design

Today’s agenda Understanding need and context

Android design challenges

Android design goals

Process

Page 4: Android Design

Understanding need and context

Page 5: Android Design

Name: Rex Lee

Age: 28

Occupation: Businessman

Interest: Travelling, playing guitar, listening music and photography

Technology freak, Android and smartphone user

About the persona

Page 6: Android Design

Needs

Page 7: Android Design

Checking mails

Page 8: Android Design

Mobile Banking

Page 9: Android Design

Socializing with friends

Page 10: Android Design

Photography

Page 11: Android Design

Navigation

Page 12: Android Design

Listening music

Page 13: Android Design

Latest updates

Page 14: Android Design

Online shopping

Page 15: Android Design

Context of use

Page 16: Android Design

While driving

Page 17: Android Design

Dining

Page 18: Android Design

Work

Page 19: Android Design

Challenges

Page 20: Android Design

ProblemNeed to launch frequently usedapps from the menu

Page 21: Android Design

SolutionIntegrate Widgets for frequently used tasks

Page 22: Android Design

Solution

Integrate Notifications for Time Sensitive Events

Page 23: Android Design

Problem

Need to share news, information, pictures, notes etc with friends

Page 24: Android Design

SolutionIntegration with social media

Page 25: Android Design

ProblemContent is buried deeper in app.

Page 26: Android Design

Solution

Show Interesting results immediately

Page 27: Android Design

Problem

Need to get in touch with contacts via mail, messenger, call from one application

Page 28: Android Design

Solution

Cross application access and Integration

Page 29: Android Design

Some Statistics

Page 30: Android Design
Page 31: Android Design
Page 32: Android Design

Metrics Android is the fastest growing mobile

platform in the world

More than 850,000 Android devices are activated each day

More than 300 million Android devices have been activated globally

Page 33: Android Design

How do I translate my website's experience to a phone

or tablet experience?

Page 34: Android Design

How do I best realizemy service as a singleextended experience?

Page 35: Android Design

Thinking Mobile Focus on essential use cases

Important things must be fast Manage progressive complexity

Double-down on emotional engagement The magic of direct manipulation Aesthetics & hero moments

Page 36: Android Design

Thinking Mobile Contd… Take advantage of uniquely mobile

opportunities

Fear complex navigational models

Page 37: Android Design

The consistency paradox Product consistency

The same product experience on different devices

Page 38: Android Design

My take on dealing with paradox

Start from device consistency

Page 39: Android Design

My take on dealing with paradox Fit as much product consistency

Page 40: Android Design

My take on dealing with paradox break device consistency in narrow,

targeted ways

Page 41: Android Design

Android Design Challenges

Page 42: Android Design

Screen Size

Page 43: Android Design

SolutionWork in the base standard (medium size, MDPI) and scale it up or down for the other buckets

Page 44: Android Design

Solution Start with the device with the largest screen

size

Scale down for smaller screen

Page 45: Android Design

Diagram of various screen configurations

Page 46: Android Design

Typography Limited fonts

available

can bundle external fonts

Page 47: Android Design

Typographic ScaleAndroid framework uses limited set of font size -

* scale-independent pixels (sp)

Page 48: Android Design

Screen pixel density

density-independent pixels (dp)

Page 49: Android Design

Solution Categorize devices into size and density

buckets

The density buckets are LDPI, MDPI, HDPI, and XHDPI

Provide alternative bitmap images for different density buckets

Page 50: Android Design

Other challenges Radios, sensors, and feedback

WiFi? 3G? 4G? Bluetooth? Front and rear-facing cameras Haptic (vibration) feedback GPS/Compass/accelerometer/NFC

Screen aspect ratio Primary / secondary orientations

Page 51: Android Design

Android Design Goals

Page 52: Android Design

Android design goals Enchant me

Simplify my life

Make me amazing

Page 53: Android Design

Enchant me

Page 54: Android Design

Delight me in surprising ways

Animated live wall paper which changes according to climate

A beautiful surface A carefully-placed

animation Well-timed sound

effect

Page 55: Android Design

Real objects are more fun than buttons and menus

Touch collage to add photos, touch photos to change them

Allow people to directly touch and manipulate objects

Page 56: Android Design

Get to know me

Learn people’s preferences over time

Remember previous choices

Seat selection choice for an airline booking app

Page 57: Android Design

Let me make it mine People love to add

personal touches Helps them feel at

home and in control

Personalized wallpaper selection

Page 58: Android Design

Keep it briefUse short phrases with simple words

Page 59: Android Design

Pictures are faster than words Consider using pictures

to explain idea Pictures get people’s

attention Can be efficient than

words

Page 60: Android Design

Decide for me but let me have the final say

Provide smart option based on user actions

Allow undo if something went wrong

Page 61: Android Design

Only show what I need when I need it Teach people as they go

Page 62: Android Design

Never lose my stuff Remember settings, personal touches, and

creations

Page 63: Android Design

Simplify my life

Page 64: Android Design

If it looks the same, it should act the same Help people discern functional differences

by making them visually distinct

Page 65: Android Design

Only interrupt me if it’s important shield people from unimportant

minutiae

Page 66: Android Design

Make important things fast Decide what's most important in your app Make it easy to find and fast to use

Page 67: Android Design

Make me amazing

Page 68: Android Design

Give me tricks that work everywhere Make your app easier to

learn by leveraging visual patterns

Page 69: Android Design

Sprinkle encouragement Break complex tasks into

smaller steps Give feedback on actions

Page 70: Android Design

Do the heavy lifting for me

Make novices feel like experts by enabling new tasks

Page 71: Android Design

It’s not my fault Be gentle in how you prompt people to

make corrections If something goes wrong, give clear

recovery instructions

Page 72: Android Design

Process

Page 73: Android Design

Establish shared, ambitious UX goals

Page 74: Android Design

Iterate and validate

Page 75: Android Design

Explore designs

Page 76: Android Design

We are all user experience advocates

Page 77: Android Design

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

Page 78: Android Design

Questions