Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android Wear

694 views

Published on

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.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Android Wear

  1. 1. #SlashFriday Android Wear: Overview
  2. 2. The right information at just the right time.
  3. 3. • Suggest × Demand • Creative Vision • Design Principles • App Structure • Context Awareness • UI Patterns Índice
  4. 4. Suggest × Demand
  5. 5. 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
  6. 6. Wear : Demand – The Cue Card • “OK Google” • Tap BG • Commands • Animation feedback
  7. 7. Creative Vision
  8. 8. Launched automatically Glanceable Suggest × Demand Zero or low interaction Creative Vision
  9. 9. Design Principles
  10. 10. Focus on not stopping the user and all else will follow. Design Principles
  11. 11. Design for big gestures. Design Principles
  12. 12. Think about stream cards first. Design Principles
  13. 13. Do one thing, really fast. Design Principles
  14. 14. Design for the corner of the eye. Design Principles
  15. 15. Design Principles Don’t be a constant shoulder tapper.
  16. 16. App Structure
  17. 17. App Structure: Bridged Notifications
  18. 18. App Structure: Contextual Notifications
  19. 19. App Structure: Contextual Notifications
  20. 20. App Structure: 2D Picker
  21. 21. App Structure: 2D Picker
  22. 22. App Structure: 2D Picker
  23. 23. 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
  24. 24. App Structure When to go full screen
  25. 25. App Structure Making it distinct
  26. 26. App Structure Automatically exiting
  27. 27. App Structure Manually exiting
  28. 28. App Structure: Keeping the app always-on Interactive × Ambient
  29. 29. App Structure: Keeping the app always-on Manually exiting
  30. 30. App Structure: Keeping the app always-on Colors and brightness
  31. 31. App Structure: Keeping the app always-on Privacy
  32. 32. Context Awareness
  33. 33. Context Awareness
  34. 34. UI Patterns
  35. 35. Standard Single-action Expandable UI Patterns: Cards
  36. 36. UI Patterns: App Icons
  37. 37. UI Patterns: Pages
  38. 38. UI Patterns: Dismissing Cards
  39. 39. UI Patterns: Action Buttons
  40. 40. UI Patterns: Action countdown and confirmation
  41. 41. UI Patterns: Continuing activities on phone
  42. 42. UI Patterns: Action on Cards
  43. 43. UI Patterns: Card Stacks
  44. 44. UI Patterns: 2D Picker
  45. 45. UI Patterns: Voice Commands
  46. 46. UI Patterns: Selection List
  47. 47. ¡Muchas gracias! Ágata Rocha

×