Мобильное приложение
Дизайн приложения для коллекционирования находок
Abyssal Atlas связывает коллекцию экземпляров с очередью погружений. Узнайте, как заблокированные записи, два ряда фильтров и счётчики прогресса объясняют, что искать дальше.
LLM Arena, сентябрь 2026
Заметки к кейсу- Модель
- Grok 4.6
- Задача дизайна
- Приложение для коллекционирования карточек глубоководных существ
- Результат
- Мобильное приложение
Для чего подходит
- Дизайн приложения-коллекцииХраните найденные и ещё не обнаруженные записи в одной коллекции, доступной для просмотра.
- Интерфейсы игр про находкиСвязывайте миссию с предметом, который она может открыть.
- Мобильные полевые справочникиОтделяйте обзор экземпляра от его подробной записи.
Ключевые особенности
- Два независимых фильтраГлубинная зона и редкость предлагают разные способы поиска по архиву.
- Видимые заблокированные записиНа неизвестных карточках показана экспедиция, необходимая для их открытия.
- Два показателя прогрессаЗавершённость архива и очередь миссий имеют отдельные счётчики.
- Компактные сведения об экземпляреВ подробном представлении добавлены описание и более точное время обнаружения.
Изучите приложение для находок
1 / 4Приложение для находок с коллекцией и следующим действием
Abyssal Atlas использует две вкладки — Atlas и Dive, — чтобы связать коллекцию с действиями, которые её расширяют. На Atlas показаны текущий экземпляр и архив с прокруткой. В Dive перечислены названные экспедиции, связанные с ещё не обнаруженными записями. Такая структура даёт посетителю и объект для просмотра прямо сейчас, и причину перейти на другой экран.
В исходном заголовке указано 7 of 13 specimens archived и 54% logged. Эти значения описывают прогресс по всему архиву. Надпись SPECIMEN 02 / 13 вместо этого обозначает текущую отображаемую запись. Важно сохранять подписи видимыми: посетитель смотрит на вторую запись, но уже собрал семь экземпляров.
Сделайте неоткрытые записи полезными для просмотра
Заблокированные записи остаются частью архива, а не исчезают из него. Неизвестная карточка сохраняет своё место в нумерации и содержит название экспедиции, например Twilight Trawl. Благодаря этому пустой слот получает практическую функцию: он сообщает посетителю, что попробовать дальше, не раскрывая экземпляр преждевременно.
Сохраняйте размер коллекции неизменным
Архивированные и заблокированные записи занимают место в одной коллекции. Читатель может понять общий масштаб без перехода на отдельный экран достижений. Поскольку на заблокированных карточках вместо названия вида используется информация о миссии, они одновременно обозначают границу и путь вперёд.
Отделяйте среду обитания от редкости
Два ряда пилюльных фильтров позволяют фильтровать по глубинной зоне и редкости. Это разные вопросы об одной коллекции, а не конкурирующие разделы навигации. Сокращённые подписи экономят место на телефоне; адаптация под полевой справочник должна объяснять такие термины, как Meso и Bathy, читателям, которые ещё с ними не знакомы.
Различайте позицию просмотра и прогресс
Номер выбранного экземпляра, количество архивированных записей и процент должны оставаться согласованными, но не быть взаимозаменяемыми. Фильтрация видимых карточек — ещё одна отдельная операция. В рабочем интерфейсе нельзя незаметно менять смысл глобального индикатора прогресса, когда посетитель сужает список.
Переходите от записи об экземпляре к очереди погружений
В обзоре вампирового кальмара показаны его общеупотребительное и научное названия, редкость, глубина и дата первой находки. Открытие записи добавляет краткое описание, подпись глубинной зоны и время рядом с датой. Таким образом, подробное представление даёт дополнительную информацию, а не просто увеличивает ту же карточку.
Dive Board начинается с шести экспедиций и отдельного счётчика очереди миссий 0 / 6. В каждой записи указаны погружение, его глубинная зона и цель, после чего следует действие Log this expedition. Счётчик архива остаётся видимым выше. Эти два значения позволяют понять и уже имеющуюся коллекцию, и очередь, с которой можно работать.
| Подпись | Зафиксированное значение | Что подсчитывается |
|---|---|---|
| Архивированные экземпляры | 7 of 13 | Записи, уже видимые в архиве. |
| Зарегистрированный прогресс | 54% | Округлённое выражение той же завершённости архива. |
| Текущий экземпляр | 02 / 13 | Позиция выбранного экземпляра, а не показатель завершённости. |
| Очередь миссий | 0 / 6 | Завершённые элементы отображаемого цикла экспедиций. |
Локальный прототип находок с демонстрационными записями
Это локальная демонстрация коллекционирования и открытия, а не работающий сервис экспедиций. Глубины, даты наблюдений, уровни редкости и биологические описания являются исходным содержимым, а не независимо проверенными научными справочными данными. Изолированный предварительный просмотр не предоставляет аккаунты или облачную синхронизацию. Исходные изображения сохранены для локальной проверки; перед публичным распространением необходимо отдельно проверить права на их использование.
Как создать дизайн приложения для коллекционирования находок в OpenDesign
Определите архив и цикл открытия
Передайте OpenDesign фиксированную коллекцию образцов и явно укажите связь между каждой миссией и заблокированной записью, которую она открывает. Следующий промпт описывает новое дизайнерское упражнение, вдохновлённое этим примером.
Рекомендуемый промптСоздай дизайн приложения для коллекционирования находок для вымышленного глубоководного архива с тринадцатью экземплярами, из которых семь обнаружены изначально. Используй тёмный мобильный интерфейс с бирюзовыми акцентами и двумя нижними вкладками: Atlas и Dive. На вкладке Atlas покажи карточку текущего экземпляра, его общеупотребительное и научное названия, редкость, глубину и дату первой находки, а ниже — сетку коллекции. Оставь заблокированные записи видимыми, с неизменным номером и названием экспедиции, которая их открывает. Добавь отдельные ряды фильтров по глубинной зоне и редкости. На экране подробностей добавь описание и точное время обнаружения, а не просто повторяй содержимое карточки. На вкладке Dive покажи шесть названных экспедиций с целью, статусом и локальным действием Log this expedition. Отдели прогресс архива от выполнения миссий и текущей позиции в записях. Используй понятные демонстрационные записи и не создавай впечатления реальных погружений, научной верификации или облачных аккаунтов.
Свяжите одну миссию с коллекцией
Попросите OpenDesign показать готовое, выполняющееся и завершённое состояния одной экспедиции, а затем раскрыть целевую запись. Проверьте, что счётчик архива изменяется один раз, та же карточка сохраняет свою позицию, а повторное выполнение завершённого действия не увеличивает прогресс.
Проясните подписи фильтров и пустые результаты
Одновременно выберите одну глубинную зону и одну категорию редкости. Попросите явно показывать пустое состояние, когда записи не соответствуют условиям, и добавить возможность очистить фильтры. Отделите общий счётчик архива от результатов фильтрации и дайте понятные пояснения сокращённым научным терминам.
Экспортируйте дизайн и получите ссылку для публикации
Экспортируйте готовый дизайн, затем воспользуйтесь функцией Share в OpenDesign, чтобы получить ссылку. Откройте ссылку в отдельном окне браузера и убедитесь, что нужная версия со всеми ресурсами доступна, прежде чем отправлять её.
Дизайн приложения для морской коллекции
Abyssal Log связывает коллекцию морских образцов с миссиями погружений. Для каждой неизвестной записи указаны задача и оставшийся прогресс, необходимый для её открытия.
Мобильное приложение
Дизайн сайта ночной экскурсии по Бяньцзину
Интерактивное ночное путешествие по воображаемому Бяньцзину эпохи Сун, объединяющее непрерывный речной город, поэзию, фонари и ритм мультиязычного повествования по главам.
Сайт
Дизайн карьерного сайта
Восемь лунных сцен Kimi: анимация прокрутки и схема подачи заявки.
Сайт
Дизайн сайта-портфолио
Вымышленное портфолио Майи Роуэн: проекты, подход к работе и заметки.
Сайт