29

Rails girls ux workshop

Embed Size (px)

Citation preview

Page 1: Rails girls ux workshop
Page 2: Rails girls ux workshop

http://ideaware.co

@andresmax

Page 3: Rails girls ux workshop

http://ideaware.co 3

Ruby on Rails desde 2008

Diseñador UX/UIIngeniero de Sistemas Uninorte

Fundador Ideaware Co

@andresmax

Page 4: Rails girls ux workshop

http://ideaware.co

Qué es UX?

Page 5: Rails girls ux workshop

http://ideaware.co

SEGUN WIKIPEDIA

5

“La experiencia de usuario es el conjunto de factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo concretos, cuyo resultado es la generación de una percepción positiva o negativa de dicho servicio, producto o dispositivo.”

Page 6: Rails girls ux workshop

http://ideaware.co

SEGUN WIKIPEDIA

6

Page 7: Rails girls ux workshop

http://ideaware.co

SEGUN YO

7

“La experiencia de usuario es el diseño consciente de como una persona usa un producto y de como lo hiciste sentir.”

Page 8: Rails girls ux workshop

http://ideaware.co

BAD UX

8

Page 9: Rails girls ux workshop

http://ideaware.co

GREAT UX

9

Page 10: Rails girls ux workshop

http://ideaware.co 10

Antes de la primera linea de código

Cuando estamos pensando en como se va a ver la interfaz

Al momento de finalizar el backend es hora de enfocarse en el UX

PRE PRE PREGUNTA

¿Cuándo definimos la experiencia?

1

2

3

Page 11: Rails girls ux workshop

http://ideaware.co 11

Page 12: Rails girls ux workshop

http://ideaware.co

“El diseño de la experiencia es una tarea constante durante todo el ciclo de vida de una app.”

- Yo

Page 13: Rails girls ux workshop

http://ideaware.co 13

IDEA

CICLO DE UX

DISENO DESARROLLO PROBAR Y VALIDAR

Page 14: Rails girls ux workshop

http://ideaware.co

PRINCIPIOS DE UNA BUENA EXPERIENCIA

14

Una buena experiencia es:

SENCILLA UTIL ESTETICA ENTENDIBLE HONESTA COMPLETA

Page 15: Rails girls ux workshop

http://ideaware.co

PRINCIPIOS DE UNA BUENA EXPERIENCIA

15

Objetivos de Negocio

Page 16: Rails girls ux workshop

http://ideaware.co

PRINCIPIOS DE UNA BUENA EXPERIENCIA

16

Objetivos de Negocio

Necesidades del Usuario

Page 17: Rails girls ux workshop

http://ideaware.co

PRINCIPIOS DE UNA BUENA EXPERIENCIA

17

Objetivos de Negocio

Necesidades del Usuario

UX

Page 18: Rails girls ux workshop

http://ideaware.co

PREGUNTAS

Page 19: Rails girls ux workshop

http://ideaware.co 19

ANUNCIOS DE VIDEO

Cómo crear una excelente experiencia

Page 20: Rails girls ux workshop

http://ideaware.co

1. CREA UN MOODBOARD

Page 21: Rails girls ux workshop

http://ideaware.co 21

Page 22: Rails girls ux workshop

http://ideaware.co

2. DIAGRAMA LOS FLUJOS

Page 23: Rails girls ux workshop

http://ideaware.co 23

Page 24: Rails girls ux workshop

http://ideaware.co

3. WIREFRAME

Page 25: Rails girls ux workshop

http://ideaware.co 25

Page 26: Rails girls ux workshop

http://ideaware.co

4. IMPLEMENTA Y PRUEBA

Page 27: Rails girls ux workshop

http://ideaware.co

DISENAR UNA BUENA EXPERIENCIA

27

El Diseño de una experiencia:

NO ES COMPLICADO YA LO ESTAS HACIENDO ES FACIL DE PROBAR ES DIVERTIDO ES MEDIBLE

Page 28: Rails girls ux workshop

http://ideaware.co

PREGUNTAS