App mobile
Design di app per collezioni di scoperte
Abyssal Atlas collega una collezione di esemplari a una coda di immersioni. Scopri come record bloccati, due righe di filtri e conteggi di avanzamento indicano cosa scoprire in seguito.
LLM Arena settembre 2026
Note sul caso- Modello
- Grok 4.6
- Attività di design
- App per collezionare schede di creature delle profondità marine
- Output
- App mobile
Pensato per
- Design di app per collezioniMantieni i record trovati e quelli non ancora scoperti in un'unica collezione esplorabile.
- Interfacce per giochi di scopertaCollega una missione all'elemento che può rivelare.
- Guide da campo per dispositivi mobiliSepara la panoramica di un esemplare dal relativo record dettagliato.
Punti di forza
- Due filtri indipendentiLa zona di profondità e la rarità offrono modalità diverse per esplorare l'archivio.
- Record bloccati visibiliLe schede sconosciute mostrano la spedizione necessaria per rivelarle.
- Due indicatori di avanzamentoIl completamento dell'archivio e la coda delle missioni hanno conteggi separati.
- Dettagli compatti degli esemplariLa vista dettagliata aggiunge una descrizione e un'ora della scoperta più precisa.
Esplora l'app di scoperta
1 / 4Un'app di scoperta con una collezione e una prossima azione
Abyssal Atlas utilizza due schede, Atlas e Dive, per collegare una collezione alle azioni che la ampliano. Atlas mostra l'esemplare corrente e un archivio scorrevole. Dive elenca le spedizioni con nome associate ai record non ancora scoperti. La struttura offre al visitatore sia qualcosa da esplorare subito sia un motivo per passare a un'altra schermata.
L'intestazione iniziale indica 7 esemplari archiviati su 13 e il 54% registrato. Questi valori descrivono l'avanzamento nell'intero archivio. SPECIMEN 02 / 13 descrive invece il record attualmente visualizzato. Mantenere visibili le etichette è importante: il visitatore sta guardando la seconda voce, ma ha già raccolto sette esemplari.
Rendi utili da esplorare i record non ancora scoperti
I record bloccati rimangono parte dell'archivio anziché scomparire. Una scheda sconosciuta conserva la propria posizione numerata e riporta il nome di una spedizione, come Twilight Trawl. Ciò conferisce allo spazio vuoto una funzione utile: indica al visitatore cosa provare in seguito senza rivelare prematuramente l'esemplare.
Mantieni stabili le dimensioni della collezione
Le voci archiviate e bloccate appartengono alla stessa collezione. Il lettore può comprenderne l'estensione complessiva senza visitare una schermata separata dei traguardi. Poiché le schede bloccate mostrano informazioni sulla missione anziché il nome di una specie, comunicano sia un limite sia un percorso da seguire.
Separa l'habitat dalla rarità
Due righe di pulsanti a pillola filtrano per zona di profondità e rarità. Si tratta di due criteri diversi applicati alla stessa collezione, non di sezioni di navigazione concorrenti. Le etichette abbreviate fanno risparmiare spazio sul telefono; un adattamento come guida da campo dovrebbe spiegare termini quali Meso e Bathy ai lettori che non li conoscono già.
Distingui la posizione di consultazione dall'avanzamento
Il numero dell'esemplare selezionato, il conteggio degli elementi archiviati e la percentuale devono rimanere coerenti senza essere intercambiabili. Filtrare le schede visibili è ancora un'altra operazione. Un'interfaccia destinata alla produzione non dovrebbe cambiare tacitamente il significato dell'indicatore di avanzamento globale quando un visitatore restringe l'elenco.
Passa dal record di un esemplare alla coda delle immersioni
La panoramica del calamaro vampiro mostra i suoi nomi comune e scientifico, la rarità, la profondità e la data del primo ritrovamento. L'apertura del record aggiunge una breve descrizione, un'etichetta della zona di profondità e un orario accanto alla data. La vista dettagliata fornisce quindi informazioni aggiuntive, anziché limitarsi a ingrandire la stessa scheda.
Dive Board inizia con sei spedizioni e un conteggio separato della coda delle missioni pari a 0 / 6. Ogni voce indica il nome di un'immersione, la relativa zona di profondità e un obiettivo prima dell'azione Log this expedition. Il conteggio dell'archivio rimane visibile sopra. Questi due totali consentono di comprendere sia la collezione posseduta sia la coda che è possibile completare.
| Etichetta | Valore acquisito | Che cosa conteggia |
|---|---|---|
| Esemplari archiviati | 7 su 13 | Record già visibili nell'archivio. |
| Avanzamento registrato | 54% | Un'espressione arrotondata dello stesso livello di completamento dell'archivio. |
| Esemplare corrente | 02 / 13 | La posizione dell'esemplare selezionato, non un tasso di completamento. |
| Coda delle missioni | 0 / 6 | Elementi completati nel ciclo di spedizioni visualizzato. |
Un prototipo locale di scoperta con record di esempio
Questa è una dimostrazione locale di raccolta e sblocco, non un servizio di spedizioni attivo. Profondità, date degli avvistamenti, livelli di rarità e descrizioni biologiche sono contenuti di origine, non dati scientifici di riferimento convalidati in modo indipendente. L'anteprima isolata non offre account né sincronizzazione cloud. Le immagini originali sono conservate per questa revisione locale; prima di una ridistribuzione pubblica, le autorizzazioni dovrebbero essere verificate separatamente.
Come creare in OpenDesign il design di un'app per collezioni di scoperte
Definisci l'archivio e il suo ciclo di sblocco
Fornisci a OpenDesign una collezione campione fissa e una relazione esplicita tra ogni missione e il relativo record bloccato. Il prompt seguente descrive un nuovo esercizio di design ispirato a questo caso.
Prompt suggeritoCrea il design di un'app per collezioni di scoperte destinata a un archivio immaginario delle profondità marine con tredici esemplari, sette dei quali inizialmente scoperti. Usa un'interfaccia mobile scura con accenti verde acqua e due schede inferiori: Atlante e Immersioni. Atlante mostra la scheda dell'esemplare corrente, i suoi nomi comune e scientifico, la rarità, la profondità e la data del primo ritrovamento, seguiti da una griglia della collezione. Mantieni visibili le voci bloccate con un numero stabile e il nome della spedizione che le sblocca. Aggiungi righe di filtri separate per zona di profondità e rarità. La schermata dei dettagli deve aggiungere una descrizione e l'ora precisa della scoperta, anziché limitarsi a ripetere la scheda. Immersioni mostra sei spedizioni con nome, obiettivo, stato e azione locale Registra. Mantieni l'avanzamento dell'archivio distinto dal completamento delle missioni e dalla posizione del record corrente. Usa record di esempio chiaramente contrassegnati e non lasciare intendere che si tratti di immersioni reali, verifiche scientifiche o account cloud.
Segui una missione fino alla collezione
Chiedi a OpenDesign di mostrare gli stati pronta, in corso e completata di una spedizione, quindi di rivelarne il record di destinazione. Verifica che il conteggio dell'archivio cambi una sola volta, che la stessa scheda mantenga la propria posizione e che ripetere un'azione completata non possa aumentare artificialmente l'avanzamento.
Chiarisci le etichette dei filtri e i risultati vuoti
Seleziona contemporaneamente una zona di profondità e un livello di rarità. Richiedi uno stato vuoto esplicito quando nessun record corrisponde, con un modo per azzerare i filtri. Mantieni il conteggio totale dell'archivio separato dai risultati filtrati e fornisci spiegazioni leggibili per i termini scientifici abbreviati.
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 app per collezioni marine
Abyssal Log collega una collezione di esemplari marini alle missioni di immersione. Ogni scheda sconosciuta spiega l’attività e i progressi ancora necessari per svelarla.
App mobile
Design di sito web per tour notturno di Bianjing
Un viaggio notturno interattivo attraverso un’immaginaria Bianjing dell’epoca Song, che combina una città fluviale persistente, poesia, lanterne e un ritmo narrativo multilingue articolato per capitoli.
Sito web
Design sito web carriere
Uno studio carriere Kimi costruito su otto scene lunari, con transizioni collegate allo scroll e un processo di candidatura illustrato.
Sito web
Design di Sito Portfolio Creativo
Il portfolio fittizio di Maya Rowan collega schede progetto, pratica e note.
Sito web