#WCLIMA2016 @martinbeasnunez

Suma UX a WordPress

#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

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

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

#WCLIMA2016 @martinbeasnunez

RESILENCIA

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

#WCLIMA2016 @martinbeasnunez

GESTION DEL TIEMPO

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

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

Panel de Peter Morville

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

La experiencia de usuario

no se añade a un producto.

El producto se diseña

pensando en la experiencia

del usuario.

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

#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

#WCLIMA2016 @martinbeasnunez

Problemas del día a día

#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

#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

#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.

#WCLIMA2016 @martinbeasnunez

#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

#WCLIMA2016 @martinbeasnunez

2. La retroalimentación es

impresionante

Necesitamos respuestas a nuestras

acciones con el fin de comunicar

con éxito.

#WCLIMA2016 @martinbeasnunez

No debes permitir que los

usuarios se pierdan.

3. La orientación es escencial

#WCLIMA2016 @martinbeasnunez

4. La estética es importante

‘Diseños atractivos funcionan

mejor’ -Don Norman / Emotional Design

#WCLIMA2016 @martinbeasnunez

6. Las imágenes mandan

#WCLIMA2016 @martinbeasnunez

6. Las imágenes mandan

#WCLIMA2016 @martinbeasnunez

6. Las imágenes mandan

#WCLIMA2016 @martinbeasnunez

Zarget

#WCLIMA2016 @martinbeasnunezCrazyegg

#WCLIMA2016 @martinbeasnunez

Pruebas A/B

#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.

#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.

#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.

#WCLIMA2016 @martinbeasnunez

#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.

#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.

#WCLIMA2016 @martinbeasnunez

‘Todo proyecto es relativo a los

usuarios, contexto y contenidos

específicos en cada caso’

-Morville

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

METODOLOGIA

#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.

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

TECNICAS

Entrevista y Encuesta

Observación

Consulta a experto

Benchmarking

Personas

#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.

¿Le

pareció

bonito el

sitio web?

#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

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

- Tiempo en cada página

- Exit Page

- Retraso en la respuesta humana

- Usuarios de 7 y 30 días

+Métricas

#WCLIMA2016 @martinbeasnunez

#WCLIMA2016 @martinbeasnunez

Código es poesía

@martinbeasnunezblog+linkedin

</GRACIAS!>