モバイルアプリ
海洋コレクションアプリデザイン
Abyssal Logは、海洋標本コレクションと潜航ミッションを結び付けます。各未確認記録には、それを明らかにするためのタスクと残りの進捗が示されます。
LLM Arena 2026年9月
ケースメモ- モデル
- Claude Opus 5
- デザインタスク
- 深海生物カードコレクションアプリ
- 出力
- モバイルアプリ
適した用途
- 標本コレクションアプリビジュアルカタログと有用な発見記録を結び付けます。
- ミッション型インターフェースアイテムが利用可能になるまでに必要な残りの作業を示します。
- モバイル学習プロダクト発見データと詳細な参照情報を分けて表示します。
主な特長
- 注目標本1枚の画像から、希少度、発見深度、目撃時刻へと情報を展開します。
- 2通りの閲覧方法海域と希少度によって同じコレクションを整理します。
- 測定可能な潜航ミッションホールド、通過、サンプルによって各タスクの進捗を具体的に示します。
- 明確なロック解除条件未確認記録には、ミッション名と残っている作業が示されます。
海洋コレクションアプリを見る
1 / 4それぞれの発見を説明する海洋コレクションアプリ
Abyssal Logは、小さなカードを並べるのではなく、注目標本から始まります。キャプチャされた状態では、アトラ・ジェリーの下に学名、希少度、発見深度、初回目撃のタイムスタンプが表示されています。それらの情報の下にView recordとDiveが配置されています。一方のアクションでは現在の記録を詳しく確認でき、もう一方ではコレクションを拡張するための作業へ進めます。
ヘッダーには「記録済み 11 / 18」と表示され、その下のコレクションには発見済みの生物とUnknownの項目が含まれています。そのため、このページではコレクションが完成する前から全体の規模が示されます。未確認カードは単なる装飾的なシルエットではありません。ミッション名と残りの条件が記載され、未完成の記録に実用的な役割を与えています。
発見データと参照情報を分けて表示する
注目カードと完全な記録は同じ標本を扱っていますが、それぞれ異なる問いに答えます。カードは今回の発見を要約し、記録には機体ラベル、深度範囲、サイズ、説明が追加されます。この区別は、個別の観測情報と種に関する一般的な属性を混同すべきでないフィールドガイドのデザインにおいて、特に有用です。
| フィールド | キャプチャされた例 | インターフェース上の役割 |
|---|---|---|
| 発見深度 | 1,560 m | この記録に紐付いたサンプルの目撃情報を説明します。 |
| 深度範囲 | 1,000~4,000 m | 今回の発見地点の深度ではなく、より広い参照範囲を示します。 |
| 初回目撃 | 2025年8月11日 · 21:33 | デモ用の記録を時間軸上に位置付けます。 |
| 機体 | ROV Ventana | 標本の識別情報を変えるのではなく、サンプルの目撃状況に文脈を加えます。 |
| サイズ | 傘径 約15 cm | 単位を明記した別種の参照情報を提供します。 |
未確認標本を実行可能なミッションに変える
Expeditions画面には、異なる進捗単位を持つ7件のタスクがあります。Twilight zone station holdはすでに3 / 3ホールドに達し、Complete and unlockが表示されています。Large cephalopod sonar traceは5 / 6通過で、Log a dive · +1が表示されています。これらのアクションを区別することで、ユーザーがタップする前に次の手順が分かります。
これらの単位には意味があります。3ホールド、6通過、5プロファイルは、相互に置き換えられる進捗ポイントではありません。タスク名を示し、その単位を維持することで、インターフェースは進捗バーに理解しやすい意味を持たせています。また、測定の完了と記録のロック解除も別々の状態です。準備完了のタスクでも、訪問者は発見を受け取る必要があります。

ロックされたカードを条件に結び付ける
Unknown · 004にはTwilight zone station holdの名前と0 holds to goが表示されます。その後、ミッション画面にComplete and unlockが表示されます。これらのラベルを関連付けることで、測定が完了しているのにカードが未確認のままである理由を訪問者が理解しやすくなります。つまり、最後のロック解除アクションがまだ実行されていないためです。
状態ごとに異なるアクションを使用する
Log a dive · +1は段階的な進捗を伝え、Complete and unlockはコレクションに加わる状態への移行を伝えます。すべてのカードに同じボタンを表示し、その動作を訪問者自身に探らせるよりも、これらのラベルを明確に区別するほうが有用です。
閲覧専用の操作を用意する
海域と希少度のフィルターは標本コレクションに属し、タスクの進捗はExpeditionsに属します。これにより、既存の記録を探す操作と、新しい記録の獲得に向けた作業が分けられます。検索、該当結果なしの状態、より大規模なミッション一覧を追加する場合も、この区別を維持する必要があります。
この海洋アプリのプロトタイプが示すもの
Abyssal Logは、ローカル環境で動作するコレクション兼ミッションのプロトタイプです。目撃時刻のタイムスタンプと機体はデモ用の記録であると、ソースに明記されています。生物学的情報、希少度の段階、深度値は、独立して検証された科学的参考資料ではありません。独立したプレビューには、稼働中の探査フィードやクラウドアカウントはありません。提供された画像はローカルでの確認用に保持されており、公開利用する前に再配布の許可を別途確認する必要があります。
OpenDesignで海洋コレクションアプリをデザインする方法
標本とミッションの関係を定義する
小規模なカタログと、各未確認記録を明らかにするための明確なルールから始めます。以下の新規デザインプロンプトは、元の制作者のプロセスに関する主張ではなく、実用的な出発点として使用してください。
推奨プロンプト18点のサンプル標本を収録し、そのうち11点が最初から記録済みになっている海洋コレクションアプリをデザインしてください。ティールをアクセントカラーにしたダークテーマのモバイルインターフェースと、大きな注目標本カードを使用します。一般名、学名、希少度、発見深度、初回目撃時刻を表示し、「View Record」と「Dive」のアクションを設けてください。その下に海域と希少度のフィルターを配置し、未確認記録も表示された状態にします。各未確認記録には、ロック解除に必要なミッション名と残りの条件を記載してください。「Expeditions」画面では、ホールド、通過、サンプルなど、互いに異なる進捗単位を使用する必要があります。条件は達成済みでも、記録がまだ受け取られていないタスクを1件含めてください。その状態には「Complete and Unlock」を使用し、未完了のタスクには「Log a Dive」を使用します。標本詳細ビューでは、発見深度と参照用の深度範囲を分けて表示してください。観測情報とミッション進捗は架空のデモデータであり、稼働中の科学サービスやクラウドアカウントは存在しないことを明記してください。
準備完了、未完了、受け取り済みの状態を確認する
1つのミッションについて3つすべての状態を表示するようOpenDesignに指示します。進捗が増えても、表示する単位は同じものを維持してください。完了済みタスクを受け取ると、対象の記録が一度だけ明らかになり、無関係な発見をリセットせずに記録済み件数が更新される必要があります。
スマートフォン上で記録の読みやすさを確認する
長い学名と3桁の進捗目標を使用します。ラベル、単位、アクションが下部ナビゲーションに覆われず、読みやすい状態を保ってください。標本画像は被写体を切り取らずにフレーム内へ収め、長い詳細記録はスクロールできるようにします。
エクスポートして共有リンクを取得
完成したデザインをエクスポートし、OpenDesignの「共有」機能を使って共有リンクを取得してください。別のブラウザウィンドウでリンクを開き、意図したバージョンとそのアセットが正しく表示されることを確認してから送付してください。



