BACKGROUND_diseño_centrado_en_las_personas

LOGO_diseño_centrado_en_las_personas

Diseño Centrado en las Personas

Explora tu ruta de aprendizaje.
curva_bottom

Ruta de aprendizaje

Recórrela, explora los contenidos y escala en tu conocimiento para aplicar el DCP en tus proyectos.

Estación 1

Fundamentos

Qué es el Pensamiento de Diseño, introducción al Diseño Centrado en las Personas, métodos y técnicas de Design Thinking.

Estación 2

Escuchar

Tus primeros pasos para aprender sobre técnicas de investigación con usuarios; así mismo, identificar necesidades del cliente y el proyecto.

Estación 3

Definir

Conoce algunas técnicas básicas de priorización, aprende sobre arquitectura de información, flujos de usuario, wireframes y protocolos de pruebas.

Estación 4

Inspirar

Aprende cómo hacer un benchmark visual, un tablero tipo moodboard, un storyboard y conoce algunos sitios de tendencias e inspiración a nivel visual.

Estación 5

Prototipar

Aprende sobre guías de estilo, sistemas de diseño, herramientas de prototipado, Atomic Design y microinteracciones.

Estación 6

Entregar

Conoce cómo compartir los prototipos para su desarrollo, amplía tus conocimientos con los fundamentos Frontend y descubre algunas métricas para conocer el comportamiento de los usuarios y evolucionar el producto.

Estación 7

Herramientas

Artefactos y ayudas fundamentales para el Diseño Centrado en las Personas.

Estación 8

Conviértete en UXD

Ya has aprendido muchas cosas en esta ruta de conocimiento, es hora de empezar a construir tu portafolio y tu HV.

curva_bottom

¿Para qué sirve el pensamiento de diseño?

Es una metodología que permite dar solución a problemas complejos poniendo en el centro a las personas. Permite validaciones tempranas de las soluciones y promueve la iteración. Así mismo, cualquier persona, disciplina o comunidad puede implementarlo en sus proyectos.

Icon_card_documento
1. Guía práctica para entender Design Thinking
Artículo

Marco de trabajo que permite buscar soluciones para problemas complejos a través del trabajo colaborativo entre diferentes disciplinas, basados en métodos propios de la rama del diseño y con un alto foco en las necesidades humanas.

6
Minutos
ball_blue
2. Design Thinking en tiempos de cambio
Artículo

En tiempos de cambio necesitamos soluciones innovadoras que logren impactar; así mismo, conoce algunos tips y herramientas útiles para que incorpores el Pensamiento de Diseño en tus retos.

5
Minutos
Icon_card_jenkins
3. Poniendo las ideas a prueba con Design Thinking
Video

¿Tienes o has tenido retos de negocio con incertidumbre en el mercado? En esta charla aprendimos cómo el Design Thinking es una metodología que logra hallazgos tempranos con bajo presupuesto.

40
Minutos
Icon_card_pruebas_react
4. No es tu culpa, hay puertas mal diseñadas por todo lado
Video
Este video trata sobre puertas. Joe Posner investiga con la ayuda de 99% Invisible, un maravilloso podcast.
6
Minutos
Icon_card_pruebas_angular
5. Principles of Human-Centered Design (Don Norman)
Video
El diseño centrado en el ser humano (HCD) no se trata de seguir procesos. Se trata de tener en cuenta los principios de HCD y mantenerse enfocado en las personas para resolver los problemas correctos.
3
Minutos
Icon_card_PWA
6. Diseño centrado en el usuario: una visión estratégica
Artículo
Hace varias décadas que venimos hablando de la importancia de centrarnos en los usuarios y en generarles valor, entonces ¿por qué seguimos generando proyectos que no funcionan?
3
Minutos
Icon_card_curso_ract
7. Solución a problemas complejos con Pensamiento de Diseño
Ejercicio
El objetivo de este ejercicio es hacer un abordaje preliminar de un problema complejo que podría ser resuelto a través de Design Thinking.
30
Minutos
Icon_card_documento
1. Design Kit
Guía

Métodos disponibles en línea, organizados en tres fases: inspiración, ideación e implementación. 

Dedicación
Libre
Icon_card_PWA
2. IDEO Method Cards
Guía
51 tarjetas divididas en 4 categorías: Aprende, Observa, Pregunta y Prueba.
40
Minutos
Icon_card_google_slides
3. 18F Method Cards
Sitio web

Métodos para apoyar proyectos de desarrollo de software. Las tarjetas se pueden navegar online en 4 fases: Descubrir, Decidir, Crear y Validar. Las plantillas PDF están disponibles para descargar.

Dedicación
Libre
Icon_card_react_native_curso
4. Case Studies - Ideo Design Kit
Sitio web

Estas historias inspiradoras de innovación e impacto muestran cómo el Diseño Centrado en las Personas obtiene resultados reales.

