Huracanes · el rediseño ya construido: «Mi pueblo», «Qué hacer» y «Más» (5 de octubre)
LISTO, PERO NO PUBLICADO. La página pública sigue igual hasta que digas «publícalo».
Elegiste la C «Capas de color» con todo lo que te recomendé, y ya está hecha en la app real (no es maqueta). Cada tipo de dato lleva su color y su palabra. Lo oficial va primero, en una hoja color papel. «Qué hacer» es tu plan paso a paso y «Más» son baldosas ordenadas. Antes de enseñártelo, tres revisores independientes (uno para PC, otro para celular y otro que buscaba fallas de seguridad) lo revisaron con capturas, y corregí todo lo que encontraron. Todas las capturas son de la app real con datos reales: tu pantalla (iPhone, modo oscuro), modo claro y PC.
«Mi pueblo»: antes y ahora
Lo oficial (NHC, SMN y Protección Civil) va primero, en una hoja que se distingue de todo lo demás. Ya no se repite la cifra en un resumen. La frase que equilibra «menos de 3» («puede subir rápido: con Lorena…») va pegada a la cifra. Arriba hay 6 botones que te llevan a cada parte. Lo de abajo tiene su color: modelo (índigo), medido (verde azulado) e historia (lavanda).
Primera pantalla, en tu celular
Con una alerta de verdad (datos guardados de Polo, 28 de septiembre)
Con alerta vigente, la pastilla del color oficial va justo debajo del titular, donde se ve de inmediato. Las vigilancias del Gobierno de México y la cita del NHC quedan dentro de la hoja oficial. La emergencia sigue en blanco y negro, con «Llamar al 911» grande. Con un boletín viejo, todo lo que viene de él lleva la trama y dice «DESACTUALIZADO».
«Qué hacer»: antes y ahora
Es tu plan paso a paso. Eliges tu perfil en una barra. Las etapas llevan el punto de su color, y la de hoy va marcada. Si tocas otra etapa para ver qué pasaría, sale punteada, dice «Explorando · no es la etapa de hoy» y tiene un botón «Volver a hoy». También están los pasos 01–04, «Mi casa lista» con un anillo que cuenta lo que ya tienes y el 911 en su tarjeta oficial.
Primera pantalla
«Más»: antes y ahora
Son baldosas con ícono, título y una línea, en tres grupos: Oficial, Entender y La app. Al abrir una sección se queda sola, con «‹ Más» arriba. «Lo oficial y qué está cerrado» ya no mide 11 pantallas: tiene 3 pestañas (Lo oficial, Cerrado y Teléfonos), y desde «Lo cerrado · Ver todo» de «Mi pueblo» abre directo en «Cerrado». La tabla de «¿Por qué esta app?» se quedó como la pediste, con letra más grande. En «Fuentes y método» está qué significa cada color.
Primera pantalla
Modo claro (con sol, en la playa)
En claro, lo oficial son tarjetas blancas con franja marino, y el veredicto va en marino.
PC
En PC, la hoja oficial va a la izquierda y «Qué hacer ahora» se queda a la vista a la derecha mientras bajas. En «Qué hacer» las dos columnas quedan parejas. «Más» es una cuadrícula y cada sección se lee a todo lo ancho.
Cómo se probó
- El servidor arma «Mi pueblo» igual que la app: 567 de 567 casos y 25 de 25 páginas idénticas.
- Batería completa de la app: 1,291 pruebas pasan y no hay ninguna falla nueva (las que fallan ya fallaban ayer y son de rendimiento del contenedor de pruebas, sin tarjeta gráfica).
- Pesa poco más, pero dentro de los topes: la primera carga mide 54.6 KB (el tope es 75) y cada pestaña menos de 25 KB. El mapa cambia de vista igual de rápido que antes.
- Se probó con alertas reales (Azul, Amarilla, emergencia Roja y boletín viejo), en 320, 393, 820, 1280 y 1440 px, en español e inglés, en modo claro y oscuro y con la letra grande del celular.
- Tres revisores independientes revisaron con capturas (PC, celular y uno que buscaba fallas de seguridad). Corregí todo lo que encontraron. Lo más importante: el «DESACTUALIZADO» no se leía, la alerta oficial salía hasta la 3.ª pantalla y «Qué hacer» no se actualizaba al cambiar de pueblo.
Lo que decides tú
- 1. ¿Lo publico? Si dices sí, se publica como versión 1.12.0 y se puede deshacer en un minuto.
- 2. Ten en cuenta que, como lo oficial va primero, en el celular «Qué hacer ahora» queda más abajo (3.ª pantalla con datos normales; más abajo con alerta). Arriba hay un botón «Qué hacer» que lleva directo, y en PC siempre se ve a la derecha.
- 3. El lema: la frase que recordabas es «La capa de inteligencia de Los Cabos» (así está en tu Centro de marca). Te recomiendo usarla en español; cabe en la cabecera (abajo está cómo se vería). La de inglés del boletín, «Destination intelligence for Los Cabos», no cabe en la cabecera del celular, así que en inglés te recomiendo dejar «Intelligence for Los Cabos». Si dices sí, también rehago la imagen para compartir, que trae el lema dibujado.
Lema en el celular: hoy y propuesto
Lema en PC: hoy y propuesto