Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Microinteractions: La magia en los detalles

Microinteractions: La magia en los detalles

Capacitación interna al UX Team de Globant sobre Microinteracciones.

Fe3b58291daa8f6e9880ca4ba5f6da4e?s=128

Lionel Fernandez Roca

April 30, 2014
Tweet

More Decks by Lionel Fernandez Roca

Other Decks in Design

Transcript

  1. Microinteractions La magia en los detalles

  2. Las microinteracciones hacen la diferencia entre un producto que amamos

    y otro que sólo “toleramos”. Son momentos de un producto contenidos que giran alrededor de un caso de uso único: tienen sólo una tarea especí ca. Se enfocan en los detalles funcionales e interactivos de un producto.
  3. “Designers love to get the big picture right. (…) But

    even if the big picture is done right, unless the details are also handled properly, the solution fails: the details are what control the moment to moment experience.” Don Norman “The details are not the details. They make the design.” Charles Eames Los detalles pueden hacer que el interactuar con el producto sea fácil y placentero—aún si no los recordamos de manera consciente. “Designers love to get the big picture right. (…) But even if the big picture is done right, unless the details are also handled properly, the solution fails: the details are what control the moment to moment experience.” Don Norman “The details are not the details. They make the design.” Charles Eames
  4. Qué sucede cuando ponemos el teléfono en “silencio”?

  5. None
  6. La estructura de las Microinteracciones

  7. A Trigger initiates a microinteraction,

  8. the Rules determine what happens...

  9. Por uno o varios canales: Visual, Auditivo, Háptico... while Feedback

    lets people know what’s happening,
  10. and Loops & Modes determine the meta-rules of the microinteraction.

  11. Cómo pensamos y trabajamos con Microinteracciones? • Las buscamos y

    nos enfocamos en cada una de ellas individualmente. • Reducimos una funcionalidad compleja a una microinteracción crucial. • Tratamos cada feature como si fuesen un conjunto de microinteracciones vinculadas entre sí.
  12. Y cómo testeamos? Nos enfocamos en • Entendimiento de la

    meta de la microinteracción • Comprensión de qué datos son importantes • Validar el microcopy que sea necesario (si existe) • Pertinencia del timing y ujo de la microinteracción Approach Lean no-purista • [Construimos » Medimos » Aprendemos] peeero... • La delidad debe ser alta (de manera inteligente)
  13. Lo mejor para el nal... :)

  14. Amazon Facebook Nest Buffer Twitter Tumblr

  15. Gmail Youtube Chrome

  16. iOS Dropbox Mailbox

  17. Gracias! Lionel Fernandez Roca Fuentes • Microinteractions, por Dan Saffer

    • Microinteractions.com • LittleBigDetails.com “Think small, and change the world.” Dan Saffer