Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

61
#WCLIMA2016 @martinbeasnunez Suma UX a WordPress

Transcript of Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

Page 1: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Suma UX a WordPress

Page 2: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Martín Beas Núñez

Experiencia previa: UX Analyst en MercadoLibre.comJefe diseño en Batanga.com

ceo y co-fundador de GetLavado.com

@martinbeasnunezblogportfolio+linkedin

Page 3: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 4: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Lo que no se enseña y lo que hace falta:

Page 5: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

RESILENCIA

En psicología, la resiliencia es la capacidad que tiene una persona para poder afrontar situaciones adversas y superarlas.

Page 6: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

GESTION DEL TIEMPO

Ser muy disciplinado para saber organizar tu tiempo y ser flexible para priorizar tus tareas

Page 7: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 8: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 9: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 10: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Panel de Peter Morville

Page 11: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 12: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 13: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

La experiencia de usuario

no se añade a un producto.

El producto se diseña

pensando en la experiencia

del usuario.

Page 14: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 15: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 16: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 17: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 18: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

● Lealtad del usuario● Retorno de la inversión● Eficiencia / Productividad● Satisfacción del usuario● Mejorar el posicionamiento de la empresa

Beneficios al implementar UX

Page 19: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Problemas del día a día

Page 20: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Necesidad de tener la mayor cantidad de funcionalidades

Causantes: Demasiados stakeholders

Resultado: Producto complicado, excesivamente ambicioso

Solución: priorizar necesidades del usuario, foco en el producto mínimo viable

Page 21: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Problema con tiempos y costo$

Causantes: Necesidad de + funcionalidades, no cierre de etapas

Resultados: Implementar funcionalidades a toda prisa,consumir recursos en funciones mal implementadas ...

Solución: Respetar hitos, participación temprana de personas claves

Page 22: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Productos inútiles

Causantes: Solicitud de requerimiento utópico o no viable.

Resultados: Capital y tiempo malgastados.

Solución: Refinar la idea, refinar el grupo objetivo.

Page 23: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 24: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

La facilidad de uso describe el grado en que

un sistema puede ser utilizado por un usuario

determinado para lograr ciertos objetivos.

1. Utilizable significa funcional

Page 25: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

2. La retroalimentación es

impresionante

Necesitamos respuestas a nuestras

acciones con el fin de comunicar

con éxito.

Page 26: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

No debes permitir que los

usuarios se pierdan.

3. La orientación es escencial

Page 27: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

4. La estética es importante

‘Diseños atractivos funcionan

mejor’ -Don Norman / Emotional Design

Page 28: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

6. Las imágenes mandan

Page 29: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

6. Las imágenes mandan

Page 30: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

6. Las imágenes mandan

Page 31: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Zarget

Page 32: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunezCrazyegg

Page 33: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 34: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 35: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 36: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

Pruebas A/B

Page 37: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

7. La información tiene que ser

localizable

La información que ofreces en tu sitio, es

probable que sea la razón principal para

que la gente te visite.

Page 38: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

8. La información debe ser

comprensible

Por ejemplo:

● Se debe utilizar un tipo de letra sans-serif fácil de leer, para

textos más largos.

● Un tamaño de fuente cómoda de 12 puntos o más grande.

Page 39: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

COMPRENSIBLE

Por ejemplo:

● Resalta las palabras clave relevantes y utilizar los titulares

significativos.

● Utilizar las imágenes con subtítulos informativos para apoyar a

su contenido.

Page 40: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 41: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

9. Tu sitio es una vidriera

comercial

Especialmente si tienes diferentes grupos objetivos con diferentes

intereses.

En cualquier caso, se debe ofrecer una visión general de sus

productos o servicios centrales.

Page 42: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

10. Los formularios son tu sala de

recepción

Sea breve y relevante y sólo pida la información que realmente

necesita en este punto inicial de contacto.

Page 43: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

‘Todo proyecto es relativo a los

usuarios, contexto y contenidos

específicos en cada caso’

-Morville

Page 44: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 45: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

METODOLOGIA

Page 46: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 47: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

ETAPAS

1. Investigación: en la que se obtiene toda la

información posible del proyecto, usuarios y

producto a diseñar.

2. Organización: en la que se procesa toda la

información para convertirla en un producto.

3. Diseño: en la que se plasma el diseño del producto a

partir de lo organizado.

4. Prueba: en la que se comprueba la calidad del diseño

propuesto.

Page 48: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 49: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 50: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

TECNICAS

Entrevista y Encuesta

Observación

Consulta a experto

Benchmarking

Personas

Page 51: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

TECNICAS para el diseño del producto:

1. Diagramación en papel

2. Diagrama de organización

3. Diagrama de funcionamiento

4. Diagrama de presentación (Wireframe).

5. Prototipado digital.

Page 52: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

¿Le

pareció

bonito el

sitio web?

Page 53: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 54: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

1. 14,4% clientes dispuestos a comprar su producto

2. 15,8% clientes dispuestos a considerar el No hacer

negocios con un competidor

3. 16,6% clientes probables para

recomendar sus productos

o servicios

Page 55: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 56: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 57: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

- Tiempo en cada página

- Exit Page

- Retraso en la respuesta humana

- Usuarios de 7 y 30 días

+Métricas

Page 58: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016
Page 59: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Page 60: Evita construir un producto inútil, suma UX a tu WordPress - WORDCAMP LIMA 2016

#WCLIMA2016 @martinbeasnunez

Código es poesía