Mobile App

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.

OpenDesignDesign und Produktion
Offiziell
Tiefseeentdeckung und -sammlung4 Screens
Design einer App für eine Meeressammlung: aktueller Beleg und Entdeckungskarte Design einer App für eine Meeressammlung: Tauchmissionen und Entdeckungsanforderungen
Aktueller Beleg und Entdeckungskarte · Tauchmissionen und Entdeckungsanforderungen

LLM Arena Sep 2026

Fallnotizen
Modell
Claude Opus 5
Design-Aufgabe
App für eine Kartensammlung von Tiefseetieren
Ausgabe
Mobile App

Entwickelt für

  • Apps für BelegsammlungenVerbinde einen visuellen Katalog mit nützlichen Entdeckungsaufzeichnungen.
  • Missionsbasierte BenutzeroberflächenZeige die verbleibende Arbeit, bevor ein Element verfügbar wird.
  • Mobile LernprodukteTrenne Entdeckungsdaten von ausführlicheren Referenzinformationen.

Wichtige Merkmale

  • Ein hervorgehobener BelegEin Bild führt zu Seltenheit, Entdeckungstiefe und Sichtungszeit.
  • Zwei Möglichkeiten zum DurchsuchenOzeanregion und Seltenheit strukturieren dieselbe Sammlung.
  • Messbare TauchmissionenHolds, passes und samples machen den Fortschritt jeder Aufgabe konkret.
  • Explizite FreischaltanforderungenUnbekannte Aufzeichnungen nennen die Mission und die noch erforderliche Arbeit.

Eine App für eine Meeressammlung, die jede Entdeckung erklärt

Abyssal Log beginnt mit einem hervorgehobenen Beleg statt mit einer Wand aus kleinen Karten. Im erfassten Zustand erscheint Atolla Jelly über seinem wissenschaftlichen Namen, seiner Seltenheit, Entdeckungstiefe und dem Zeitstempel der ersten Sichtung. View record und Dive befinden sich unter diesen Angaben. Eine Aktion vertieft den aktuellen Eintrag; die andere führt zu der Arbeit, durch die sich die Sammlung erweitert.

Die Kopfzeile zeigt 11 / 18 logged, und die darunterliegende Sammlung enthält sowohl entdeckte Lebewesen als auch Unknown-Einträge. Die Seite macht somit die Größe der Sammlung sichtbar, bevor sie vollständig ist. Die unbekannten Karten sind nicht nur dekorative Silhouetten: Sie nennen eine Mission und die verbleibende Voraussetzung und geben einer unvollständigen Aufzeichnung damit eine praktische Funktion.

Der vollständige Bildschirm zur hervorgehobenen Atolla-Qualle zeigt ihr Belegbild, ihre Seltenheit, Entdeckungstiefe, Sichtungszeit sowie die Aktionen zur Aufzeichnung und zum Tauchen.
Der vollständige Bildschirm zur hervorgehobenen Atolla-Qualle zeigt ihr Belegbild, ihre Seltenheit, Entdeckungstiefe, Sichtungszeit sowie die Aktionen zur Aufzeichnung und zum Tauchen.

Entdeckungsdaten von Referenzinformationen trennen

Die hervorgehobene Karte und die vollständige Aufzeichnung beziehen sich auf dieselbe Identität, beantworten aber unterschiedliche Fragen. Die Karte fasst diese Entdeckung zusammen. Die Aufzeichnung ergänzt eine Fahrzeugbezeichnung, einen Tiefenbereich, die Größe und eine Beschreibung. Diese Unterscheidung ist besonders für das Design von Bestimmungsführern nützlich, bei dem eine einzelne Beobachtung und ein allgemeines Artmerkmal nicht verwechselt werden sollten.

Unterschiedliche Rollen der Felder in der Atolla-Jelly-Aufzeichnung
FeldErfasstes BeispielRolle in der Benutzeroberfläche
Entdeckungstiefe1,560 mBeschreibt die mit dieser Aufzeichnung verknüpfte Beispiel-Sichtung.
Tiefenbereich1,000–4,000 mBietet einen umfassenderen Referenzbereich, nicht die Tiefe dieser einzelnen Entdeckung.
Erste Sichtung11 Aug 2025 · 21:33Ordnet die Beispielaufzeichnung zeitlich ein.
FahrzeugROV VentanaErgänzt den Kontext der Beispiel-Sichtung, statt die Identität des Belegs zu ändern.
GrößeSchirm ca. 15 cmLiefert eine separate Art von Referenzinformation mit einer expliziten Einheit.

Einen unbekannten Beleg in eine umsetzbare Mission verwandeln

Der Bildschirm Expeditions enthält sieben Aufgaben mit unterschiedlichen Fortschrittseinheiten. Twilight zone station hold steht bereits bei 3 / 3 holds und bietet Complete and unlock an. Large cephalopod sonar trace steht bei 5 / 6 passes und bietet Log a dive · +1 an. Der Unterschied zwischen diesen Aktionen macht den nächsten Schritt sichtbar, bevor die nutzende Person tippt.

Diese Einheiten sind wichtig. Drei holds, sechs passes und fünf profiles sind keine austauschbaren Fortschrittspunkte. Indem die Benutzeroberfläche die Aufgabe benennt und ihre Einheit beibehält, erhält der Fortschrittsbalken eine verständliche Bedeutung. Eine abgeschlossene Messung und eine freigeschaltete Aufzeichnung sind ebenfalls getrennte Zustände: Die bereite Aufgabe fordert die Besucherin oder den Besucher weiterhin auf, die Entdeckung zu beanspruchen.

