android design
TRANSCRIPT
![Page 1: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/1.jpg)
Android DesignShyamala Prayaga
![Page 2: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/2.jpg)
About Me Passionate User Experience Evangelist
My Experiences Pramati Kony Solutions Yodlee Mindtree AOL
![Page 3: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/3.jpg)
Today’s agenda Understanding need and context
Android design challenges
Android design goals
Process
![Page 4: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/4.jpg)
Understanding need and context
![Page 5: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/6.jpg)
Needs
![Page 7: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/7.jpg)
Checking mails
![Page 8: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/8.jpg)
Mobile Banking
![Page 9: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/9.jpg)
Socializing with friends
![Page 10: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/10.jpg)
Photography
![Page 11: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/11.jpg)
Navigation
![Page 12: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/12.jpg)
Listening music
![Page 13: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/13.jpg)
Latest updates
![Page 14: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/14.jpg)
Online shopping
![Page 15: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/15.jpg)
Context of use
![Page 16: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/16.jpg)
While driving
![Page 17: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/17.jpg)
Dining
![Page 18: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/18.jpg)
Work
![Page 19: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/19.jpg)
Challenges
![Page 20: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/20.jpg)
ProblemNeed to launch frequently usedapps from the menu
![Page 21: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/21.jpg)
SolutionIntegrate Widgets for frequently used tasks
![Page 22: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/22.jpg)
Solution
Integrate Notifications for Time Sensitive Events
![Page 23: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/23.jpg)
Problem
Need to share news, information, pictures, notes etc with friends
![Page 24: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/24.jpg)
SolutionIntegration with social media
![Page 25: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/25.jpg)
ProblemContent is buried deeper in app.
![Page 26: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/26.jpg)
Solution
Show Interesting results immediately
![Page 27: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/27.jpg)
Problem
Need to get in touch with contacts via mail, messenger, call from one application
![Page 28: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/28.jpg)
Solution
Cross application access and Integration
![Page 29: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/29.jpg)
Some Statistics
![Page 30: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/30.jpg)
![Page 31: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/31.jpg)
![Page 32: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/32.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/33.jpg)
How do I translate my website's experience to a phone
or tablet experience?
![Page 34: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/34.jpg)
How do I best realizemy service as a singleextended experience?
![Page 35: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/35.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/36.jpg)
Thinking Mobile Contd… Take advantage of uniquely mobile
opportunities
Fear complex navigational models
![Page 37: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/37.jpg)
The consistency paradox Product consistency
The same product experience on different devices
![Page 38: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/38.jpg)
My take on dealing with paradox
Start from device consistency
![Page 39: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/39.jpg)
My take on dealing with paradox Fit as much product consistency
![Page 40: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/40.jpg)
My take on dealing with paradox break device consistency in narrow,
targeted ways
![Page 41: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/41.jpg)
Android Design Challenges
![Page 42: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/42.jpg)
Screen Size
![Page 43: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/43.jpg)
SolutionWork in the base standard (medium size, MDPI) and scale it up or down for the other buckets
![Page 44: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/44.jpg)
Solution Start with the device with the largest screen
size
Scale down for smaller screen
![Page 45: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/45.jpg)
Diagram of various screen configurations
![Page 46: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/46.jpg)
Typography Limited fonts
available
can bundle external fonts
![Page 47: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/47.jpg)
Typographic ScaleAndroid framework uses limited set of font size -
* scale-independent pixels (sp)
![Page 48: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/48.jpg)
Screen pixel density
density-independent pixels (dp)
![Page 49: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/49.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/50.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/51.jpg)
Android Design Goals
![Page 52: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/52.jpg)
Android design goals Enchant me
Simplify my life
Make me amazing
![Page 53: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/53.jpg)
Enchant me
![Page 54: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/54.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/55.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/56.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/57.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/58.jpg)
Keep it briefUse short phrases with simple words
![Page 59: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/59.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/60.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/61.jpg)
Only show what I need when I need it Teach people as they go
![Page 62: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/62.jpg)
Never lose my stuff Remember settings, personal touches, and
creations
![Page 63: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/63.jpg)
Simplify my life
![Page 64: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/64.jpg)
If it looks the same, it should act the same Help people discern functional differences
by making them visually distinct
![Page 65: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/65.jpg)
Only interrupt me if it’s important shield people from unimportant
minutiae
![Page 66: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/66.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/67.jpg)
Make me amazing
![Page 68: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/68.jpg)
Give me tricks that work everywhere Make your app easier to
learn by leveraging visual patterns
![Page 69: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/69.jpg)
Sprinkle encouragement Break complex tasks into
smaller steps Give feedback on actions
![Page 70: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/70.jpg)
Do the heavy lifting for me
Make novices feel like experts by enabling new tasks
![Page 71: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/71.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/72.jpg)
Process
![Page 73: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/73.jpg)
Establish shared, ambitious UX goals
![Page 74: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/74.jpg)
Iterate and validate
![Page 75: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/75.jpg)
Explore designs
![Page 76: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/76.jpg)
We are all user experience advocates
![Page 77: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/77.jpg)
Resourceshttp://developer.android.com/design/index.html
![Page 78: Android Design](https://reader035.vdocuments.us/reader035/viewer/2022062419/5584c5fed8b42aeb138b4856/html5/thumbnails/78.jpg)
Questions