ux no es lo mismo que ui

UX no es lo mismo que UINARANYA*LABS, MAYO 2014

NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR

- Estratega UX !- Founder en Karmashop !- Ex Oracle (UX Fusion apps) !- Egresada de UDEM (LDG, EME) !- He trabajado para clientes como Infonavit, Alen, Frisa, Grainger, Gobierno N.L, Tec de Monterrey... !- Amo el té y leer

QUIEN SOY


TEMA 1. Que es User Experience (UX)

TEMA 2. Los 10 errores comunes en UX

TEMA3. Los 10 errores comunes de UI en móviles

Preguntas

TEMARIO

Que es User Experience (UX)

TEMA 1.


Si pudieran elegir dónde sentarse

ahora...¿Cuál de las dos elegirían?


vs.


¿Cierto?


FUNCIONALIDAD + ESTÉTICA

UX es la filosofía de creación de un

producto o servicio.


No depende solo de factores de diseño,

sino en las emociones y sentimientos que crea una marca...


en lo más importante:

sus USUARIOS.



EJEMPLO

YOUTUBE: FAST LANE - THE SLIDE

http://www.youtube.com/watch?v=W4o0ZVeixYU


EJEMPLO

YOUTUBE: MAQUINA DE LA AMISTAD COCA-COLA

http://www.youtube.com/watch?v=cJHqdtkbjYU

¿Qué emociones les causaron las marcas?


Entonces, ¿Qué es experiencia?


Usos inesperados

EXPERIENCIA


Detalles

Subjetiva

Memorias

AprendizajesSabiduría

Sorpresas

UX

EXPERIENCIA


DESEABLE

USABLE

ÚTIL

NNGROUP 2008

La usabilidad es UN atributo de la

experiencia de usuario


y se refiere a la facilidad de uso… pero

OJO no es = a UX


Es la percepción de que tan consistente, organizado, eficiente, productivo, fácil de usar e intuitivo es el proceso de completar una tarea en particular dentro de un sistema.


USABILIDAD

Pero frecuentemente nos quedamos aquí…


UX

EXPERIENCIA


DESEABLE

USABLE

ÚTIL

NNGROUP 2008

UX no es una etapa más al desarrollar un

producto…


Es entender: LA SITUACIÓN


Es entender: EL CONTEXTO


Es entender: LOS HÁBITOS DE USO


…de un determinado grupo de personas


Centrado en el diseñador

Centrado en el USUARIO


UI: USER INTERFACE CON LO QUE INTERACTÚA

UX: USER EXPERIENCE, QUE SIENTE MIENTRAS INTERACTÚA


TOMADO DE WWW.UXISNOTUI.COM

• Investigación etnográfica • Entrevistas 1-1 • Creación de test con usuarios • Recolección y organización de estadísticas • Creación de personas • Diseño de producto • Escritura de funcionalidades • Artes gráficas • Diseño de interacción • Arquitectura de información • Usabilidad • Prototipado • Diseño de interfaz • Diseño visual • Creación de taxonomía • Creación de terminología • Copywriting • Presentar y hablar • Trabajo en conjunto con programadores • Coordinación de brainstorming • Evangelización de cultura de diseño

Lo que es UX

• Investigación etnográfica • Entrevistas 1-1 • Creación de test con usuarios • Recolección y organización de estadísticas • Creación de personas • Diseño de producto • Escritura de funcionalidades • Artes gráficas • Diseño de interacción • Arquitectura de información • Usabilidad • Prototipado • Diseño de interfaz • Diseño visual • Creación de taxonomía • Creación de terminología • Copywriting • Presentar y hablar • Trabajo en conjunto con programadores • Coordinación de brainstorming • Evangelización de cultura de diseño

Lo que la gente cree

Los 10 errores comunes en UX

TEMA 2.


No establecer objetivos del negocio

ERROR 1.



Error


SIEMPRE debo de tener claro:

¿Qué quiero lograr?


¿Aumentar las ventas un 10%? ¿Mayor alcance?

¿Canal de soporte?

Establecer objetivos del negocio


REGLA 1.


Ofrecer personalización

NIKE:


PLANOS UX

J.J. GARRETT 2002

12

ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio

Desconocer a mis usuarios

ERROR 2.



Error



¿Quiénes son mis usuarios?

