Roam
Resumen del diseño
Roam convierte un itinerario de cuatro días por Lisboa en tarjetas de paradas arrastrables, con mapas diarios, trayectos a pie y datos de reserva. Reordenar las paradas recalcula a la vez la numeración, la ruta, las distancias y las horas de llegada.
Registro de verificación
VerificadoUna nueva comprobación fotograma a fotograma confirmó que arrastrar entre posiciones ya no produce saltos hacia atrás; la ruta reordenada indica sistemáticamente 14+10=24 minutos y 1.8 km, con llegadas a las 9:59 y las 10:39, y el guardado y la acción de deshacer se grabaron en una sesión real con puntero.
Límites de la verificaciónNo se verificaron la sincronización en la nube, los datos geográficos reales ni el rendimiento en dispositivos físicos; las rutas y duraciones proceden de la red de grafos incorporada.
Prompt
Una app para planificar un viaje con amigos (390×844): un viaje organizado día a día, con lugares, horarios, transporte y datos de reserva cada día, y la ruta del día en un mapa. Las paradas pueden arrastrarse a un nuevo orden y todos los participantes ven el cambio.
Reordenar un día arrastrando, con la ruta del mapa siguiendo el cambio, es el núcleo táctil de esta pieza. Diseña la visión general del viaje, el plan de un día con su mapa y el arrastre para cambiar el orden. Entrega `index.html` y un `screens.html` con tres pantallas una al lado de otra.
Ver el prompt original en chino
一个和朋友一起规划旅行的 App(390×844):一次旅行按天排好行程,每天有地点、时间、交通和预订信息,地图上能看到当天路线;可以拖动调整顺序,同行的人能看到改动。
按天拖动重排、地图路线跟着变化,是这件作品的手感核心。设计旅行总览、某一天的行程与地图、拖动调整顺序三个状态。交付 `index.html` 和三屏并排的 `screens.html`。
Abrir ejemplo interactivo