CODEMOTION Basado en Principios de Diseño Centrado en el Usuario El proceso que utilizamos para crear un producto, servicio, o plataforma basada en la perspectiva de cómo sera entendida y utilizada por un usuario humano. Este acercamiento enfocado en el usuario ayuda a crear un sistema aplicado a apoyar las necesidades, metas y comportamientos mientras mejor las relaciones entre negocio y cliente, incrementando lealtad, aumento en ventas, atracción de nuevos clientes, etc.
people make the mistake of thinking design is what it looks like. People think it’s this veneer—that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works. – Steve Jobs “ “
CODEMOTION Qué Exactamente Es el Pensamiento de Diseño? Un conjunto de metodologías y acercamientos basados en el principio de “Diseño centrado en el Usuario” para crear un sistema de solución de problemas. Aprovechamos el Pensamiento de Diseño para mejorar la experiencia de la gente cuando interactúa con un producto, servicio, o plataforma. Los resultados de usar este sistema creará una experiencia que es accesible, creíble, usable, navegable, deseable, útil, y en esencia, valuable.
CODEMOTION Los Valores del Pensamiento de Diseño Enfatiza estrategias de negocio (Incrementa satisfaccion, incrementa lealtad, incrementa conversion, etc) Fomenta la Divergencia Constructiva Evalua Valor por utilidad 1 2 3
CODEMOTION Generalidades Esto es primariamente la fase de investigación que nos ayuda a enfocarnos en los problemas específicos del usuario. Nos da la oportunidad de aprender desde los representante de negocios, ambiente técnico, usuarios, entonces claramente define los problemas que vamos a intentar resolver. La investigación nos ayuda a obtener mejor entendimiento y una vision mas clara de los desafíos que la gente tiene interactuando con un producto o servicio. Podemos aprovechar este conocimiento para ayudarnos a empatizar con sus desafíos e intentar mejorar su experiencia.
CODEMOTION Métodos Entrevistas de Usuarios Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y metas Análisis Competitivo La investigación Primaria y secundaria proveerá entendimiento holístico de cómo los usuarios abordan la competencia. Análisis Heurístico Evalúa una experiencia a través de desafíos multiples para entender mejor patrones de interacción, características, experiencia general. Entrevistas de Representantes Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y estrategias. Auditoria de contenido Reunir y evaluar la calidad del contenido con el que el usuario mayormente podría interactuar. Investigación Etnográfica Observa el comportamiento del usuario en la vida real sobre periodos largos de tiempo. Investigación Contextual Observa el comportamiento del usuario al utilizar el sistema que estas poniendo a prueba en el momento de su utilización. Encuestas Reunir información proveniente de encuestas cuantitativas que alcancen una mayor audiencia y provean ideas brillantes
CODEMOTION Métodos Entrevistas de Usuarios Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y metas Análisis Competitivo La investigación Primaria y secundaria proveerá entendimiento holístico de cómo los usuarios abordan la competencia. Análisis Heurístico Evalúa una experiencia a través de desafíos multiples para entender mejor patrones de interacción, características, experiencia general. Entrevistas de Representantes Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y estrategias. Auditoria de contenido Reunir y evaluar la calidad del contenido con el que el usuario mayormente podría interactuar. Investigación Etnográfica Observa el comportamiento del usuario en la vida real sobre periodos largos de tiempo. Investigación Contextual Observa el comportamiento del usuario al utilizar el sistema que estas poniendo a prueba en el momento de su utilización. Encuestas Reunir información proveniente de encuestas cuantitativas que alcancen una mayor audiencia y provean ideas brillantes
CODEMOTION Métodos Entrevistas de Usuarios Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y metas Análisis Competitivo La investigación Primaria y secundaria proveerá entendimiento holístico de cómo los usuarios abordan la competencia. Análisis Heurístico Evalúa una experiencia a través de desafíos multiples para entender mejor patrones de interacción, características, experiencia general. Entrevistas de Representantes Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y estrategias. Auditoria de contenido Reunir y evaluar la calidad del contenido con el que el usuario mayormente podría interactuar. Investigación Etnográfica Observa el comportamiento del usuario en la vida real sobre periodos largos de tiempo. Investigación Contextual Observa el comportamiento del usuario al utilizar el sistema que estas poniendo a prueba en el momento de su utilización. Encuestas Reunir información proveniente de encuestas cuantitativas que alcancen una mayor audiencia y provean ideas brillantes
CODEMOTION Métodos Entrevistas de Usuarios Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y metas Análisis Competitivo La investigación Primaria y secundaria proveerá entendimiento holístico de cómo los usuarios abordan la competencia. Análisis Heurístico Evalúa una experiencia a través de desafíos multiples para entender mejor patrones de interacción, características, experiencia general. Entrevistas de Representantes Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y estrategias. Auditoria de contenido Reunir y evaluar la calidad del contenido con el que el usuario mayormente podría interactuar. Investigación Etnográfica Observa el comportamiento del usuario en la vida real sobre periodos largos de tiempo. Investigación Contextual Observa el comportamiento del usuario al utilizar el sistema que estas poniendo a prueba en el momento de su utilización. Encuestas Reunir información proveniente de encuestas cuantitativas que alcancen una mayor audiencia y provean ideas brillantes
CODEMOTION Métodos Entrevistas de Usuarios Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y metas Análisis Competitivo La investigación Primaria y secundaria proveerá entendimiento holístico de cómo los usuarios abordan la competencia. Análisis Heurístico Evalúa una experiencia a través de desafíos multiples para entender mejor patrones de interacción, características, experiencia general. Entrevistas de Representantes Hablar con los representantes para obtener una idea mas profunda de cuales son los puntos de dolor, vision, limitaciones y estrategias. Auditoria de contenido Reunir y evaluar la calidad del contenido con el que el usuario mayormente podría interactuar. Investigación Etnográfica Observa el comportamiento del usuario en la vida real sobre periodos largos de tiempo. Investigación Contextual Observa el comportamiento del usuario al utilizar el sistema que estas poniendo a prueba en el momento de su utilización. Encuestas Reunir información proveniente de encuestas cuantitativas que alcancen una mayor audiencia y provean ideas brillantes
CODEMOTION Generalidades La fase definir nos permite hacer una pausa para organizar todo lo que se consiguió aprender en nuestras investigaciones (primaria/secundaria. cualitativa, cuatitativa) para desarrollar un entendimiento profundo de nuestros usuarios, los problemas que enfrentan, y donde debemos concentrar nuestros esfuerzos en buscar resolver sus mas importantes desafíos. Las investigaciones realizadas en la fase Empatiza proporcionan un conocimiento sustancial de la realidad de los usuarios la misma que utilizaremos para identificar hipótesis potenciales para luego definir un punto de vista único. Este punto de vista unico determinara que necesidades y expectativas no han sido logradas todavía. Esta fase permitirá la búsqueda de soluciones innovadoras para los problemas de los usuarios y nos llevara a la fase de diseño.
CODEMOTION Métodos 5 Porqués Identificar el origen del problema/ retos detrás de los usuarios por medio de preguntar sucesivamente “porque’ Personas Crear un perfil característico compuesto que enfoque nuestra atención en grupos de usuarios importantes y relevantes Mapa de recorrido Descomponer pasos importantes del viaje del usuario que incluye que esta pensando, sintiendo, y haciendo por cada paso en ese viaje Mapa de Empatía Agrupar notas e información recopilada de los usuarios para Identificar necesidades y percepciones Lienzo de Propuesta de Valor Es una plantilla que ayuda a garantizar que un producto o servicio se posicione de acuerdo a lo que el usuario valora y necesita Lienzo de Modelo de Negocios Es una plantilla que permite documentar modelos de negocio existentes o nuevo que describen la propuesta de valor
CODEMOTION Métodos 5 Porqués Identificar el origen del problema/ retos detrás de los usuarios por medio de preguntar sucesivamente “porque’ Personas Crear un perfil característico compuesto que enfoque nuestra atención en grupos de usuarios importantes y relevantes Mapa de recorrido Descomponer pasos importantes del viaje del usuario que incluye que esta pensando, sintiendo, y haciendo por cada paso en ese viaje Mapa de Empatia Agrupar notas e información recopilada de los usuarios para Identificar necesidades y percepciones Lienzo de Propuesta de Valor Es una plantilla que ayuda a garantizar que un producto o servicio se posicione de acuerdo a lo que el usuario valora y necesita Lienzo de Modelo de Negocios Es una plantilla que permite documentar modelos de negocio existentes o nuevo que describen la propuesta de valor
CODEMOTION Métodos 5 Porqués Identificar el origen del problema/ retos detrás de los usuarios por medio de preguntar sucesivamente “porque’ Personas Crear un perfil característico compuesto que enfoque nuestra atención en grupos de usuarios importantes y relevantes Mapa de recorrido Descomponer pasos importantes del viaje del usuario que incluye que esta pensando, sintiendo, y haciendo por cada paso en ese viaje Mapa de Empatia Agrupar notas e información recopilada de los usuarios para Identificar necesidades y percepciones Lienzo de Propuesta de Valor Es una plantilla que ayuda a garantizar que un producto o servicio se posicione de acuerdo a lo que el usuario valora y necesita Lienzo de Modelo de Negocios Es una plantilla que permite documentar modelos de negocio existentes o nuevo que describen la propuesta de valor
CODEMOTION Métodos 5 Porqués Identificar el origen del problema/ retos detrás de los usuarios por medio de preguntar sucesivamente “porque’ Personas Crear un perfil característico compuesto que enfoque nuestra atención en grupos de usuarios importantes y relevantes Mapa del recorrido Descomponer pasos importantes del viaje del usuario que incluye que esta pensando, sintiendo, y haciendo por cada paso en ese viaje Mapa de Empatia Agrupar notas e información recopilada de los usuarios para Identificar necesidades y percepciones Lienzo de Propuesta de Valor Es una plantilla que ayuda a garantizar que un producto o servicio se posicione de acuerdo a lo que el usuario valora y necesita Lienzo de Modelo de Negocios Es una plantilla que permite documentar modelos de negocio existentes o nuevo que describen la propuesta de valor
CODEMOTION Generalidades Una vez que tenemos una base sólida basada en la empatía y hemos definido la comprensión del espacio del problema, usamos los datos recopilados hasta ahora para informar nuestra imaginación a medida que ideamos posibles soluciones.
CODEMOTION Métodos 8 Locos Genere ideas rápidamente en un período de tiempo extremadamente corto y seleccione las mejores ideas democráticamente, Mapeo de Afinidad Manera rápida de tomar una gran cantidad de ideas y luego organizarlas y priorizarlas en categorías lógicas. Lluvia de Ideas Generar relacionados. Ideas a partir de una idea central, que normalmente comienzan con una declaración de problema, un punto de vista y los resultados deseados. Clasificación de Tarjetas Aclare y defina una categorización significativa de contenido con la ayuda de los usuarios. Matriz de Prioridades Identifique varias características que componen una solución y déles prioridad en función del valor y la complejidad. Hora de Comer Identifique varias características que componen una solución y priorícelas en función de las verduras, las carnes y los postres.
CODEMOTION Métodos 8 Locos Genere ideas rápidamente en un período de tiempo extremadamente corto y seleccione las mejores ideas democráticamente, Mapeo de Afinidad Manera rápida de tomar una gran cantidad de ideas y luego organizarlas y priorizarlas en categorías lógicas. Lluvia de Ideas Generar relacionados. Ideas a partir de una idea central, que normalmente comienzan con una declaración de problema, un punto de vista y los resultados deseados. Clasificación de Tarjetas Aclare y defina una categorización significativa de contenido con la ayuda de los usuarios. Matriz de Prioridades Identifique varias características que componen una solución y déles prioridad en función del valor y la complejidad. Hora de Comer Identifique varias características que componen una solución y priorícelas en función de las verduras, las carnes y los postres.
CODEMOTION Métodos 8 Locos Genere ideas rápidamente en un período de tiempo extremadamente corto y seleccione las mejores ideas democráticamente, Mapeo de Afinidad Manera rápida de tomar una gran cantidad de ideas y luego organizarlas y priorizarlas en categorías lógicas. Lluvia de Ideas Generar relacionados. Ideas a partir de una idea central, que normalmente comienzan con una declaración de problema, un punto de vista y los resultados deseados. Clasificación de Tarjetas Aclare y defina una categorización significativa de contenido con la ayuda de los usuarios. Matriz de Prioridades Identifique varias características que componen una solución y déles prioridad en función del valor y la complejidad. Hora de Comer Identifique varias características que componen una solución y priorícelas en función de las verduras, las carnes y los postres.
CODEMOTION Métodos 8 Locos Genere ideas rápidamente en un período de tiempo extremadamente corto y seleccione las mejores ideas democráticamente, Mapeo de Afinidad Manera rápida de tomar una gran cantidad de ideas y luego organizarlas y priorizarlas en categorías lógicas. Lluvia de Ideas Generar relacionados. Ideas a partir de una idea central, que normalmente comienzan con una declaración de problema, un punto de vista y los resultados deseados. Clasificación de Tarjetas Aclare y defina una categorización significativa de contenido con la ayuda de los usuarios. Matriz de Prioridades Identifique varias características que componen una solución y déles prioridad en función del valor y la complejidad. Hora de Comer Identifique varias características que componen una solución y priorícelas en función de las verduras, las carnes y los postres.
CODEMOTION Métodos 8 Locos Genere ideas rápidamente en un período de tiempo extremadamente corto y seleccione las mejores ideas democráticamente, Mapeo de Afinidad Manera rápida de tomar una gran cantidad de ideas y luego organizarlas y priorizarlas en categorías lógicas. Lluvia de Ideas Generar relacionados. Ideas a partir de una idea central, que normalmente comienzan con una declaración de problema, un punto de vista y los resultados deseados. Clasificación de Tarjetas Aclare y defina una categorización significativa de contenido con la ayuda de los usuarios. Matriz de Prioridades Identifique varias características que componen una solución y déles prioridad en función del valor y la complejidad. Hora de Comer Identifique varias características que componen una solución y priorícelas en función de las verduras, las carnes y los postres.
CODEMOTION Overview Una vez que hemos generado una serie de ideas y hemos reducido dónde queremos enfocar nuestros esfuerzos, comenzamos a desarrollar prototipos básicos que luego se pueden usar para recopilar comentarios de nuestros usuarios, validar nuestras suposiciones iniciales y proporcionarnos más datos. que podemos utilizar para iterar más y refinar nuestras ideas en una solución final.
CODEMOTION Métodos Prototipo de Papel Modele sus ideas rápidamente con papel para interfaces rápidas o modelos 3D con los que sus usuarios puedan interactuar rápidamente. Maqueta Similar a un plano de un edificio, un wireframe es un dibujo visual que detalla los elementos de una interfaz. Guion Gráfico Captura visualmente una historia narrativa sobre cómo, dónde y por qué las personas pueden participar en un producto o servicio. Dibujar Ilustra tus ideas. Normalmente, los bocetos se hacen rápidamente en una pizarra o papel. Maqueta Interactiva Tome bocetos, maqueta o maquetas de alta fidelidad y colóquelos en una herramienta que permita a los usuarios hacer clic o tocar a través de su experiencia. Estudio de Simulación Actuar físicamente o crear un video de lo que sucede cuando un usuario interactúa con un producto o servicio. Impresión 3D Útil para modelar rápidamente prototipos físicos. Baja Fidelidad Alta Fidelidad
CODEMOTION Métodos Prototipo de Papel Modele sus ideas rápidamente con papel para interfaces rápidas o modelos 3D con los que sus usuarios puedan interactuar rápidamente. Maqueta Similar a un plano de un edificio, un wireframe es un dibujo visual que detalla los elementos de una interfaz. Guion Gráfico Captura visualmente una historia narrativa sobre cómo, dónde y por qué las personas pueden participar en un producto o servicio. Dibujar Ilustra tus ideas. Normalmente, los bocetos se hacen rápidamente en una pizarra o papel. Maqueta Interactiva Tome bocetos, maqueta o maquetas de alta fidelidad y colóquelos en una herramienta que permita a los usuarios hacer clic o tocar a través de su experiencia. Estudio de Simulación Actuar físicamente o crear un video de lo que sucede cuando un usuario interactúa con un producto o servicio. Impresión 3D Útil para modelar rápidamente prototipos físicos. Baja Fidelidad Alta Fidelidad
CODEMOTION Métodos Prototipo de Papel Modele sus ideas rápidamente con papel para interfaces rápidas o modelos 3D con los que sus usuarios puedan interactuar rápidamente. Maqueta Similar a un plano de un edificio, un wireframe es un dibujo visual que detalla los elementos de una interfaz. Guion Gráfico Captura visualmente una historia narrativa sobre cómo, dónde y por qué las personas pueden participar en un producto o servicio. Dibujar Ilustra tus ideas. Normalmente, los bocetos se hacen rápidamente en una pizarra o papel. Maqueta Interactiva Tome bocetos, maqueta o maquetas de alta fidelidad y colóquelos en una herramienta que permita a los usuarios hacer clic o tocar a través de su experiencia. Estudio de Simulación Actuar físicamente o crear un video de lo que sucede cuando un usuario interactúa con un producto o servicio. Impresión 3D Útil para modelar rápidamente prototipos físicos. Baja Fidelidad Alta Fidelidad
CODEMOTION Métodos Prototipo de Papel Modele sus ideas rápidamente con papel para interfaces rápidas o modelos 3D con los que sus usuarios puedan interactuar rápidamente. Maqueta Similar a un plano de un edificio, un wireframe es un dibujo visual que detalla los elementos de una interfaz. Guion Gráfico Captura visualmente una historia narrativa sobre cómo, dónde y por qué las personas pueden participar en un producto o servicio. Dibujar Ilustra tus ideas. Normalmente, los bocetos se hacen rápidamente en una pizarra o papel. Maqueta Interactiva Tome bocetos, maqueta o maquetas de alta fidelidad y colóquelos en una herramienta que permita a los usuarios hacer clic o tocar a través de su experiencia. Estudio de Simulación Actuar físicamente o crear un video de lo que sucede cuando un usuario interactúa con un producto o servicio. Impresión 3D Útil para modelar rápidamente prototipos físicos. Baja Fidelidad Alta Fidelidad
CODEMOTION Generalidades Hemos hecho una serie de suposiciones en función de los prototipos que creemos que resolverán con precisión los problemas de nuestros usuarios. Ahora podemos tomar nuestros prototipos, solicitar comentarios de los usuarios y luego usar sus comentarios para evaluar, refinar e iterar en nuestros prototipos.
CODEMOTION Métodos Pruebas A/B Usar dos versiones de un diseño similar para comprender cuál funciona mejor en escenarios similares. Grupo de Enfoque Probar un producto o servicio con grupos pequeños generalmente acompañado de un cuestionario. Pruebas de Usabilidad Moderar las pruebas en torno a escenarios o tareas únicos.
CODEMOTION Métodos Pruebas A/B Usar dos versiones de un diseño similar para comprender cuál funciona mejor en escenarios similares. Grupo de Enfoque Probar un producto o servicio con grupos pequeños generalmente acompañado de un cuestionario. Pruebas de Usabilidad Moderar las pruebas en torno a escenarios o tareas únicos.
CODEMOTION Sumario El pensamiento de diseño es simplemente una metodología envuelta en principios de diseño que son centrados en el usuario. La empatía puede ser una parte distinta del proceso de pensamiento de diseño, pero nunca deben dejar de empatizar con los usuarios y sus necesidades Implementar de manera efectiva requiere una combinación de ideas diferentes que vienen de los funciones en su organización (negocios, marketing, IT, diseño, etc.) Se requiere la flexibilidad necesaria para pasar por el proceso de pensamiento de diseño mientras permite que al lado de desarrollo aproveche la metodología que prefieran 1 2 3 4
bermonpainter
amitnk
taigakiyokawa
thebogheart
otanet
kubosho
kiyoshifuwa
xuechunwu
okabemy
ncdc
mosmos_noki
zozodevelopers
ashapiro
productmarketing
ufuk
honnibal
garrettdimon
mongodb
matthewcrist
addyosmani
danielanewman
malarkey
csswizardry
lara
rocio
