Clase 11 – Maze

Maze es una plataforma para poder realizar pruebas no moderadas de usabilidad.En el trabajo final la usamos conectándola con figma, haciendo que reconozca los flujos y crea un prototipo funcional combinado con preguntas parsa realizar una acción o tarea. Como resultados podemos obtener información como los misclicks del usuario, mapas de calor donde tocaron mas … Sigue leyendo Clase 11 – Maze

Clase 10 – Prueba de usabilidad / Lookback

Lookback es una plataforma que permite realizar pruebas moderadas con participantes reales. Funciona enlazando una url y mostrando en tiempo real lo que los participantes estan haciendo. Se indica un escenario para cada tarea y los participantes interactúan con el prototipo. Al ser una prueba moderada permite escuchar al participante mientras interactúa con el prototipo, … Sigue leyendo Clase 10 – Prueba de usabilidad / Lookback

Clase 9 – Pruebas de usabilidad

Estas consisten en prueban de nuestro producto con participantes reales para poder observar su comportamiento y saber a tiempo si les produce frustraciones o alegrías nuestro diseño. ¿Qué se necesita para hacer una prueba de usabilidad? Un prototipo navegable.Una cámara o software de grabación.Incentivos opcionales (Ej. Gift Cards, dinero, etc.)El guion de la prueba.Métricas de … Sigue leyendo Clase 9 – Pruebas de usabilidad

Clase 7 – Continuación Atomic Design / Variantes de Figma

El día de hoy continuamos con el sistema de diseño de nuestra aplicación. Creamos las partes mas pequeñas de nuestro sitio, tales como botones, íconos, mapas, hasta elementos desplegables, utilizando una herramienta útil que ofrece Figma, las variantes. Las variantes brindan una gama de nuevas posibilidades a los componentes y los sistemas de diseño escalables. A … Sigue leyendo Clase 7 – Continuación Atomic Design / Variantes de Figma

Clase 6 – Atomic Design

Es una metodología que permite organizar en pequeños componentes una interfaz. Estos se van integrando uno a uno para lograr armar elementos mas grandes y complejos, ya sean "moléculas", "organismos", templates, hasta páginas completas. El elemento mas pequeño se denomina "Átomo", estos pueden ser: ÍconosEtiquetasBotonesInputsTextos Atomic Design es un método que está en la intersección … Sigue leyendo Clase 6 – Atomic Design

Clase 5 – Design systems

Un sistema de diseño es un conjunto de estándares de diseño digital y de marca que se utiliza para administrar el diseño a escala con objetivo de eliminar la redundancia y potenciar la coherencia visual en diferentes páginas y canales. Estos estándares se documentan en plataformas como zeroheight, confluence o frontify. Un sistema de diseño … Sigue leyendo Clase 5 – Design systems

Clase 4 – Figma

Hoy en clases empezamos con el Diseño de Interfaces y de interacción. Para esto utilizamos Figma, un editor de gráficos vectorial y una herramienta de generación de prototipos, principalmente basada en la web, con características off-line adicionales habilitadas por aplicaciones de escritorio en macOS y Windows.  El conjunto de funciones de Figma, se enfoca en el uso de la interfaz de usuario y … Sigue leyendo Clase 4 – Figma

Clase 3 – Benchmark

Es una práctica que permite comparar las empresas de un determinado sector industrial o nicho de mercado, usando los mismo criterios. Porque hacer un benchmark La evaluación comparativa nos permite evaluar nuestro impacto y mejora. Es útil para reflexionar sobre el proceso y las opciones de diseño. La evaluación comparativa puede aportar mucho valor a … Sigue leyendo Clase 3 – Benchmark

Clase 2 – Customer Journey

En su forma más básica, el mapeo de viajes comienza compilando una serie de objetivos y acciones del usuario en un esqueleto de línea de tiempo. A continuación, el esqueleto se completa con los pensamientos y emociones del usuario para crear una narrativa. Finalmente, esa narrativa se condensa en una visualización utilizada para comunicar ideas que informarán … Sigue leyendo Clase 2 – Customer Journey

Clase 1 / Inicio módulo 5 – Propuesta de valor

“Una propuesta de valor es una declaración que responde al "por qué" las personas debe adquirir un servicio o producto con usted. Debe convencer al consumidor o al cliente potencial de por qué su servicio o producto será de más valor para ellos que ofertas similares de su competidores” ¿Qué es el Value Proposition Canvas? … Sigue leyendo Clase 1 / Inicio módulo 5 – Propuesta de valor