Dedicación
Libre
Icon_card_PWA
1. ¿Cómo conseguir tu primer trabajo en experiencia de usuario?
Artículos
Explora diferentes alternativas para iniciarte en el mundo laboral, desde ser un empleado de tiempo completo, hasta un consultor independiente.
10
Minutos
Icon_card_gatsby
2. Construye una hoja de vida convincente
Artículo
Descubre la importancia de tener una HV bien diseñada, legible, con la información suficiente y coherente con lo que buscas y sabes hacer.
5
Minutos
ball_blue
3. La importancia de tener un portafolio
Artículos
Selecciona tus mejores proyectos, muestra todo el proceso, no solo el resultado; finalmente, utiliza los canales y plataformas adecuadas para compartir tu portafolio.
20
Minutos
Icon_card_diseno_atomico
4. Compártenos tu hoja de vida
¡Sé un Pragmático!
Si todavía no eres pragmático, te invitamos a compartir tu hoja de vida con nosotros, en Pragma estamos buscando personas curiosas y creativas como tú. Explora nuestras vacantes.
5
Minutos
Icon_card_pruebas_angular
1. Handoff para Desarrollo Frontend
Videos
Para la integración entre UI y Frontend, debes conocer cómo compartir los prototipos para que los desarrolladores encuentren las especificaciones técnicas de cada elemento de la interfaz.
11
Minutos
Icon_card_PWA
2. Métricas UX
Artículo
Una combinación de métricas cuantitativas y cualitativas pueden ayudarnos a entender cómo los usuarios utilizan nuestro producto y, así mismo, cómo mejorarlo.
5
Minutos
icon-FrontEnd-02
3. Concepto básico de Frontend
Fundamentos ruta Frontend
Entender cómo se materializan los diseños propuestos y validados, nos permite una mejor integración UI y Desarrollo Frontend. Descubre los conocimientos fundamentales sobre CSS, HTML, Media Queries, entre otros.
Dedicación
Libre
Icon_card_PWA
1. Técnicas básicas de priorización
Artículo
3 técnicas de priorización sencillas pero efectivas que se puede aplicar en proyectos tecnológicos y en otras áreas.
5
Minutos
Icon_card_gatsby
2. Arquitectura de información
Artículo
Conoce qué es la arquitectura de información y los diferentes tipos de estructuras.
4
Minutos
Icon_card_PWA
3. Flujos de usuario
Artículo
Un flujo de usuario es una representación gráfica de los caminos que puede tomar el usuario en una aplicación o un sitio web. Permite mejorar y optimizar la experiencia de los usuarios en su recorrido.
8
Minutos
Icon_card_gatsby
4. Wireframes y wireflows
Artículo
Conoce la importancia de los wireflows, una combinación de wireframes y flujos de usuario.
10
Minutos
Icon_card_PWA
5. Protocolos y pruebas de usabilidad
Artículo
Las pruebas de usabilidad son una herramienta fundamental para evaluar si las personas comprenden de forma intuitiva cómo usar una aplicación o un sitio web antes de salir a producción.
4
Minutos
Icon_card_gatsby
6. Integración UX y UI
Documento
El trabajo en equipo UX/UI tiene como propósito ofrecer al usuario un diseño hermoso y que genere emoción, a la vez que este producto o servicio sea pertinente y útil. Te presentamos recomendaciones para lograr este propósito, identificando actividades y artefactos de este equipo.
2
Horas
Icon_card_PWA
1. Benchmark visual
Documento
Se trata de realizar un comparativo frente a competidores o referentes en términos del lenguaje visual, patrones de interacción, tratamiento cromático y tipográfico, estructuración de contenido, entre otros.
5
Minutos
Icon_card_pruebas_react
2. Moodboard
Video
Es una colección de ideas visuales que pueden servir como base para orientar la estética de un producto; así mismo, puede ser un ejercicio colaborativo para enriquecer el proceso.
47
Minutos
Icon_card_gitgalaxy
3. Tendencias de diseño visual
Sitios de referencia
Nuca sobra un poco de inspiración, por este motivo te presentamos algunos sitios donde puedes encontrar tendencias y referencias para el diseño de producto en términos visuales.
Dedicación
Libre
Icon_card_gatsby
4. Storyboard (conceptualización)
Artículo
Aprende qué es y cómo se hace un storyboard para que presentes tus ideas de manera visual y fáciles de entender.
12
Minutos
ball_blue
1. Guias de estilos UI
Artículo
La guía de estilo es un artefacto en constante evolución que permite conocer las especificaciones técnicas y visuales de cada elemento o componente UI para ser reutilizado, también permite la escalabilidad y el crecimiento organizado de los proyectos.
8
Minutos
ball_doc
2. Sistemas de diseño
Artículo
Utilizar una colección de componentes repetibles y un conjunto de estándares a nivel de marca, UI e interacción, permite crear productos y soluciones con mayor velocidad y consistencia.
13
Minutos
Icon_card_PWA
3. Prototipos de baja y alta fidelidad
Artículo
Los prototipos permiten explorar ideas antes de invertir tiempo y dinero en el desarrollo de una solución. Así mismo, trabajar con prototipos proporciona la posibilidad de validar rápidamente funcionalidades con usuarios reales.
11
Minutos
ball_udemy1
4. Herramientas para prototipado y wireframing
Curso
Actualmente, en el mercado existen múltiples opciones para prototipar: Figma, Adobe XD, Ux Pin, Invision, Marvelapp, entre otras. Acá te compartimos un curso de Figma exclusivo para los Pragmáticos.
3.5
Horas
Icon_card_gatsby
5. Atomic Design Metodología
Artículo
Atomic Design es un método que te permite diseñar y estructurar tus interfaces de manera organizada, escalable y jerarquizada con un conjunto de bloques: átomos, moléculas, organismos, plantillas y páginas.
15
Minutos
Icon_card_angular_animation
6. Microinteracciones
Video
Las microinteracciones son esos pequeños detalles que, además de enriquecer la experiencia del usuario, facilitan una conexión cercana entre las personas y el sistema; también, les ayudan a entender lo que está pasando en su interacción.
42
Minutos
Icon_card_curso_ract
7. Hacer un prototipo priorizado
Ejercicio
El objetivo de este ejercicio es materializar la solución de un problema o necesidad a través de un prototipo gráfico interactivo básico. Usa la plataforma de diseño que prefieras.
Dedicación Libre
Horas
Icon_card_google_slides
1. Entender necesidades del cliente y el proyecto
Board
Por medio del “Canvas estratégico” un lienzo creado por Pragma, podemos hacer un diagnóstico sobre el estado del proyecto: las necesidades del cliente, objetivos, usuarios, tecnologías, etc.
15
Minutos
ball_blue
2. Diseño de investigación: objetivos, participantes y técnicas
Documento y artículos
Definir los objetivos, los participantes y las técnicas de investigación a aplicar es fundamental para entender los dolores de las personas y guiar el diseño de una solución.
30
Minutos
Icon_card_javascript
3. Aprende a realizar entrevistas
Artículo
Aprender a diseñar y realizar entrevistas, tal vez, la técnica de investigación cualitativa más usada.
30
Minutos
ball_blue
4. Análisis de tendencias
Portales
La investigación de tendencias consiste en el análisis de patrones del mercado y la sociedad en general identificando oportunidades para la innovación.
Dedicación
Libre
Icon_card_gatsby
5. Benchmark
Documento
El Benchmark es un análisis estratégico de la competencia directa e indirecta del proyecto que estamos desarrollado. Con este análisis podemos tener una referencia de los procesos, productos y servicios ya existentes en el mercado.
20
Minutos
ball_blue
6. Presentación de resultados
Artículos y videos
Cuando presentamos los resultados de nuestra investigación a manera de historia, es más probable que las personas indicadas se involucren y conecten con los hallazgos de la investigación.
2
Horas
Icon_card_diseno_atomico
7. Plantear un proyecto de investigación
Ejercicio práctico
El objetivo de este ejercicio es abordar un problema o necesidad a través de un proyecto básico de investigación: entendimiento, metodología y análisis de datos.
Dedicación
Libre
curva_top

