Técnicas de Diseño Web centradas en el Usuario

#FormaciónEBusiness#WebinarsINTERLAT #CXREDLeague

METODOLOGÍAS DE DISEÑO CENTRADAS EN EL USUARIOESTEFANÍA TRISOTTI

#FormaciónEBusiness

ESTE WEBINAR ES REALIZADO GRACIAS A

TU NUEVO CANAL DE NEGOCIOS EN INTERNET.


COMPARTE Y DEBATE#WEBINARSINTERLAT#CXREDLeague

#WebinarsINTERLAT #CXREDLeague

http://www.interlat.co/

http://www.interlat.co/

http://communitymanagerslatam.com/

http://communitymanagerslatam.com/

http://www.upb.edu.co/

http://www.upb.edu.co/


CUENTA DEL DOCENTE@TRI_

#WebinarsINTERLAT #CXREDLeague


“La experiencia del consumidor al usar un producto es lo que realmente marca la diferencia.”― Steve Jobs


DISEÑO CENTRADO EN EL USUARIO

EMPATÍA SISTEMA

• necesidades• pensamientos• frustraciones• deseos• sentimientos

• objetivos• interacciones• capacidades• tareas específicas


DISEÑAR PARA PERSONAS ESPECÍFICAS


OBJETIVOS

PROBLEMAS






Usuarios productivos y satisfechos

#FormaciónEBusiness#WebinarsINTERLAT #CXREDLeagueJesse James Garret (2002)

CONSIDERACIONES CLAVE QUE FORMAN EL DESARROLLO DE LA EXPERIENCIA DE

USUARIO.

ELEMENTOS DE LA EXPERIENCIA DE USUARIO (UX)


¿POR QUÉ TRABAJAMOS EN BASE A PERSONAS?

Porque nos otorgan información base para trabajar en el diseño

Podemos crear descripciones detalladas acerca de nuestros usuarios

Nos permiten enfocarnos en los atributos específicos de nuestros usuarios objetivos

Involucra y sincroniza a todas las personas que trabajan en el equipo


ANALIZAR DATA


ANALIZAR DATA

CUALITATIVO

Estadísticas Observación

CUANTITATIVO

¿Qué? ¿Por qué?


ANALIZAR DATA

USUARIOSYO


ANALIZAR DATA


NO OLVIDAR QUE...

Las metodologías que usemos y cómo las usemos, dependen de las características del proyecto que estemos desarrollando.


Entre más complejo es un sistema, más planificación y diseño centrado en el usuario necesitaremos.


CREAR PERSONAS


Al crear personas construimos perfiles representativos de nuestros usuarios claves, transparentando sus necesidades y entornos.

#FormaciónEBusiness#WebinarsINTERLAT #CXREDLeaguehttp://adpearance.com/blog/using-personas-in-web-design

http://adpearance.com/blog/using-personas-in-web-design

http://adpearance.com/blog/using-personas-in-web-design


CONSIDERACIONES PARA CREAR PERSONAS

• Actitudes (modelos mentales, etc.)

• Conocimientos técnicos (relacionado a lo digital u otros)

• Trabajo

• Entorno

• Frustaciones (obstáculos)

• Objetivos (motivaciones, etc)

• Otros

?


EJEMPLO

Padres

Alumnos enseñanza básica

Alumnos enseñanza media

Universitarios

Profesores

Posibles compradores (anónimo)



CREAR PERSONAS


SABER IDEAR


SABER IDEAR

Pensamiento Analítico

Pensamiento Intuitivo

DesignThinking

Analít ico

Lógico

Preciso

Repetit ivo

Organizado

Detallado

Científ ico

Literal

Secuencial

Creativo

Imaginario

General

Intuit ivo

Conceptual

Empático

Figurativo

Irregular

Solucionar problemas con necesidades humanas en el centro


SABER IDEAR

Desarrollo de ideas y conceptos

Abrir posibilidades

Formular preguntas

Crear hipótesis

Realizar representaciones gráficas de los conceptos


PROTOTIPOS DE PAPEL

Ilustración por Claire Murray http://www.flickr.com/photos/flat61/

http://www.flickr.com/photos/flat61/



PROTOTIPOS DE PAPEL





PROTOTIPOS DE PAPEL


Aunque existen numerosas aplicaciones que sirven de herramientas para el trabajo del diseñador de experiencia de usuario, el papel y el lápiz han sido y siguen siendo las más usadas.




ESCENARIOS Y STORYBOARDS



Se define un equipo de personajes que usarán el producto o servicio que estamos desarrollando

Considera detalles personales de cada personaje

Se identifican momentos claves en que los usuarios interactuan con nuestro producto o servicio

Puede realizarse como storyboard, y ser corroborado por todo el equipo




BENCHMARK


BENCHMARK

Un benchmark es un análisis comparativo de productos o de servicios de la competencia, que se revisan para estudiar sus características en contraste a lo que uno está desarrollando.

Se evalúa cómo funcionan y vemos qué beneficios de ello podríamos obtener, además de ubicarnos en un contexto del negocio.


EJEMPLO

?


CARDSORTING


CARDSORTING

Es una técnica de categorización de contenidos centrados en el usuario

Permite establecer patrones sobre cómo los usuarios esperan encontrar un contenido o una funcionalidad

Perfil Cambiar Contraseña

Invitar amigos

Equipo Enviar Mensaje

Subir una imagen

Misimágenes Eventos Otros...


MARCA Y ESTILOS

Ejemplo de usuario


ENTREVISTAS Y ENCUESTAS

Se puede obtener tanto información cualitativa como cuantitativa

Relación directa con usuarios tipo

Para la búsqueda de información, también se utilizan técnicas como focus group.


PLANIFICAR LA IMPLEMENTACIÓN





“Una meta sin un plan es solo un deseo”― Antoine de Saint-Exupéry


¿CUÁL ES EL BALANCE ADECUADO?

Producto inútil Producto mínimo viable

Producto completo

(apreciado pero limitado) (costo es mayor)


EJEMPLO PLANIFICACIÓN SPOTIFY


CONCLUSIÓN

AL REALIZAR DISEÑO CENTRADO EN EL USUARIO, LOGRAMOS DESARROLLAR EXPERIENCIAS DIGITALES QUE SON VALIOSAS PARA NUESTROS USUARIOS.

OBJETIVOS

PROBLEMAS


CONCLUSIÓN

Nos permite realizar diseños de forma colaborativa, involucrando a diferentes personas que aportan a partir de diferentes puntos de vista

Podemos resolver los problemas reales de los usuarios

Optimizamos tiempos de trabajo

OBJETIVOS

PROBLEMAS

ADEMÁS...


Estrategia de Diseño

Diseñode interacción

Diseñode Interfaz

Estrategia de Diseño

Definir Idear RealizarPrototipos Construir Analizar

Iteraciones

PRONTO EN EL DIPLOMADO


GRACIAS.ESTEFANÍA TRISOTTI@TRI_


SINTONIZA INTERLAT.TVPARA PRÓXIMAS EMISIONES…