App desktop
Design di dashboard per pianificare viaggi
Crea una giornata in sei tappe a Halcyon Cove. Collega luoghi salvati, posizioni sulla mappa e tempi di percorrenza a piedi.
LLM Arena settembre 2026
Note sul caso- Modello
- Claude Opus 5
- Attività di design
- Pianificatore drag-and-drop per una gita giornaliera in città
- Output
- App desktop
Ideale per
- Pianificazione di itinerariOrganizza una giornata in base a luoghi, orari di apertura e durata delle visite.
- Dashboard basate su mappeCollega le scelte dei luoghi a una sequenza visibile di tappe.
- Prototipi di prodotti per viaggiVerifica le interazioni di pianificazione prima di aggiungere servizi di viaggio in tempo reale.
Caratteristiche principali
- Tre viste collegateUna raccolta di luoghi, una mappa della città e un itinerario condividono ogni selezione.
- Sei fasce orarie con nomeDa Colazione a Sera, le fasce conferiscono alla giornata una struttura riconoscibile.
- Pannello contestuale del luogoControlla gli orari e sposta una tappa senza uscire dal programma.
- Costo visibile dell'itinerarioLe stime dei percorsi a piedi mostrano gli spostamenti tra tappe successive.
Esplora la dashboard per pianificare viaggi
1 / 3Una dashboard di viaggio che collega luogo e tempo
Daybreak Atlas trasforma una giornata immaginaria a Halcyon Cove in tre viste collegate. I luoghi salvati si trovano a sinistra, una mappa illustrata della città occupa il centro e The Day si sviluppa lungo il lato destro. La mappa indica dove si trova una tappa; la timeline indica quando visitarla. Mantenere entrambe visibili facilita il confronto delle conseguenze legate alla scelta di un luogo.
La raccolta dei luoghi non è soltanto un elenco di nomi. Gullwing Bakery ha una fascia di apertura dalle 6:30am alle 11am e viene contrassegnata come In Breakfast quando entra a far parte dell'itinerario. Lo stesso luogo appare poi nella fascia Breakfast, con la durata della visita e i controlli View e Remove. Questa identità ripetuta rappresenta il collegamento tra esplorazione e pianificazione: la scheda cambia ruolo, ma non nome.
Separa orari di apertura, durata della visita e tempo di percorrenza
L'aspetto più utile di questo design di dashboard per pianificare viaggi è il modo in cui gestisce il tempo. Una fascia di apertura, la durata di una visita e una stima del percorso a piedi descrivono vincoli diversi. Non dovrebbero essere condensati in un'unica durata ambigua. Questo esempio li colloca vicino alla decisione a cui ciascuno di essi contribuisce.
| Indicazione temporale | Dove appare | Cosa può decidere chi legge |
|---|---|---|
| 6:30am–11am | Scheda e pannello dei dettagli di Gullwing Bakery | Se il locale è aperto durante la fascia prevista per la visita. |
| Visita di 35 min | La panetteria nella fascia Breakfast | Quanto tempo riservare a quella tappa, separatamente da quello necessario per raggiungerla. |
| ~10 min a piedi | Prima di Verdant Steps Garden | Quanto tempo di transizione aggiunge al programma la tappa successiva. |
| 62 min a piedi | Riepilogo The Day per Hidden Gardens | Come si accumula il tempo di percorrenza lungo questo specifico itinerario di sei tappe. |
Da un itinerario suggerito a un programma consapevole
Surprise Me fornisce un itinerario iniziale anziché chiedere al visitatore di riempire sei fasce vuote. Nello stato Hidden Gardens acquisito, la sequenza parte da Gullwing Bakery e prosegue tra giardini, pranzo e una sala di lettura. Offre all'utente qualcosa di concreto da modificare. Rimane comunque un suggerimento, non la prova che si tratti di un itinerario ottimizzato o geograficamente accurato.
Un luogo, diversi punti di accesso utili
Sia la scheda di un luogo salvato sia un indicatore sulla mappa possono condurre ai dettagli. Il pannello riunisce descrizione, orari di apertura, durata tipica della visita e fascia più adatta. Chi parte dalla mappa può quindi prendere la stessa decisione di programmazione di chi esplora la raccolta.
Le destinazioni con nome rendono prevedibili gli spostamenti
Il pannello identifica l'assegnazione attuale e presenta Breakfast, Morning, Lunch, Afternoon, Sunset e Evening come pulsanti. In questo modo, spostare un luogo diventa un'azione visibile anziché un gesto da scoprire. Prima di confermarla, una versione destinata alla produzione dovrebbe rendere altrettanto esplicita la sostituzione in una fascia già occupata.
Inizia con un esempio completo
Scegli un tema Surprise Me e leggi la sua sequenza di tappe insieme alla mappa. Verifica se il tema proposto si riflette nelle categorie effettive dei luoghi, non soltanto nella sua etichetta.
Esamina prima di spostare
Apri un luogo, confronta la sua fascia di apertura con le fasce orarie disponibili e usa una fascia con nome per spostarlo. Segui la modifica risultante nella timeline e nell'itinerario.
Rivedi la giornata nel suo insieme
Prima di usare Lock the Day, confronta il numero di fasce occupate con il tempo totale di percorrenza a piedi. Questi dati consentono una revisione finale più utile rispetto al considerare un pulsante di completamento come prova della fattibilità dell'itinerario.
Cosa dimostra questo prototipo per pianificare viaggi
Halcyon Cove, i suoi luoghi e le stime dei percorsi a piedi sono contenuti dimostrativi. L'artefatto è un prototipo front-end locale, non una mappa in tempo reale, un servizio di prenotazione o uno strumento di pianificazione multiutente. Il comportamento originale basato sull'archiviazione locale non è disponibile nell'ambiente isolato Show Preview, quindi non è opportuno fare affidamento sui progressi salvati in tale ambiente. Claude Opus 5 è l'etichetta fornita con l'esportazione del proprietario, non il risultato di un benchmark verificato in modo indipendente.
Come creare il design di una dashboard per pianificare viaggi in OpenDesign
Descrivi le tre viste collegate
Fornisci a OpenDesign una piccola città immaginaria e specifica come appare un luogo nella raccolta, sulla mappa e nella timeline. Definisci l'identità condivisa del luogo prima di aggiungere elementi decorativi. Il prompt seguente è un nuovo esercizio di design ispirato a questo caso, non il prompt usato originariamente per generarlo.
Prompt suggeritoCrea il design di una dashboard per pianificare viaggi ambientata in una città costiera immaginaria. Usa uno sfondo caldo color carta, una raccolta compatta di luoghi a sinistra, una mappa illustrata al centro e la timeline di una giornata a destra. Prevedi sei fasce con un nome: Colazione, Mattina, Pranzo, Pomeriggio, Tramonto e Sera. Ogni luogo di esempio deve avere una fascia oraria di apertura, una durata tipica della visita e una categoria. La selezione di un indicatore sulla mappa o di una scheda nella raccolta deve aprire lo stesso pannello dei dettagli del luogo. Consenti agli utenti di assegnare un luogo sia con pulsanti espliciti per le fasce sia tramite trascinamento. Mostra il tempo stimato di percorrenza a piedi tra tappe successive, separandolo dalla durata della visita, e un totale nel riepilogo della giornata. Includi uno stato iniziale con un itinerario suggerito e uno stato finale di revisione. Etichetta i luoghi e le stime dell'itinerario come dati dimostrativi immaginari; non lasciare intendere che siano disponibili mappe in tempo reale, prenotazioni, modifiche condivise o persistenza nel cloud.
Traccia una modifica nell'intera dashboard
Chiedi a OpenDesign di spostare un luogo in un'altra fascia e di applicare la modifica all'etichetta della scheda, all'indicatore selezionato sulla mappa e alla timeline. Confronta gli stati precedente e successivo. Mantieni invariati ovunque il nome e la durata del luogo e specifica cosa accade se la fascia di destinazione contiene già una tappa.
Verifica un itinerario che non rispetta i vincoli
Usa un luogo di esempio che chiude prima della fascia assegnata, quindi esamina come il design spiega l'incompatibilità. Sugli schermi più piccoli, decidi a quale pannello dare la priorità e rendi raggiungibili gli altri due senza comprimere tre colonne desktop nella viewport di uno smartphone.
Esporta e ottieni un link di condivisione
Esporta il design completato, quindi usa Condividi in OpenDesign per ottenere un link di condivisione. Apri il link in una finestra del browser separata e verifica che la versione prevista e le sue risorse siano disponibili prima di inviarlo.
Design di un pianificatore per gite di un giorno
Pianifica sei tappe con orari nella città immaginaria di Solara Bay, con una mappa illustrata, stime dei percorsi a piedi e utili avvisi sull'itinerario.
App desktop
Design di una demo prodotto interattiva
Esplora gli strati separati di un telefono concept con preset della fotocamera, uno slider e un pannello con otto gruppi di assemblaggio.
App desktop
Design di un gioco d’avventura su un’isola
Esplora Harbor Skirmish: una piccola isola sul mare con percorsi sui tetti, tre slot per le armi e un’interfaccia in prima persona dal tono giocoso.
App desktop
Design di un gioco FPS su un'isola
Entra in Harbor Skirmish, dove un'audace schermata del titolo ambientata su un'isola conduce a un'esperienza in prima persona con pannelli di stato in riquadri e comandi numerici per le armi.
App desktop