Mobile App
Design einer Entdeckungs- und Sammlungs-App
Abyssal Atlas verbindet eine Exemplarsammlung mit einer Tauchgang-Warteschlange. Erfahren Sie, wie gesperrte Einträge, zwei Filterzeilen und Fortschrittsangaben zeigen, was als Nächstes zu entdecken ist.
LLM Arena Sep 2026
Fallnotizen- Modell
- Grok 4.6
- Design-Aufgabe
- Kartensammlungs-App für Tiefseelebewesen
- Ausgabe
- Mobile App
Entwickelt für
- Design von Sammlungs-AppsGefundene und unentdeckte Einträge in einer einzigen durchsuchbaren Sammlung zusammenführen.
- Benutzeroberflächen für EntdeckungsspieleEine Mission mit dem Objekt verknüpfen, das sie aufdecken kann.
- Mobile NaturführerDie Übersicht eines Exemplars von seinem detaillierten Eintrag trennen.
Wichtige Merkmale
- Zwei unabhängige FilterTiefenzone und Seltenheit bieten unterschiedliche Zugänge zum Archiv.
- Sichtbare gesperrte EinträgeUnbekannte Karten zeigen die Expedition, die zu ihrer Aufdeckung erforderlich ist.
- Zwei FortschrittsmaßeDer Abschluss des Archivs und die Missionswarteschlange haben separate Zähler.
- Kompakte ExemplardetailsDie Detailansicht ergänzt eine Beschreibung und eine genauere Entdeckungszeit.
Die Entdeckungs-App erkunden
1 / 4Eine Entdeckungs-App mit Sammlung und nächster Aktion
Abyssal Atlas verwendet die beiden Tabs Atlas und Dive, um eine Sammlung mit den Aktionen zu verbinden, durch die sie erweitert wird. Atlas zeigt das aktuelle Exemplar und ein scrollbar angelegtes Archiv. Dive führt die benannten Expeditionen auf, die unentdeckten Einträgen zugeordnet sind. Diese Struktur bietet Besuchern sowohl etwas, das sie sofort durchstöbern können, als auch einen Grund, zu einem anderen Bildschirm zu wechseln.
In der anfänglichen Kopfzeile stehen 7 von 13 archivierte Exemplare und 54 % protokolliert. Diese Angaben beschreiben den Fortschritt im gesamten Archiv. SPECIMEN 02 / 13 bezeichnet hingegen den aktuell angezeigten Eintrag. Es ist wichtig, die Bezeichnungen sichtbar zu halten: Der Besucher betrachtet den zweiten Eintrag, hat aber bereits sieben Exemplare gesammelt.
Unentdeckte Einträge sinnvoll durchsuchbar machen
Gesperrte Einträge bleiben Teil des Archivs, statt daraus zu verschwinden. Eine unbekannte Karte behält ihren nummerierten Platz und trägt den Namen einer Expedition wie Twilight Trawl. Dadurch erhält der leere Platz einen nützlichen Zweck: Er zeigt dem Besucher, was er als Nächstes versuchen kann, ohne das Exemplar vorzeitig aufzudecken.
Sammlungsgröße stabil halten
Archivierte und gesperrte Einträge befinden sich in derselben Sammlung. Leser können den Gesamtumfang erfassen, ohne einen separaten Bildschirm für Erfolge aufzurufen. Da die gesperrten Karten statt eines Artnamens Missionsinformationen verwenden, vermitteln sie sowohl eine Grenze als auch einen Weg nach vorn.
Lebensraum von Seltenheit trennen
Zwei Pillenreihen filtern nach Tiefenzone und Seltenheit. Dabei handelt es sich um unterschiedliche Fragen zur selben Sammlung, nicht um konkurrierende Navigationsbereiche. Die abgekürzten Bezeichnungen sparen Platz auf einem Smartphone; eine Adaption als Naturführer sollte Begriffe wie Meso und Bathy für Leser erklären, die sie noch nicht kennen.
Navigationsposition und Fortschritt unterscheiden
Die Nummer des ausgewählten Exemplars, die Anzahl archivierter Einträge und der Prozentsatz sollten konsistent bleiben, ohne austauschbar zu sein. Das Filtern der sichtbaren Karten ist wiederum ein anderer Vorgang. Eine produktive Benutzeroberfläche sollte die Bedeutung der globalen Fortschrittsanzeige nicht stillschweigend ändern, wenn ein Besucher die Liste eingrenzt.
Zwischen Exemplareintrag und Tauchgang-Warteschlange wechseln
Die Übersicht zum Vampirtintenfisch zeigt seinen Trivialnamen und wissenschaftlichen Namen, seine Seltenheit, Tiefe und das Datum des ersten Fundes. Beim Öffnen des Eintrags kommen eine kurze Beschreibung, eine Bezeichnung der Tiefenzone sowie eine Uhrzeit neben dem Datum hinzu. Die Detailansicht liefert somit zusätzliche Informationen, statt lediglich dieselbe Karte zu vergrößern.
Das Dive Board beginnt mit sechs Expeditionen und einem separaten Zähler von 0 / 6 für die Missionswarteschlange. Jeder Eintrag nennt vor der Aktion Log this expedition einen Tauchgang, seine Tiefenzone und ein Ziel. Der Archivzähler bleibt darüber sichtbar. Anhand dieser beiden Summen lässt sich sowohl die vorhandene Sammlung als auch die abzuarbeitende Warteschlange nachvollziehen.
| Bezeichnung | Erfasster Wert | Was gezählt wird |
|---|---|---|
| Archivierte Exemplare | 7 von 13 | Einträge, die bereits im Archiv sichtbar sind. |
| Protokollierter Fortschritt | 54 % | Eine gerundete Darstellung desselben Archivfortschritts. |
| Aktuelles Exemplar | 02 / 13 | Die Position des ausgewählten Exemplars, nicht ein Fertigstellungsgrad. |
| Missionswarteschlange | 0 / 6 | Abgeschlossene Einträge im angezeigten Expeditionszyklus. |
Ein lokaler Entdeckungsprototyp mit Beispieldatensätzen
Dies ist eine lokale Demonstration des Sammel- und Freischaltungsprinzips, kein aktiver Expeditionsdienst. Tiefen, Sichtungsdaten, Seltenheitsstufen und biologische Beschreibungen sind Quellinhalte und keine unabhängig validierten wissenschaftlichen Referenzdaten. Die isolierte Vorschau bietet weder Konten noch Cloud-Synchronisierung. Das Quellbildmaterial bleibt für diese lokale Prüfung erhalten; vor einer öffentlichen Weiterverbreitung müssten die Berechtigungen separat geprüft werden.
So erstellen Sie in OpenDesign das Design einer Entdeckungs- und Sammlungs-App
Archiv und Freischaltungsablauf definieren
Geben Sie OpenDesign eine feste Beispielsammlung und definieren Sie ausdrücklich die Beziehung zwischen jeder Mission und dem jeweils freizuschaltenden Eintrag. Der folgende Prompt beschreibt eine neue, von diesem Fall inspirierte Designübung.
Vorgeschlagener PromptErstelle das Design einer Entdeckungs- und Sammlungs-App für ein fiktives Tiefseearchiv mit dreizehn Exemplaren, von denen anfangs sieben entdeckt sind. Verwende eine dunkle mobile Benutzeroberfläche mit türkisfarbenen Akzenten und zwei unteren Tabs: Atlas und Dive. Atlas zeigt eine Karte des aktuellen Exemplars mit Trivialnamen und wissenschaftlichem Namen, Seltenheit, Tiefe und Datum des ersten Fundes, gefolgt von einem Sammlungsraster. Lass gesperrte Einträge mit einer festen Nummer und dem Namen der Expedition sichtbar, durch die sie freigeschaltet werden. Füge separate Filterzeilen für Tiefenzone und Seltenheit hinzu. Die Detailansicht soll eine Beschreibung und eine genaue Entdeckungszeit ergänzen, statt nur die Karte zu wiederholen. Dive zeigt sechs benannte Expeditionen mit jeweils einem Ziel, Status und einer lokalen Aktion zum Protokollieren. Halte den Archivfortschritt vom Missionsabschluss und von der Position des aktuellen Eintrags getrennt. Verwende eindeutig als Beispieldaten gekennzeichnete Einträge und erwecke nicht den Eindruck echter Tauchgänge, wissenschaftlicher Verifizierung oder vorhandener Cloud-Konten.
Eine Mission bis in die Sammlung verfolgen
Bitten Sie OpenDesign, für eine Expedition die Zustände „bereit“, „in Bearbeitung“ und „abgeschlossen“ zu zeigen und anschließend ihren Zieleintrag aufzudecken. Prüfen Sie, dass sich der Archivzähler genau einmal ändert, dieselbe Karte ihre Position behält und das Wiederholen einer abgeschlossenen Aktion den Fortschritt nicht künstlich erhöhen kann.
Filterbezeichnungen und leere Ergebnisse verdeutlichen
Wählen Sie gleichzeitig eine Tiefenzone und eine Seltenheitsstufe aus. Fordern Sie einen ausdrücklichen Leerzustand an, wenn keine Einträge übereinstimmen, einschließlich einer Möglichkeit zum Zurücksetzen der Filter. Halten Sie die Gesamtzahl im Archiv von den gefilterten Ergebnissen getrennt und bieten Sie verständliche Erläuterungen zu abgekürzten wissenschaftlichen Begriffen.
Exportieren und Share-Link erhalten
Das fertige Design exportieren und anschließend über „Teilen" in OpenDesign einen Share-Link abrufen. Den Link in einem separaten Browserfenster öffnen und prüfen, ob die gewünschte Version sowie alle Assets vorhanden sind, bevor er weitergegeben wird.
App-Design für Meerestiere
Abyssal Log verbindet eine Sammlung mariner Belege mit Tauchmissionen. Jede unbekannte Aufzeichnung erklärt die Aufgabe und den verbleibenden Fortschritt, der zum Sichtbarmachen erforderlich ist.
Mobile App
Website-Design für eine Bianjing-Nachttour
Eine interaktive Nachtreise durch ein imaginiertes Bianjing der Song-Zeit, die eine fortbestehende Flussstadt, Poesie, Laternen und einen mehrsprachigen Kapitelrhythmus verbindet.
Website
Karrierewebsite-Design
Eine Kimi-Karrierestudie aus acht Mondszenen, mit scrollgebundenen Übergängen und einem illustrierten Bewerbungsprozess.
Website
Kreatives Portfolio-Website-Design
Maya Rowans fiktives Portfolio verbindet Projektkarten, Praxis und Notizen.
Website