Convivencia · App de vivienda compartida

Caso de estudio · UX/UI · Auditoría y rediseño

Una app para gestionar tareas, gastos compartidos y comunicación entre compañeros de casa. Le apliqué la misma auditoría rigurosa que a AgendAPP — heurísticas, accesibilidad y consistencia — sobre las 6 pantallas centrales del producto.

RolAuditoría UX/UI + rediseño

HerramientasFigma, heurísticas Nielsen, WCAG 2.1 AA

AlcanceUsabilidad, UI, accesibilidad, flujos

Resultado12 hallazgos · 6 pantallas corregidas

El contexto

Roomie centraliza lo que suele generar fricción entre compañeros de casa: quién paga qué, quién hizo qué tarea, y un canal directo para coordinar. Antes de darla por cerrada, la sometí a una auditoría real — porque en una app donde circula plata y responsabilidades compartidas, los detalles de UX no son estética: son la diferencia entre una convivencia tranquila y una discusión por $1.000.

El proceso

Evalué Home, Tareas, Gastos, Chat y Pánico contra las heurísticas de Nielsen, accesibilidad WCAG 2.1 AA y consistencia interna del sistema.

Hallazgo

Categoría

Prioridad

El botón de Pánico se activa con un solo tap, sin confirmación

Usabilidad

Alta

Error de formato en el monto del arriendo ($800.0000)

UI

Alta

Dos botones de pago con el mismo peso visual, sin distinguir su función

Usabilidad

Alta

Sin estados vacíos, de error ni de carga en ninguna pantalla

Usabilidad

Alta

Colores de tareas sin leyenda que explique qué representan

UI

Media

Carrusel de días cortado sin indicar que se puede desplazar

Usabilidad

Media

División de gasto sin explicar su propio redondeo

Flujo

Media

Mensajes de chat sin nombre visible, solo foto de perfil

Usabilidad

Media

Estado de tareas codificado solo por color

Accesibilidad

WCAG 1.4.1

Contraste de texto claro sobre fondo naranja medio

Accesibilidad

WCAG 1.4.3

El rojo de "Pánico" no se distingue lo suficiente del resto del sistema

UI

Media

Antes / Después

Cada corrección responde directo a un hallazgo de la tabla anterior — comparación real de producción contra la propuesta corregida.

1

Antes

Después

Qué cambió: flecha + degradé para mostrar que el carrusel de días se puede deslizar, y una leyenda que explica que cada color de tarea corresponde a un roomie distinto.

2

Antes

Después

Qué cambió: misma leyenda de colores por roomie que en Home, para que el mismo código visual signifique lo mismo en toda la app.

3

Antes

Después

Qué cambió: $800.0000 → $800.000. Botones renombrados y jerarquizados ("Pagar aquí" primario vs. "Ya pagué afuera" secundario) y nota de redondeo para evitar roces por diferencias de $1 entre roomies.

4

Antes

Después

Qué cambió: nombre visible sobre cada burbuja de mensaje — con 3 o más compañeros, identificar solo por foto de perfil obliga a memorizar avatares.

5

Antes

Después

Confirmación

Qué cambió: el hallazgo más crítico de la auditoría. El copy original ya advertía sobre el riesgo de falsas alarmas, pero un solo tap bastaba para enviar la alerta. Ahora requiere mantener presionado 3 segundos más un modal que confirma a quién se le avisará — dos barreras antes de disparar una alerta real.

Reflexión

En una app donde circula dinero compartido y hay un botón de emergencia real, la usabilidad no es un detalle estético — es lo que evita conflictos entre personas que viven juntas. El typo de un monto o un botón sin confirmación no son bugs menores en este contexto: son el tipo de fricción que Roomie existe precisamente para eliminar.

Puedo auditar tu app o sitio con el mismo rigor — heurísticas, accesibilidad y consistencia — y entregarte un plan de correcciones accionable.