Herramientas on Fernando Ruiz

Condens

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Condens es una plataforma de repositorio de investigación de usuarios (Research Repository) y una herramienta de análisis cualitativo. Al igual que su principal competidor, [[Dovetail]], ayuda a los equipos a centralizar, analizar y compartir los datos de su investigación para construir un conocimiento continuo y accesible sobre sus usuarios.

¿Qué es Condens?

Imagina que eres un detective y cada entrevista o prueba de usabilidad es una pista. Acumulas notas, videos y observaciones. Un repositorio como Condens es tu tablero de investigación digital: un lugar central donde pones todas las pistas, las conectas con hilos rojos (etiquetas) y descubres el patrón para resolver el caso. No es solo un lugar para guardar archivos, es una herramienta para construir conocimiento.

Dovetail

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Dovetail es una plataforma de investigación de usuarios y un repositorio de datos cualitativos. Ayuda a los equipos a organizar, analizar y colaborar en los datos de su investigación (como transcripciones de entrevistas, notas, videos) para encontrar patrones y compartir insights de una manera centralizada y accesible.

¿Qué es Dovetail?

Imagina una biblioteca para el conocimiento de tus usuarios. En lugar de libros, las estanterías contienen tus [[Entrevistas de Usuario|entrevistas]], grabaciones de [[Pruebas de Usabilidad|pruebas]], y respuestas de encuestas. Dovetail es esa biblioteca. Te permite no solo almacenar estos “libros”, sino también subrayar los pasajes más importantes (highlights), ponerles notas adhesivas (tags) y luego agrupar todas las notas sobre un mismo tema para escribir un resumen (un insight).

FigJam

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

La herramienta de pizarra de Figma para ideación colaborativa y síntesis—integrada sin inconvenientes con tus archivos de diseño.

¿Qué es FigJam?

FigJam es la respuesta de Figma a la pizarra colaborativa. Está construida en Figma, lo que significa que puedes saltar de un archivo de diseño a una pizarra sin salir de la app. Apoya colaboración en tiempo real, votación, notas adhesivas, dibujo y canvas infinito.

A diferencia de Miro (herramienta independiente), FigJam vive dentro de Figma. Si tu design system está en Figma, tu ideación puede suceder en FigJam justo al lado. Cambiar entre diseño e ideación es sin inconvenientes.

Figma para Diseñadores UX: Guía Completa

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Cómo usar Figma para wireframing, prototipos, colaboración y design handoff.

¿Qué es Figma?

Imagina una pizarra que nunca se llena, en la que tu equipo completo puede dibujar al mismo tiempo desde cualquier lugar del mundo, y que automáticamente guarda cada cambio—eso es Figma. Figma es una herramienta de diseño basada en web que te permite crear wireframes, mockups, prototipos interactivos y design systems todo en un solo lugar. A diferencia de herramientas de escritorio como Photoshop o Illustrator, todo vive en el navegador. No instalas nada. Abres un enlace, y tu equipo ya está allí, colaborando en tiempo real.

Google Analytics

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Google Analytics (GA) es una plataforma de analítica web gratuita de Google que rastrea e informa sobre el tráfico de un sitio web. Para los diseñadores de UX, es una fuente fundamental de [[Datos cuantitativos]] para entender a gran escala cómo los usuarios encuentran e interactúan con un producto digital.

¿Qué es Google Analytics?

Imagina que eres el gerente de un gran centro comercial. Google Analytics son las cámaras de seguridad y los sensores de movimiento. No te dicen si a la gente le gustó una tienda, pero te dan datos cruciales: cuántas personas entraron al centro comercial, por qué puerta lo hicieron, qué pasillos recorrieron, en qué tiendas pasaron más tiempo y en qué punto del recorrido se dieron la vuelta y se fueron.

Hotjar para UX

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de análisis de comportamiento que muestra dónde hacen clic, desplazan y pasan tiempo los usuarios—datos visuales sobre comportamiento real del usuario.

¿Qué es Hotjar?

Hotjar es análisis de comportamiento para sitios web. Graba sesiones de usuario y crea heatmaps mostrando dónde hacen clic, se desplazan y pasan tiempo los usuarios. Ves comportamiento real del usuario, no suposiciones.

Hotjar responde: “¿Dónde miran los usuarios? ¿Dónde hacen clic? ¿Dónde se quedan atrapados?” Las grabaciones de video muestran usuarios reales lucha. Los heatmaps muestran patrones agregados.

Lyssna

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta ligera de recolección de feedback que recopila respuestas de usuarios a través de links simples—sin instalaciones requeridas.

¿Qué es Lyssna?

Lyssna es una plataforma de recolección de feedback para diseñadores. Pega un link a un prototipo, diseño o encuesta. Comparte el link. Recopila feedback de usuario. Eso es todo.

A diferencia de UserTesting o Respondent (que graban sesiones completas), Lyssna es ligera. Los usuarios responden preguntas que haces. Feedback rápido. Costo menor. Turnaround más rápido.

Maze

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Maze es una plataforma de “rapid testing” que se integra directamente con herramientas de diseño como Figma, Adobe XD y Sketch. Permite a los diseñadores probar sus prototipos rápidamente, recopilar feedback y obtener métricas cuantitativas de usabilidad de forma no moderada.

¿Qué es Maze?

Imagina que has diseñado un [[Prototipos|prototipo]] interactivo en Figma. Quieres saber si la gente lo entiende, pero no tienes tiempo para organizar 5 sesiones de [[Pruebas de Usabilidad]] moderadas. Con Maze, puedes enviar un enlace a tu prototipo a cientos de personas y, en cuestión de horas, obtener un informe automático con métricas como la tasa de éxito, los caminos que tomaron los usuarios y mapas de calor de clics.

Miro

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una pizarra digital infinita para diseño colaborativo, diagramas y alineación de equipo—esencial para equipos distribuidos.

¿Qué es Miro?

Miro es una plataforma de pizarra colaborativa que funciona como una pizarra física pero digital y síncrona. Múltiples personas pueden dibujar, escribir, agregar notas adhesivas y diagramar simultáneamente. La colaboración en tiempo real significa que todos ven actualizaciones instantáneamente.

Miro funciona para viajes de usuario, mapeamiento de empatía, mapas de sitio, brainstorming, personas, workflows y cualquier diagrama que requiera pensamiento de grupo. No es una herramienta de diseño como Figma; es una herramienta de pensamiento para equipos.

Mixpanel

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Mixpanel es una plataforma de analítica de producto avanzada que se centra en el seguimiento de eventos para entender el comportamiento del usuario a lo largo del tiempo. A diferencia de [[Google Analytics]] que está centrado en la página, Mixpanel está centrado en el usuario y en las acciones (eventos) que este realiza dentro de una aplicación.

¿Qué es Mixpanel?

Imagina que tu producto es un videojuego. [[Google Analytics]] te diría cuántos jugadores han entrado en cada sala del castillo. Mixpanel, en cambio, te diría cuántas veces el jugador “Link” ha usado la espada, cuántos han abierto el cofre del tesoro, y cuántos de los que consiguieron la espada siguen jugando una semana después.

Notion para UX

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de documentación y base de conocimiento que centraliza docs de UX, investigación, design systems y procesos de equipo—el hogar de tu sistema de diseño.

¿Qué es Notion para UX?

Notion es un workspace todo-en-uno para documentación. Los diseñadores lo usan para documentar design systems, hallazgos de investigación, especificaciones de diseño y procesos de equipo. No es una herramienta de diseño; es un repositorio de conocimiento.

Piénsalo como el wiki de tu equipo de diseño. Las especificaciones de diseño viven aquí. Las personas viven aquí. Las directrices de marca viven aquí. Los insights de investigación viven aquí. Todo interconectado con links y bases de datos.

Optimal Workshop

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un conjunto de herramientas para validación de arquitectura de información—card sort, tree test y click tests revelan cómo los usuarios organizan e encuentran información.

¿Qué es Optimal Workshop?

Optimal Workshop es una plataforma de investigación especializada en arquitectura de información (IA). Proporciona tres herramientas principales: card sorting, tree testing y first-click testing. Las tres miden cómo los usuarios organizan, navegan y encuentran información.

Card sorting pregunta: “¿Cómo organizarías estos items?” Tree testing pregunta: “¿Puedes encontrar este item en esta estructura?” First-click testing pregunta: “¿Dónde harías clic para encontrar este item?” Cada una revela aspectos diferentes de IA.

Principle

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de prototipado de animación solo para Mac que hace animaciones complejas fáciles—perfecta para microinteracciones y transiciones.

