App mobile
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.
LLM Arena settembre 2026
Note sul caso- Modello
- Claude Opus 5
- Attività di design
- App di carte collezionabili dedicate alle creature degli abissi
- Output
- App mobile
Progettato per
- App per collezioni di esemplariCollega un catalogo visivo a utili schede delle scoperte.
- Interfacce basate sulle missioniMostra il lavoro ancora necessario prima che un elemento diventi disponibile.
- Prodotti didattici per dispositivi mobiliSepara i dati della scoperta dalle informazioni di riferimento più approfondite.
Punti di forza
- Un esemplare in evidenzaUn’immagine introduce rarità, profondità della scoperta e ora dell’avvistamento.
- Due modalità di esplorazioneLa regione oceanica e la rarità organizzano la stessa collezione.
- Missioni di immersione misurabiliHolds, passes e samples rendono concreto l’avanzamento di ogni attività.
- Requisiti di sblocco esplicitiLe schede sconosciute indicano la missione e il lavoro ancora necessario.
Esplora l’app per collezioni marine
1 / 4Un’app per collezioni marine che spiega ogni scoperta
Abyssal Log si apre con un esemplare in evidenza anziché con una parete di piccole schede. Nello stato acquisito, Atolla Jelly appare sopra il nome scientifico, la rarità, la profondità della scoperta e la marca temporale del primo avvistamento. View record e Dive si trovano sotto questi dati. Un’azione permette di approfondire la voce corrente; l’altra conduce alle attività che ampliano la collezione.
L’intestazione riporta 11 / 18 registrati e la collezione sottostante include sia creature scoperte sia voci Unknown. La pagina mostra quindi le dimensioni della collezione prima che sia completata. Le schede sconosciute non sono semplici sagome decorative: indicano una missione e il requisito rimanente, assegnando a una scheda incompleta un ruolo pratico.
Mantieni separati i dati della scoperta e le informazioni di riferimento
La scheda in evidenza e la scheda completa condividono la stessa identità, ma rispondono a domande diverse. La scheda in evidenza riassume questa scoperta. Quella completa aggiunge l’etichetta del veicolo, l’intervallo di profondità, le dimensioni e una descrizione. Questa distinzione è particolarmente utile nel design di guide da campo, dove una singola osservazione non deve essere confusa con un attributo generale della specie.
| Campo | Esempio acquisito | Ruolo nell’interfaccia |
|---|---|---|
| Discovery Depth | 1.560 m | Descrive l’avvistamento dimostrativo associato a questa scheda. |
| Depth Range | 1.000–4.000 m | Fornisce un intervallo di riferimento più ampio, non la profondità di questa singola scoperta. |
| First Sighting | 11 ago 2025 · 21:33 | Colloca temporalmente la scheda dimostrativa. |
| Vehicle | ROV Ventana | Aggiunge contesto all’avvistamento dimostrativo senza modificare l’identità dell’esemplare. |
| Size | Campana di circa 15 cm | Fornisce un tipo distinto di informazione di riferimento con un’unità esplicita. |
Trasforma un esemplare sconosciuto in una missione operativa
La schermata Expeditions contiene sette attività con unità di avanzamento diverse. Twilight zone station hold ha già raggiunto 3 / 3 holds e propone Complete and unlock. Large cephalopod sonar trace è a 5 / 6 passes e propone Log a dive · +1. La differenza tra queste azioni rende visibile il passaggio successivo prima che l’utente tocchi lo schermo.
Queste unità sono importanti. Tre holds, sei passes e cinque profiles non sono punti di avanzamento intercambiabili. Indicando il nome dell’attività e mantenendone l’unità, l’interfaccia attribuisce alla barra di avanzamento un significato comprensibile. Anche una misurazione completata e una scheda sbloccata rappresentano stati distinti: l’attività pronta richiede ancora al visitatore di riscattare la scoperta.
Collega la scheda bloccata al suo requisito
Unknown · 004 indica Twilight zone station hold e riporta 0 holds to go. La schermata delle missioni propone quindi Complete and unlock. Collegare queste etichette aiuta il visitatore a capire perché una scheda possa risultare ancora sconosciuta anche se la relativa misurazione è completa: l’azione finale di sblocco non è stata ancora eseguita.
Usa un’azione diversa per uno stato diverso
Log a dive · +1 comunica un avanzamento incrementale; Complete and unlock comunica il passaggio alla collezione. Mantenere distinte queste etichette è più utile che mostrare lo stesso pulsante su ogni scheda e costringere il visitatore a scoprirne la funzione.
Fornisci controlli dedicati all’esplorazione
I filtri per regione oceanica e rarità appartengono alla collezione di esemplari, mentre l’avanzamento delle attività appartiene a Expeditions. Questo separa la ricerca di una scheda esistente dal lavoro necessario per ottenerne una nuova. Un adattamento dovrebbe preservare tale distinzione quando si aggiungono una funzione di ricerca, risultati vuoti o un elenco di missioni più ampio.
Cosa dimostra questo prototipo di app marina
Abyssal Log è un prototipo locale basato su collezione e missioni. La fonte identifica esplicitamente le marche temporali degli avvistamenti e i veicoli come dati dimostrativi. La biologia, i livelli di rarità e i valori di profondità non sono riferimenti scientifici verificati in modo indipendente. L’anteprima isolata non dispone di un flusso di spedizione in tempo reale né di un account cloud. Le immagini fornite vengono conservate per una revisione locale; le autorizzazioni alla ridistribuzione richiedono una verifica separata prima dell’uso pubblico.
Come creare il design di un’app per collezioni marine in OpenDesign
Definisci il rapporto tra esemplare e missione
Inizia con un catalogo ridotto e una regola chiara per svelare ogni scheda sconosciuta. Usa il seguente nuovo prompt di design come punto di partenza pratico, non come affermazione sul processo dell’autore originale.
Prompt suggeritoCrea il design di un’app per collezioni marine con diciotto esemplari dimostrativi, undici dei quali inizialmente registrati. Usa un’interfaccia mobile scura con un colore di accento verde acqua e una grande scheda dedicata all’esemplare in evidenza. Mostra nome comune, nome scientifico, rarità, profondità della scoperta e ora del primo avvistamento, con le azioni View Record e Dive. Sotto, inserisci filtri per regione e rarità e mantieni visibili le schede sconosciute. Ogni scheda sconosciuta deve indicare la missione e il requisito rimanente necessario per sbloccarla. La schermata Expeditions deve utilizzare unità di avanzamento distinte, come holds, passes e samples. Includi un’attività la cui condizione sia soddisfatta, ma la cui scheda non sia ancora stata riscattata. Per questo stato usa Complete and Unlock e per le attività incomplete usa Log a Dive. La vista di dettaglio dell’esemplare deve separare la profondità della scoperta da un intervallo di profondità di riferimento. Indica osservazioni e avanzamento delle missioni come dati dimostrativi fittizi, senza servizi scientifici in tempo reale né account cloud.
Esamina gli stati pronto, incompleto e riscattato
Chiedi a OpenDesign di mostrare tutti e tre gli stati per una sola missione. L’unità visualizzata deve rimanere invariata all’aumentare dell’avanzamento. Il riscatto dell’attività completata deve svelare una sola volta la scheda prevista e aggiornare il conteggio degli elementi registrati senza azzerare le scoperte non correlate.
Verifica la leggibilità della scheda su uno smartphone
Usa un nome scientifico lungo e un obiettivo di avanzamento a tre cifre. Mantieni leggibili etichette, unità e azioni senza coprirle con la navigazione inferiore. Adatta l’immagine dell’esemplare alla sua cornice senza ritagliare il soggetto e consenti lo scorrimento della scheda di dettaglio più lunga.
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 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.
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