Explora más contenido
dentro de Academia Pragma

Más Pragmáticos como tú, también tienen mucho que enseñar y han compartido su conocimiento en nuestra Academia. Hemos seleccionado algunas entradas que seguro, te ayudarán en tu viaje de conocimiento.

FONDO BLOG H GRANDE

4 pilares del UX Research para el mejoramiento continuo

Uno de los principales retos que tenemos como aliados de nuestros clientes es acompañarlos en la gestión de sus activos digitales a través del mejoramiento continuo. En este proceso, el UX Research es una herramienta decisiva. Por eso, en este artículo les contaré un ejemplo práctico de sus 4 pilares.

Ver más →
h_diseño_estrategico_oculto

El valor oculto del diseño estratégico en UX

Para aprovechar el valor oculto del Diseño Estratégico es fundamental entender tres principios: diseños logrables en ambientes de desarrollo, alcanzar los objetivos del negocio; y por último, diseñar productos y servicios deseables ante los ojos de los usuarios finales.

Ver más →
h_confesiones_de_un_disenador_ux

Confesiones de un diseñador UX: ¿Cómo tratar con clientes difíciles?

Quizás tanto tú como yo hemos visto la implacable mirada de negación de un cliente o peor aún, varios de ellos al mismo tiempo. Quizás, también nos hemos enfrentado en discusiones interminables en las que nos sentimos derrotados

Ver más →