¿Qué es Principle?

Principle es una herramienta de prototipado solo para Mac especializada en animaciones. Si el prototipado de Figma se siente limitante para animaciones, Principle llena el vacío. Es creación de animación drag-and-drop sin aprender After Effects.

Principle excela en curvas de easing, timing y secuenciamiento de animaciones. Secuencias de animación complejas que toman horas en After Effects toman minutos en Principle.

ProtoPie

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de prototipado para interacciones complejas—animaciones, gestos, variables y lógica sin código.

¿Qué es ProtoPie?

ProtoPie es una herramienta de prototipado diseñada para interacciones complejas que el prototipado de Figma no puede manejar. ¿Necesitas un timer de cuenta regresiva? ¿Lógica de calculadora? ¿Flujos condicionales basados en entrada del usuario? ProtoPie lo maneja.

ProtoPie funciona así: importa diseños de Figma, añade interacciones a través del editor de ProtoPie y comparte vía link. Sin código requerido. El resultado es un prototipo interactivo que se siente como una aplicación real.

Storybook

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Storybook es una herramienta de desarrollo de código abierto para construir, probar y documentar componentes de UI de forma aislada. Permite a los desarrolladores crear componentes en un entorno de “sandbox” fuera de la aplicación principal, lo que facilita la visualización de todos sus estados y la colaboración con los diseñadores.

¿Qué es Storybook?

Imagina que estás construyendo un coche con piezas de LEGO. Storybook es como un taller donde puedes construir y probar cada pieza por separado antes de ensamblar el coche. Puedes construir el motor (un componente complejo) y probarlo por sí solo, o puedes construir una simple rueda (un botón) y ver todos sus colores y tamaños disponibles, todo sin necesidad de tener el chasis del coche completo.

Useberry

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Useberry es una plataforma de pruebas de usabilidad no moderadas, muy similar a [[Maze]]. Permite a los equipos de producto obtener feedback rápido y datos cuantitativos sobre prototipos, diseños y arquitecturas de información, integrándose con herramientas como Figma, Sketch y Adobe XD.

¿Qué es Useberry?

Imagina que has creado los planos interactivos de una casa en tu ordenador ([[Prototipos]]). Quieres saber si la gente encuentra fácilmente el baño desde la entrada, pero no puedes invitar a 200 personas a tu estudio para que lo prueben una por una. Useberry te permite enviar esos planos a 200 personas por internet, pedirles que “encuentren el baño” y te devuelve un informe detallado con los caminos que tomaron, dónde se perdieron y cuánto tardaron, todo de forma automática.

UserTesting.com

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

UserTesting.com es una de las plataformas de investigación de experiencia de usuario más grandes y conocidas. Permite a las empresas obtener feedback en video de usuarios reales interactuando con sitios web, aplicaciones, prototipos y más. Su principal propuesta de valor es su enorme panel de participantes, que permite obtener feedback de perfiles de usuario muy específicos en cuestión de horas.

¿Qué es UserTesting.com?

Imagina que necesitas la opinión de “madres de entre 30 y 40 años que vivan en México y hayan comprado un seguro de coche online en los últimos 6 meses”. Encontrar a estas personas por tu cuenta sería una tarea titánica. UserTesting.com es como una agencia de casting gigante para la investigación de usuarios. Tú defines el perfil exacto que necesitas, y ellos te proporcionan participantes que encajan en ese perfil, graban sus sesiones mientras realizan las tareas que tú les pides y te entregan los videos para que los analices.

Zeroheight

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Zeroheight es una plataforma online que permite crear, documentar y mantener sitios web de [[Sistema de Diseño]] de una manera centralizada y colaborativa. Se integra directamente con herramientas de diseño como Figma y herramientas de desarrollo como [[Storybook]] para crear una “fuente única de verdad” para todo tu sistema de diseño.

¿Qué es Zeroheight?

Imagina que tu [[Sistema de Diseño]] es un libro de cocina. Figma es donde diseñas las fotos de los platos (los componentes visuales). [[Storybook]] es donde los chefs escriben y prueban las recetas (el código de los componentes). Zeroheight es la editorial que coge esas fotos y esas recetas y las publica en un libro de cocina online, bonito y fácil de usar para que todo el mundo en el “restaurante” (tu empresa) sepa cómo cocinar los platos de forma consistente.