05 · Wireframes
Estructura antes que estilo.
Primeras versiones en baja fidelidad: sin color ni tipografía final, para decidir jerarquía y orden. Estos cuadros se obtuvieron quitando el estilo a las pantallas finales para mostrar la estructura.
Diseño de una app para registrar gastos compartidos entre convivientes y saldar con una transferencia.
Quienes alquilan con otras personas suelen anotar los gastos en una planilla o en el chat del grupo. Con el tiempo, nadie sabe bien quién pagó qué ni cuánto debe.
Mitad es una app para registrar los gastos del hogar y saber en cada momento quién le debe a quién, pensada para pesos argentinos y para saldar con una transferencia.
Cuando las cuentas no están claras, aparece la incomodidad de reclamar. Eso afecta la convivencia más que el monto.
Plan de investigación para este proyecto. Los hallazgos de abajo son hipótesis de partida, no resultados.
5 a 8 personas que comparten vivienda: cómo anotan hoy los gastos y qué los frustra.
Frecuencia de gastos compartidos, medio de pago y herramienta que usan hoy.
Relevar apps de división de gastos existentes: qué resuelven y qué no para el uso en Argentina.
| Alternativa | Lo que ofrece | Lo que probablemente falla |
|---|---|---|
| Planilla compartida | Flexible y gratuita | Hay que armar las fórmulas; difícil de usar desde el celular |
| Chat del grupo | Todos ya lo usan | Los gastos se pierden entre mensajes; nadie suma |
| Apps de división de gastos | Calculan saldos | A relevar: soporte para alias y pesos, y la fricción para saldar |
Diseñadora freelance. Comparte depto con dos amigos desde hace un año.
Necesita: anotar rápido lo que paga y no hacer cuentas.Empleado de oficina. Paga bastante desde la app del banco y se olvida de avisar.
Necesita: ver cuánto debe y pagar sin vueltas.| Se acuerda | Revisa saldo | Paga | Confirma | |
|---|---|---|---|---|
| Acciones | Recibe un aviso del grupo | Abre el grupo y mira su saldo | Copia el alias y transfiere desde su banco | Vuelve y toca “Ya pagué” |
| Piensa | “Seguro debo algo” | “¿Cuánto es y a quién?” | “Que no se me pierda el alias” | “Que quede registrado” |
| Ánimo | ||||
| Oportunidad | Aviso claro | Saldo en una frase | Alias copiable | Confirmación y estado “al día” |
Ánimo estimado a partir de los supuestos, para validar en entrevistas.
| Debe | Debería | Podría | Por ahora no |
|---|---|---|---|
| Grupos · Agregar gasto · Dividir · Saldo · Saldar con alias | Elegir quiénes participan · Historial | Recordatorios · Gastos recurrentes | Pagos dentro de la app · Escaneo de tickets |
Decisión de flujo: el monto va primero porque es lo que la persona tiene en la cabeza; el resto tiene valores por defecto (paga “Vos”, partes iguales entre todos).
Primeras versiones en baja fidelidad: sin color ni tipografía final, para decidir jerarquía y orden. Estos cuadros se obtuvieron quitando el estilo a las pantallas finales para mostrar la estructura.
Dos colores con significado: verde para lo que está bien o a favor, coral para lo que se debe. Nunca se usa el color solo: siempre va acompañado de palabras (“Debés”, “Te deben”).
El prototipo está construido en HTML, CSS y JavaScript. Los saldos se calculan en tiempo real: cargá un gasto, elegí quiénes participan y mirá cómo cambia el saldo; después saldá la deuda.
Abrir el prototipoContraste calculado con la fórmula de WCAG 2.1 (mínimo 4,5:1 para texto normal).
| Par | Colores | Ratio | Mínimo | Resultado |
|---|---|---|---|---|
| Aa Texto principal | #14231F sobre #F7F5F0 | 14.9:1 | 4.5:1 | Cumple |
| Aa Texto secundario | #5E6F69 sobre #F7F5F0 | 4.9:1 | 4.5:1 | Cumple |
| Aa Botón principal | #FFFFFF sobre #0E7C66 | 5.1:1 | 4.5:1 | Cumple |
| Aa Coral original como texto (descartado) | #E5502F sobre #F7F5F0 | 3.5:1 | 4.5:1 | No cumple |
| Aa Deuda (coral oscuro, en uso) | #B93A1E sobre #F7F5F0 | 5.2:1 | 4.5:1 | Cumple |
| Aa Saldo a favor | #09604F sobre #F7F5F0 | 6.9:1 | 4.5:1 | Cumple |
| Aa Saldo sobre tarjeta oscura | #FFFFFF sobre #14231F | 16.3:1 | 4.5:1 | Cumple |
Plan listo para ejecutar con 5 personas que compartan vivienda. Los resultados todavía no existen; se completan al hacer la prueba.
| Tarea | Éxito si… | Se mide |
|---|---|---|
| 1. Cargar un gasto de $15.000 compartido con dos personas | Lo guarda sin ayuda | Tiempo y errores |
| 2. Decir cuánto debe en el grupo | Lee el saldo correcto | Éxito y comprensión |
| 3. Saldar su deuda | Copia el alias y confirma | Tiempo y dudas |