Microinteractions: La magia en los detalles

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

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”?
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