Huracanes · la parte de abajo del celular, antes y después
PUBLICADO el 1 de octubre en whatsincabo.com/huracanes/ · primera versión 7:29 am, ajuste fino 9:15 am (hora de Los Cabos)
Iván pidió por tercera vez que la parte de abajo del celular dejara de verse sucia. Esta vez no fue un parche: se rehízo la zona completa. Cuatro diseñadores hicieron cada uno su propuesta sobre la app real, en un iPhone igual al de Iván (con las barras de Safari y en modo oscuro); un jurado eligió mirando las capturas y el diseño ganador se construyó de verdad.
1. Tu pantalla: antes y después
La vista Viento en un iPhone como el tuyo (con las barras de Safari y en modo oscuro). La zona de abajo pasa de 216 a 174 píxeles y el mapa pasa de ocupar el 49 % de la pantalla al 55 %. El «después» es una foto de la página pública ya publicada.
2. Qué cambió
- Las vistas son solo palabras, sin los anillos de colores; la elegida lleva una raya debajo.
- La leyenda es un solo renglón: la unidad pegada a la barra de colores y, a la derecha, «modelo, no oficial» con una flechita. Al tocar ese renglón se abre la hoja de detalles; ahí están el cambio de unidad, Viento/Ráfagas y la leyenda explicada.
- La hora es un título («Ahora · 4:22 p. m.»), sin burbuja. Al mover el tiempo aparece «↺ Ahora» como texto en el mismo renglón, sin encimarse con nada.
- La línea de tiempo enseña todos los días del pronóstico a la vez, sin deslizar. Ya no hay rombos, rayitas ni tramas.
- Todos los botones son de la misma familia: mismo cuadro redondeado, mismo alto.
- Las pestañas son más tranquilas: la activa va en azul claro en vez de negritas blancas, el 911 es una ficha sin borde y el aviso «Informativo, no oficial · Protección Civil · 911» va en la misma franja, discreto, sin negritas.
- La barra mide lo mismo en las seis vistas: nada brinca al cambiar de vista.
- No pesa más: el mapa bajó de 44.84 a 44.78 KB y su hoja de estilos de 8.39 a 8.2 KB.
3. Las seis vistas
La parte de abajo en cada vista (Viento, Tormentas, Trayectoria, Lluvia, Olas y Satélite).
4. Al mover el tiempo y al abrir los detalles
5. Otros celulares, tableta y modo claro
Fotos de la página pública ya publicada. La versión de PC no cambió: este trabajo fue solo para el celular y la tableta.
6. Las cuatro propuestas y cómo se eligió
Cada diseñador trabajó con un enfoque distinto. Un jurado de tres (uno mirando como Iván, un director de diseño y uno revisando reglas) las calificó mirando capturas. Ganó «Lo mínimo» como base (79.5 puntos: más mapa, sin peso extra, todos los botones se tocan bien) y el juez que miraba como Iván prefirió «Estilo iPhone» (la única que no se veía como «lo mismo reacomodado»). El diseño final junta las dos.
7. Lo que sigue
- Hecho a las 9:15 am, el ajuste fino: la vista Trayectoria ya lleva su etiqueta en un renglón; la hoja de detalles ya no se corta en celulares chicos ni con el teléfono girado; «↺ Ahora» ya no tapa el círculo del tiempo; en tableta la etiqueta de la leyenda va junto a su barra de colores.
- Verlo en tu iPhone real: las pruebas se hicieron en un iPhone simulado (mismo tamaño y modo oscuro), no en Safari de verdad.
- La versión de PC conserva el diseño anterior (columna de vistas con anillos, burbuja de la hora). Si quieres, se le da el mismo tratamiento.
- Esa misma mañana se arregló el motor: de 2:12 a 7:10 am no pudo publicar el boletín 17 porque una comprobación era demasiado estricta con el redondeo del NHC (100 mph / 155 km/h). Queda pendiente un aviso automático cuando el motor rechace publicaciones.