Crear “PERSONAS” con sus hábitos de uso


REGLA 2.


Servicio de Taxi a domicilio

UBER:


Cliente / Conductor

UBER:


PLANOS UX

J.J. GARRETT 2002

12



PLANOS UX

J.J. GARRETT 2002

3 4 ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido

12


No establecer escenarios de uso

ERROR 3.



Error



¿Dónde y cómo se usará mi producto?

Crear escenarios de uso


REGLA 3.


Se mueve en una grúa

WMS:


PLANOS UX

J.J. GARRETT 2002


12


Dar excesiva funcionalidad

ERROR 4.



Error



¿Cuáles son los usos comunes?


Puedo dar funcionalidad avanzada, pero darle

prioridad a la más usada

Establecer los usos comunes


REGLA 4.


Identificar música

SHAZAM:


PLANOS UX

J.J. GARRETT 2002


12


No dar importancia a los contenidos

ERROR 5.



Error



¿Qué voy a comunicar?


Y no sólo es texto, sino: imágenes, audio,

video, etc…

Definir elementos de comunicación


REGLA 5.


VirtualAudioFotos Texto

Call to Action


PLANOS UX

J.J. GARRETT 2002


12


No hacer arquitectura de información

ERROR 6.



Error



¿Cómo se va a navegar?


Por producto Por solución

Por categoría, etc…

Hacer wireframes con flujos de navegación


REGLA 6.


PLANOS UX

J.J. GARRETT 2002

5 6 ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información

1

3 4


ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido

Pedir cosas innecesarias

ERROR 7.



Error



¿Qué necesito realmente?


¿Lo puedo pedir más tarde? ¿Edad?

¿Género? ¿Compañía?

Establecer los campos indispensables


REGLA 7.


Registro MUY sencillo

MAILCHIMP:


PLANOS UX

J.J. GARRETT 2002

5 6 ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información

1

3 4



Hacer zoom out de mi sitio web para móvil

ERROR 8.



Error



LEGIBILIDAD


¿Los objetivos desde móvil son los mismos

que desde web?

Establecer objetivos para móvil


REGLA 8.


Scan & GoWALMART:http://www.jslpublishing.com/wal-mart-app-user-leaves-mobile-author-in-her-dust/


PLANOS UX

J.J. GARRETT 2002

7 89

ESQUELETO7. Diseño de la interfaz 8. Diseño de navegación 9. Diseño de información

12

3 4

5 6



ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información

No diseñar la información

ERROR 9.



Error



¿Cómo puedo simplificar?


¿Necesito todos esos datos? ¿Puedo esconder algunos? ¿Puedo mostrar gráficas?

Planear el diseño de información


REGLA 9.


Dashboard con analytics

COUNTLY:


PLANOS UX

J.J. GARRETT 2002

7 89


12

3 4

5 6




No medir o probar con usuarios reales

ERROR 10.



Error



¿Fue fácil de usar?


¿La experiencia fue buena? ¿Hubo frustración?

¿Completaron las tareas?

Hacer pruebas de usabilidad reales


REGLA 10.


Pruebas con usuarios REALES

Los 10 errores comunes de UI en móviles

TEMA 3.



PLANOS UX

J.J. GARRETT 2002

12

3 4

5 6

7 89

10





SUPERFICIE 10. Diseño visual

Botones pequeños !

ERROR 1.



NO SI

No dar feedback visual !

ERROR 2.



NO SI

Excesivas notificaciones (push)

ERROR 3.



NO SI

Tener un mal affordance !

ERROR 4.



NO SI

INCONSISTENCIA !

ERROR 5.



NO SI

Textos miniatura o ilegibles

ERROR 6.



NO SI

Mal diseño de formularios

ERROR 7.



NO SI

IGNORAR PATRONES !

ERROR 8.



NO SI

Querer “innovar” en símbolos predefinidos

ERROR 9.



NO SI

Uso incorrecto del color

ERROR 10.



NO SI


PLANOS UX

J.J. GARRETT 2002

12

3 4

5 6

7 89

10





SUPERFICIE 10. Diseño visual

¿Preguntas? !


Gracias :)¿QUIERES APLICAR LO QUE VIMOS? > UXSTARTUPS.COM


ux no es lo mismo que ui

Design