Android Wear es el sistema operativo basado en Android que Google ha desarrollado para dispositivos wearables. Repasamos cómo es diseñar una app con este sistema y las oportunidades que ofrece.

1. #SlashFriday
Android Wear: Overview

2. The right information
at just the right time.

4. • Suggest × Demand
• Creative Vision
• Design Principles
• App Structure
• Context Awareness
• UI Patterns
Índice

5. Suggest × Demand

6. Wear : Suggest–The Context Stream
• Context awareness
• Glance interaction
• Vertical list of cards
(Google Now)
• Foto BG
• Swipe horizontal para
más informacióm
• Dismiss

7. Wear : Demand – The Cue Card
• “OK Google”
• Tap BG
• Commands
• Animation feedback

8. Creative Vision

9. Launched
automatically
Glanceable Suggest ×
Demand
Zero or low
interaction
Creative Vision

10. Design Principles

11. Focus on not stopping the user and all else will follow.
Design Principles

12. Design for big gestures.
Design Principles

13. Think about stream cards first.
Design Principles

14. Do one thing, really fast.
Design Principles

15. Design for the corner of the eye.
Design Principles

16. Design Principles
Don’t be a constant
shoulder tapper.

17. App Structure

18. App Structure: Bridged Notifications

19. App Structure: Contextual Notifications

20. App Structure: Contextual Notifications

21. App Structure: 2D Picker

22. App Structure: 2D Picker

23. App Structure: 2D Picker

24. App Structure: UX
1. Contextual card
enters the stream
2. The user taps
the card action
3. A full screen
activity opens for
a micro interaction
4. The activity
quits and the user
returns to the
stream

25. App Structure
When to go full screen

26. App Structure
Making it distinct

27. App Structure
Automatically exiting

28. App Structure
Manually exiting

29. App Structure: Keeping the app always-on
Interactive × Ambient

30. App Structure: Keeping the app always-on
Manually exiting

31. App Structure: Keeping the app always-on
Colors and brightness

32. App Structure: Keeping the app always-on
Privacy

33. Context Awareness

34. Context Awareness

35. UI Patterns

36. Standard Single-action Expandable
UI Patterns: Cards

37. UI Patterns: App Icons

38. UI Patterns: Pages

39. UI Patterns: Dismissing Cards

40. UI Patterns: Action Buttons

41. UI Patterns: Action countdown and confirmation

42. UI Patterns: Continuing activities on phone

43. UI Patterns: Action on Cards

44. UI Patterns: Card Stacks

45. UI Patterns: 2D Picker

46. UI Patterns: Voice Commands

47. UI Patterns: Selection List

48. ¡Muchas gracias!
Ágata Rocha