Scan Audience
Scan Audience es una herramienta avanzada diseñada para evaluar el rendimiento de su marca y realizar comparaciones con otras marcas en el mercado.
La plataforma presentaba fricción en puntos importantes, no comunicaban claramente el valor del producto ni guiaban al usuario hacia las acciones principales.
Rol
Lead UI/UX Designer
Investigación, diseño, testing
Equipo
5 personas
1 diseñador, 3 Developers, 1 PM
Duración
6 meses
Octubre 2025 - Enero 2026
Problemas
A partir de feedback interno y observación de uso, se detectaron los siguientes problemas:
- El login no comunicaba claramente el propósito de la plataforma
- El Home no presentaba información de utilidad
- Los usuarios tardaban en identificar la acción principal
- Existía poca jerarquía visual y sobrecarga cognitiva
Estos factores afectaban la experiencia del usuario y la adopción del producto.
Objetivos
Objetivos UX
- Rediseño pantallas principales
- Reducir y agrupar información
- Diseñar una experiencia consistente
- Actualizar UI en general
Objetivos de negocio
- Captar nuevos clientes y aumentar el reconocimiento de marca
Investigación
Se realizó una investigación ligera, enfocada únicamente en las pantallas a rediseñar:
- Análisis heurístico de usabilidad
- Análisis de la competencia
- Encuestas a usuarios activos.
- Investigación de navegación de usuarios usando herramientas como Clarity y Posthog
Encuestas a usuarios
Muestra: 50 participantes · Febrero 2026
Perfil del usuario
Satisfacción general
62%
"Satisfecho"
28%
Neutros
Funcionalidad más utilizada
Calificación de atributos (escala 1–5)
● Punto crítico a resolver
Voz del usuario
“Me encanta la profundidad de los datos, pero a veces me pierdo entre tantas pestañas e información. Hay demasiada información y no sé por dónde empezar.”
“La información es muy valiosa, pero la interfaz se ve muy saturada de colores y desordenada. Difícil lectura.”
“Me gustaría poder elaborar mis propios reportes con la información que necesito. Además descargar los reportes en diferentes formatos, no solo en PDF.”
User Journey Map - Creación de espacios
Persona: Valeria Martínez · Social Media Manager
Escenario: Valeria necesita crear un espacio para comparar el rendimiento de su marca contra 3 competidores clave para presentarlo en una reunión de estrategia en 20 minutos.
| 1. Descubrimiento | 2. Crear espacio | 3. Agregar páginas | 4. Análisis | |
|---|---|---|---|---|
| Acción | Entra a la plataforma y busca la sección de "Espacios". | Debe seleccionar de las páginas que ha ingresado, si no hay ninguna debe ingresar páginas. Esto le redirige a la sección de "Páginas" Saliendo de la creación de espacios | Agrega las páginas que requiere para su análisis y vuelve a la creación de espacios. | Da un primer vistazo al tablero de análisis. |
| Pensamiento | "Espero que sea una comparación rápida y sencilla." | "¿Por qué no puedo agregar páginas desde la creación de espacios?" | "¿Cómo debo ingresar las páginas?" | "¿Qué información me brinda este Tablero? ¿Cómo puedo comparar con competidores?" |
| Emoción | 🙂Neutral / Expectante | 🤨Confundida | 😕Frustrada | 😨Abrumada |
| Punto de dolor | ⚠No hay un flujo claro para la creación de espacios. | ⚠No es posible agregar páginas desde la creación de espacios. Es necesario salir de la creación de espacios para agregar páginas. | ⚠Poco intuitivo cómo agregar páginas | ⚠El dashboard inicial tiene demasiada información. |
Oportunidades de diseño
Fase 1 · Descubrimiento
¿Cómo podríamos dar una acceso directo a la creación de espacios?
Fase 2-3 Crear espacios/ Agregar páginas
¿Cómo podríamos simplificar la creación de espacios y el flujo de agregar páginas?
Fase 4 · Análisis
¿Cómo podríamos sintetizar la información del dashboard y hacerla más intuitiva?
User Journey Map — Flujo de Comparativa
Persona: Jimmy Alvear · Analista de datos
Escenario: Jimmy necesita comparar el rendimiento de su marca contra un competidor específico en el último trimestre.
| 1. Navegación Inicial | 2. Configuración | 3. Ejecución | 4. Resultados | |
|---|---|---|---|---|
| Acción | Busca en las pestañas la opción "Comparativa". | Busca donde seleccionar las páginas y la fecha de inicio y fin. | Busca el botón "Aplicar" para generar la comparativa. | Analiza la comparativa generada. |
| Pensamiento | "Hay muchas pestañas, ¿dónde está la comparativa?" | "¿Cómo selecciono las páginas y la fecha de inicio y fin? No encuentro el selector de fechas... Ah, está escondido en este dropdown gris." | "¿Por qué no se aplican los cambios? Ah, tengo que apretar el botón de aplicar." | "Por fin... pero tuve que repetir el proceso dos veces para la segunda columna." |
| Emoción | 🤨Neutral | 😫Agobiada | 🤯Perdida | 😤Agotada |
| Punto de dolor | ⚠Demasiada información: hay demasiadas pestañas en el tablero | ⚠Accesibilidad pobre: los selectores de página y fecha parecen texto plano, no campos clickeables. | ⚠Jerarquía visual nula: el botón "Aplicar" compite con otros 5 colores brillantes. | ⚠Sin bulk action: tiene que configurar columna por columna; no es intuitivo. |
Oportunidades de diseño
Fase 2 · Configuración
¿Cómo podríamos simplificar la configuración de selección de páginas y fechas?
Fase 3 · Ejecución
¿Cómo podríamos destacar el botón de 'Aplicar' para que sea más intuitivo?
Fase 4 · Resultados
¿Cómo podríamos sintetizar la información del la comparativa y hacerla más intuitiva?
Análisis heurístico
Se realizó un análisis heurístico de la plataforma para identificar ciertos problemas de usabilidad.
UI
Se identificaron los siguientes problemas de usabilidad en la plataforma:
Home
Añadir páginas
Crear espacios
Tablero
Diseño
Se trabajo en el rediseño de la plataforma, aplicando los aprendizajes obtenidos del research. Las principales mejoras fueron:
- Pantalla Inicio
- Pantalla Añadir páginas
- Pantalla Crear espacios
- Pantalla Tablero/Comparativa
Pantalla Inicio
Se agregó dos secciones nuevas en la pantalla de inicio, para que el usuario pueda tener un acceso directo a opciones que antes no tenia.
Funcionalidad: La pantalla de inicio pasoo de ser una pantalla sin funcionalidad a una pantalla con accesos rápidos a las funcionalidades de la plataforma.
Acceso directo a espacios: Ahora el usuario puede ver sus espacios en la pantalla de inicio, y puede acceder a ellos directamente.
Acceso directo a añadir páginas: El usuario puede ver/añdir páginas de manera rápida.
Añadir páginas
Se rediseño la pantalla de añadir páginas, mejorando la usabilidad y la experiencia del usuario.
Input de agregar páginas: Se le dió más prominencia al input de agregar páginas, para que el usuario pueda encontrarlo más fácilmente.
Páginas agregadas: Ahora el usuario puede ver las páginas que tiene agregadas e una manera más clara y organizada.
Ayudas: Se agregaron ayudas visuales, hints, tooltips y descripciones, para que el usuario pueda entender mejor cada sección.
Creación de espacios
La creación de espacios era un proceso que requería de varios pasos, y que no era muy claro para el usuario. Primero el usuario tenia que ingresar páginas y en otro processo crear espacio seleccionando las páginas que quiere monitorear.
Creación de espacios
Ahora puede crear espacio y agregar páginas en un solo proceso, haciendo el flujo más simple y claro para el usuario.
Agregar páginas: Ahora el usuario puede agregar y seleccionar páginas mientras crea el espacio, haciendo el flujo más simple y claro para el usuario.
Páginas seleccionadas: Visualizar de manera clara las páginas que se han seleccionado para el espacio.
Usabilidad: Se mejoró la usabilidad del formulario de creación de espacios, haciendo que el usuario pueda entender mejor cada sección.
Tablero/Comparativa
Creación de espacios
Se rediseño el tablero y la comparativa, estandarizando la información, mejorando la jerarquía de información, manteniendo una experiencia consistente.
Jerarquía de información: Se mejoró la jerarquía de información, haciendo que el usuario pueda entender mejor cada sección.
Menos pestañas: Se redujo el número de pestañas, haciendo que el usuario pueda entender mejor cada sección.
Comparativa mejorada: Se mejoró la comparativa, haciendo que el usuario pueda compararse con otros usuarios de manera más clara y eficiente.
Resultados e impacto
- Mejora en la comprensión inicial de la plataforma
- Reducción del tiempo que los usuarios tardan en identificar acciones clave
- Jerarquía visual consistente
- Feedback positivo por parte de usuarios internos y stakeholders
Aprendizajes
Flujo ordenado hace la diferencia:Mantener un orden claro, con jerarquía visual y una UI clara. Mejora la primera impresión y la adopción de la plataforma.
Aplicar heurísticas clave: La validación y aplicación de heurísticas puede ser el punto de partida para mejorar y homologar el diseño. Pueden ser clave al momento de diseñar para saber como queremos comunicar nuestros diseños.
Jerarquía de información: La jerarquía de información es clave para que el usuario pueda entender mejor cada sección. Mantener colores, iconos , tamaños, tipografías, etc. consistentes ayudan a comunicar la información de manera clara y eficiente.
Más proyectos
