8. Enchant Me
• About filling people with joy
• Showing beautiful images and transitions
• Customization
• Directly touch objects to interact with them
9. Enchant Me
Delight me in surprising ways
Real objects are more fun than
buttons and menus
Let me make it mine Get to know me
10. Simplify my life
• Making things easy for people
• Easy navigation
• Explain in clear words
• Even maybe with pictures
• Bring a tension to what is essential
11. Simplify my life
Keep it brief
I should always now where I am
If it looks the same it should act
the same
Pictures are faster than words
12. Make me amazing
• Making people feel capable, strong and smart
• Give people things that they want to show off
• Make them feel that they are in control
13. Make me amazing
Give me tricks that work
everywhere Sprinkle encouragement
Do the heavy lifting for me Make important things fast
14. Google Now
• Get just the right information,
at just the right time
• No digging required
• You’re in control
17. Devices and Displays
• Make layouts that are flexible. Stretch and
compress to various heights and widths.
• Make use of the extra screen real estate on large
devices.
• Provide resources for different densities.
21. 48dp rythm
• Touchable UI components are generally laid out
along 48dp units.
• Physical size of about 9mm
• In range of recommended target range for
touchscreens
24. Top Level
• Put content forward
• Setup action bars for navigation and actions
• app icon
• switch between different views
• search action
• ...
• Create an identity
26. Categories
• Typically you navigate through categories to
reach the detail level
• Support multi-select
• Use tabs to combine category selection and data
display
28. Details
• To view and act on your data
• Support specific modes: lights out, full screen, ...
• Make navigation efficient by supporting swipe
gestures
33. Back and Up
• Up is used to navigate within the app
• Topmost screen should not present up
• Back button is a system button
• Used to navigate between history of screens
• Back can return to the Home screen or another
app
35. Drawers
• Can be opened by an
edge swipe
• Only suitable at topmost
level
• No need to give up
screen real estate for a
dedicated tab bar
• Direct navigation to a
number of views