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

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

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

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

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/

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

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

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…

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

Design

análise das abordagens centradas no ser humano

2011. Centradas en el sujeto Interaccionistas Centradas en la tarea Ambientales

Guía del usuario - Xerox Guía del usuario ofrece información detallada, especificaciones técnicas y pasos de los procedimientos necesarios para utilizar las funciones integradas

DEFINICION DE MARKETINGMúltiples canales: importancia del canal internet Ferias centradas en venta Monocanal o canales limitados Ferias centradas en imagen DISTRIBUCION-Creación,

IDEA 2002 GUÍA DEL USUARIO - Mi sitio de Auditoría, …auditor2006.comunidadcoomeva.com/blog/uploads/... · VI IDEA 2002 - GUIA DEL USUARIO • seleccionar muestras usando técnicas

1001 preguntas centradas en las soluciones.pdf

IntervenÇÃo Precoce Na InfÂncia: Práticas Centradas Na

Maternidades Seguras y Centradas en la Familia (MSCF)

ESTRATEGIAS COLABORATIVAS EN EL AULAorientacionconchamendez.wikispaces.com/file/view/Presentacion_de... · TÉCNICAS CENTRADAS EN LA ESCRITURA. ... no se realiza cooperación o colaboración

“LAS ORGANIZACIONES CENTRADAS EN EL CLIENTE SON LAS …iee.edu.pe/doc/Presentaciones/IEE-OrganizacionesCentradasClientes-2013.pdf · “LAS ORGANIZACIONES CENTRADAS EN EL CLIENTE

Tema 7: Atención al usuario. Técnicas de comunicación y

Ventas centradas en el cliente 2

MCV1-FO-SER-Manual del usuario Exemys · MCV1-FO-SER-Manual del usuario Exemys Rev. 6 5 2 ESPECIFICACIONES TÉCNICAS Especificaciones técnicas Puerto Serial RS232, RS485, RS422 (No

Técnicas centradas en el grupoedu.jalisco.gob.mx/.../tecnicas_grupales-anexo4.pdf · • Es una actividad que prepara a los alumnos para la toma de decisiones, por lo tanto para

Técnicas de Diseño Centrado en el Usuario en Technisys

TECNICAS DIDACTICAS CENTRADAS EN EL …api.ning.com/.../TECNICASDIDACTICAS.pdf · TECNICAS DIDACTICAS CENTRADAS EN EL PROFESOR . Los objetivos de la técnica expositiva son la transmisión

DISEÑO DE SITUACIONES DE APRENDIZAJE CENTRADAS EN EL

MANUAL DE USUARIO MODELO POWER PACK PLUS 1752CM€¦ · MANUAL DE USUARIO MODELO POWER PACK PLUS 1752CM 3. Especificaciones técnicas . 10 MANUAL DE USUARIO MODELO POWER PACK PLUS

Exercícios de cargas axiais centradas - Departamento de

MODALIDADES DE ENSEÑANZA CENTRADAS EN EL