‹ Volver a la guía del mockup

Calma: antes y después

Dijiste que todavía había mucha información a la vez y que no siempre se sabe qué estás viendo. Probé la regla más estricta en tres pantallas de la oficina antes de llevarla a las 42. El showroom ya quedó como la versión A.

1El nombre de la pantalla, grandeArriba siempre dice dónde estás: «Portafolio», «Finanzas · Mis plazas».
2Debajo, la respuestaUna frase: «1 plaza abierta y 1 en alta».
3Máximo 3 bloquesCada uno con título grande y una línea que dice qué es. Las gráficas dicen «Gráfica».
Lo demásDetrás de «Ver más»Nada se borró: cifras, barras, notas y listas completas siguen a un toque.

Qué te toca decidir

  1. Si estas tres pantallas ya se sienten tranquilas y claras, la regla se aplica igual a las otras 39 (oficina, finanzas, operación, copiloto y portal del inquilino).
  2. Si algo todavía abruma, dime en qué pantalla y qué parte, y lo ajusto antes de seguir.
Ronda 1 · el showroom (elegiste la A) ›
1Una respuesta grandeEl título contesta lo que vienes a buscar: «49 locales libres».
2Una cosa que hacerUn solo botón o gesto claro: toca lo verde, «Me interesa».
3La plazaEl render o el plano siguen al centro, como te gustó.
Lo demásDetrás de «Ver más»Rentados, apartados, sin dato, leyenda, conteos, marcas y medidas siguen ahí, a un toque.
ANTES

Todo a la vista

  • 13 banderas con conteo sobre el render.
  • 13 tarjetas abajo, leyenda de 4 colores y un párrafo.
  • El edificio abre plano con todos los estados más una tarjeta de 4 bloques.
Abrir el de antes
A

Solo lo libre

  • Solo se pintan los edificios que tienen libres; cada uno lleva un círculo con su número.
  • El nombre sale al pasar el cursor. Rentados y sin dato aparecen con «Ver todos los edificios».
  • En el edificio, el plano solo colorea los libres y la tarjeta es su lista.
Abrir A
B

Un edificio a la vez

  • El render queda limpio: solo el edificio en turno se pinta y los otros con libres son un punto chico.
  • Una tarjeta abajo recorre los 10 edificios con libres, del que tiene más al que tiene menos (flechas o ← →).
  • En el edificio manda el tamaño: cada libre es una ficha con sus m²; el plano, con un botón.
Abrir B

Ronda 1: elegiste la A («Solo lo libre») y ya es el showroom del mockup. La B se queda aquí solo como referencia.