Principios UX Design - Speaker Deck

Slide 1

Slide 1 text

Principios UX Design

Slide 2

Slide 2 text

¡Hola! SOY GABRIELA MUÑOZ UI/UX Designer - Mariachi IO Community Organizer - Technovation Girls Coffee lover, Geek and Friendly.

Slide 3

Slide 3 text

¿Qué es UX y por qué importa? Nos importan las emociones

Slide 4

Slide 4 text

La práctica de diseñar un producto que haga al usuario feliz y efectivo en sus metas.

Slide 5

Slide 5 text

Un proceso centrado en el usuario. Descubre Diseña Válida

Slide 6

Slide 6 text

Descubre Lo primero es conocer a tu usuario!

Slide 7

Slide 7 text

● Observación ● Entrevistas ● Encuestas ● Pruebas de usabilidad Una vez recopilada la información puedes pasar al siguiente paso. Métodos de obtener información

Slide 8

Slide 8 text

Crea personas Son rápidas de desarrollar, considera lo siguiente: ● Necesidades ● Deseos ● Se describen con precisión y detalle para ser más realistas.

Slide 9

Slide 9 text

Crea personas ● Datos Demográﬁcos ● Datos Análitica ● Variables de Comportamiento ● Componentes de persona

Slide 10

Slide 10 text

Crea User Journey Cronología de interacciones o puntos de contacto durante el uso del producto. Puede representarse en el presente o futuro del producto.

Slide 11

Slide 11 text

Crea User Journey

Slide 12

Slide 12 text

Generación de Ideas y Soluciones Determina como va ser el producto y qué funciones debe ofrecer. Describe y dibuja ideas. Se busca dar soluciones a las necesidades y deseos del usuario, identiﬁcando cuales son las de mayor prioridad. ¡MANOS A LA OBRA!

Slide 13

Slide 13 text

Arquitectura de la Información ● Describe en un diagrama la estructura de tu producto. ● Visualiza a dónde te lleva cada uno de los botones, cada página.

Slide 14

Slide 14 text

Plasma tus ideas Wireframes, sketches en blanco y negro. ¡Siempre Dibuja!

Slide 15

Slide 15 text

Prototipos Versión interactiva del producto. Mockups: diseño visual detallado y estático. Invision - Zeplin - Azure RP - Figma

Slide 16

Slide 16 text

Usabilidad ● Visibilidad del estatus del sistema ● Consistencia entre el sistema y el mundo real. ● Control y libertad para el usuario ● Prevención de errores ● Reconocimiento antes de recuerdo

Slide 17

Slide 17 text

Diseño visual ● Peso visual (contraste y tamaño) ● Signiﬁcado del color ● Psicología del color ● Repetición ● Patrones visuales ● Guías de estilo

Slide 18

Slide 18 text

Valida Identifica que está bien y que se puede mejorar!

Slide 19

Slide 19 text

Algunos métodos de validación A/B Testing Compara dos opciones de diseño con ciertas variaciones.

Slide 20

Slide 20 text

¡A trabajar!

Slide 21

Slide 21 text

App Financiera - Bancomer- Santander- Banorte. Web Viajes - Expedia, Best Travel, Mundo Joven. Identiﬁca un problema en una app!

Slide 22

Slide 22 text

Actividades Identiﬁca la funcionalidad que te enoja! ¿Cómo la mejorarías? Describe tu solución Dibuja Comparte