Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Android Wear

699 visualizaciones

Publicado el

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.

Publicado en: Diseño
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

×