Der vollständige Missionsbildschirm stellt eine Aufgabe mit erfüllter Bedingung Aufgaben gegenüber, die sich noch im Fortschritt befinden, und behält die Einheit jeder Mission sowie die von ihr freigeschaltete Aufzeichnung bei.
Der vollständige Missionsbildschirm stellt eine Aufgabe mit erfüllter Bedingung Aufgaben gegenüber, die sich noch im Fortschritt befinden, und behält die Einheit jeder Mission sowie die von ihr freigeschaltete Aufzeichnung bei.

Die gesperrte Karte mit ihrer Voraussetzung verknüpfen

Unknown · 004 nennt Twilight zone station hold und sagt 0 holds to go. Der Missionsbildschirm bietet anschließend Complete and unlock an. Die Verknüpfung dieser Beschriftungen hilft der Besucherin oder dem Besucher zu verstehen, warum eine Karte weiterhin unbekannt sein kann, obwohl ihre Messung abgeschlossen ist: Die abschließende Freischaltaktion wurde noch nicht ausgeführt.

Für einen anderen Zustand eine andere Aktion verwenden

Log a dive · +1 vermittelt schrittweisen Fortschritt; Complete and unlock vermittelt den Übergang in die Sammlung. Diese Beschriftungen unterscheidbar zu halten ist nützlicher, als auf jeder Karte dieselbe Schaltfläche anzuzeigen und die Besucherin oder den Besucher selbst herausfinden zu lassen, was sie bewirkt.

Dem Durchsuchen eigene Steuerelemente geben

Filter für Ozeanregion und Seltenheit gehören zur Belegsammlung, während der Aufgabenfortschritt zu Expeditions gehört. Dadurch wird das Finden einer bestehenden Aufzeichnung vom Arbeiten auf eine neue Aufzeichnung hin getrennt. Eine Anpassung sollte diese Unterscheidung beim Hinzufügen einer Suche, leerer Ergebnisse oder einer umfangreicheren Missionsliste beibehalten.

Was dieser Prototyp einer Meeres-App demonstriert

Abyssal Log ist ein lokaler Prototyp für Sammlung und Missionen. Die Quelle kennzeichnet Sichtungszeitstempel und Fahrzeuge ausdrücklich als Demodatensätze. Seine Biologie, Seltenheitsstufen und Tiefenwerte sind keine unabhängig verifizierten wissenschaftlichen Referenzen. Die isolierte Vorschau verfügt über keinen Live-Expeditionsfeed und kein Cloud-Konto. Das bereitgestellte Bildmaterial wird für die lokale Prüfung beibehalten; vor einer öffentlichen Nutzung müssen die Weitergaberechte separat geprüft werden.

So gestalten Sie eine Meerestier-App in OpenDesign

  1. OpenDesign herunterladen und installieren

    Desktop-App herunterladen, installieren und Einrichtung abschließen. Ein Projekt für das Design anlegen.

    OpenDesign herunterladen
  2. Beziehung zwischen Beleg und Mission definieren

    Beginnen Sie mit einem kleinen Katalog und einer klaren Regel dafür, wie jede unbekannte Aufzeichnung sichtbar wird. Verwenden Sie den folgenden neuen Design-Prompt als praktischen Ausgangspunkt, nicht als Behauptung über den Prozess der ursprünglichen erstellenden Person.

    Vorgeschlagener Prompt

    Erstelle das Design einer App für eine Meeressammlung mit achtzehn Beispielbelegen, von denen elf anfangs protokolliert sind. Verwende eine dunkle mobile Benutzeroberfläche mit einem türkisfarbenen Akzent und einer großen Karte für den hervorgehobenen Beleg. Zeige einen gebräuchlichen Namen, einen wissenschaftlichen Namen, Seltenheit, Entdeckungstiefe und den Zeitpunkt der ersten Sichtung sowie die Aktionen View Record und Dive. Biete darunter Filter für Region und Seltenheit an und lasse unbekannte Aufzeichnungen sichtbar. Jede unbekannte Aufzeichnung sollte die Mission und die verbleibende Voraussetzung zum Freischalten nennen. Der Bildschirm Expeditions benötigt klar unterscheidbare Fortschrittseinheiten wie holds, passes und samples. Füge eine Aufgabe ein, deren Bedingung erfüllt ist, deren Aufzeichnung aber noch nicht beansprucht wurde. Verwende für diesen Zustand Complete and Unlock und für unvollständige Aufgaben Log a Dive. Die Detailansicht des Belegs sollte die Entdeckungstiefe von einem Referenztiefenbereich trennen. Kennzeichne Beobachtungen und Missionsfortschritt als fiktive Demodaten, ohne wissenschaftlichen Live-Dienst oder Cloud-Konto.

  3. Bereite Zustände für bereit, unvollständig und beansprucht vor

    Bitte OpenDesign, alle drei Zustände für eine Mission anzuzeigen. Die dargestellte Einheit sollte bei zunehmendem Fortschritt gleich bleiben. Das Beanspruchen der abgeschlossenen Aufgabe sollte genau einmal die vorgesehene Aufzeichnung sichtbar machen und die Anzahl der protokollierten Einträge aktualisieren, ohne andere Entdeckungen zurückzusetzen.

  4. Lesbarkeit der Aufzeichnung auf einem Smartphone prüfen

    Verwende einen langen wissenschaftlichen Namen und ein dreistelliges Fortschrittsziel. Halte Beschriftungen, Einheiten und Aktionen lesbar, ohne sie durch die untere Navigation zu verdecken. Das Bild des Belegs sollte in seinen Rahmen passen, ohne das Motiv zuzuschneiden, und die längere Detailaufzeichnung sollte scrollbar sein.

  5. 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.

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows