모바일 앱
발견과 수집을 위한 앱 디자인
Abyssal Atlas는 표본 컬렉션과 잠수 대기열을 연결합니다. 잠긴 기록, 두 줄의 필터, 진행도 수치가 다음에 무엇을 발견할 수 있는지 어떻게 안내하는지 살펴보세요.
LLM Arena 2026년 9월
케이스 노트- 모델
- 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 같은 용어를 모르는 독자를 위한 설명이 필요합니다.
탐색 위치와 진행도 구분하기
선택한 표본 번호, 보관된 수, 백분율은 서로 일관되어야 하지만 같은 의미로 쓰여서는 안 됩니다. 표시할 카드를 필터링하는 것은 또 다른 작업입니다. 실제 제품에서는 사용자가 목록을 좁힐 때 전체 진행도 표시의 의미가 설명 없이 달라지지 않아야 합니다.
표본 기록과 잠수 대기열 오가기
Vampire Squid 개요에는 일반명과 학명, 희귀도, 수심, 최초 발견 날짜가 표시됩니다. 기록을 열면 짧은 설명, 수심대 레이블, 날짜 옆의 시간 정보가 추가됩니다. 상세 보기는 같은 카드를 크게 보여주는 데 그치지 않고 새로운 정보를 제공합니다.
Dive Board는 탐사 여섯 개와 별도의 미션 대기열 수치 0 / 6으로 시작합니다. 각 항목은 Log this expedition 작업 앞에 잠수 이름, 수심대, 목표를 표시합니다. 아카이브 수치는 그 위에 계속 보입니다. 이 두 합계를 통해 이미 보유한 컬렉션과 앞으로 진행할 대기열을 함께 이해할 수 있습니다.
| 레이블 | 화면에 표시된 값 | 집계 대상 |
|---|---|---|
| 보관된 표본 | 13개 중 7개 | 아카이브에서 이미 볼 수 있는 기록입니다. |
| 기록 진행도 | 54% | 같은 아카이브 완성도를 반올림해 표시한 값입니다. |
| 현재 표본 | 02 / 13 | 완료율이 아니라 선택한 표본의 위치입니다. |
| 미션 대기열 | 0 / 6 | 표시된 탐사 주기에서 완료한 항목 수입니다. |
예시 기록으로 구성한 로컬 탐험 프로토타입
이 작품은 실제 탐사 서비스가 아니라 로컬에서 작동하는 수집 및 잠금 해제 데모입니다. 수심, 관찰 날짜, 희귀도 등급, 생물학적 설명은 원본에 포함된 내용이며, 독립적으로 검증된 과학 참고 데이터가 아닙니다. 격리된 미리보기는 계정이나 클라우드 동기화를 제공하지 않습니다. 원본 이미지는 이 로컬 검토를 위해 보존되었으며, 공개적으로 재배포하기 전에는 권한을 별도로 확인해야 합니다.
OpenDesign에서 발견과 수집을 위한 앱을 디자인하는 방법
아카이브와 잠금 해제 흐름 정의하기
OpenDesign에 고정된 예시 컬렉션을 제공하고 각 미션과 해당 미션으로 잠금을 해제할 기록의 관계를 명확히 알려주세요. 아래 프롬프트는 이 사례에서 착안한 새로운 디자인 연습입니다.
제안된 프롬프트13개의 표본 중 7개가 처음부터 발견된 가상의 심해 아카이브를 위한 수집 앱을 디자인하세요. 청록색을 강조색으로 쓰는 어두운 모바일 인터페이스와 Atlas, Dive라는 두 개의 하단 탭을 만드세요. Atlas에는 현재 표본 카드와 일반명, 학명, 희귀도, 수심, 최초 발견 날짜를 표시하고 그 아래에 컬렉션 그리드를 배치하세요. 잠긴 항목도 고정된 번호와 잠금을 해제하는 탐사 이름을 표시한 채 남겨두세요. 수심대와 희귀도 필터는 별도의 줄에 배치하세요. 상세 화면은 카드를 반복하는 데 그치지 않고 설명과 정확한 발견 시간을 추가해야 합니다. Dive에는 이름이 있는 탐사 6개를 표시하고 각각 목표, 상태, 로컬 기록 작업을 제공하세요. 아카이브 진행도, 미션 완료 수, 현재 기록 위치를 구분하세요. 예시 기록임을 명확히 표시하고 실제 잠수, 과학적 검증 또는 클라우드 계정을 암시하지 마세요.
한 미션에서 컬렉션까지 흐름 확인하기
OpenDesign에 한 탐사의 준비, 진행 중, 완료 상태를 보여준 뒤 대상 기록을 공개하도록 요청하세요. 아카이브 수치가 한 번만 바뀌는지, 같은 카드가 위치를 유지하는지, 완료된 작업을 반복해도 진행도가 부풀려지지 않는지 확인하세요.
필터 이름과 검색 결과 없음 상태 명확히 하기
수심대 하나와 희귀도 하나를 함께 선택하세요. 일치하는 기록이 없을 때는 결과 없음 상태와 필터 초기화 방법을 명확히 보여주도록 요청하세요. 아카이브 전체 수와 필터 결과 수를 구분하고 축약된 과학 용어에는 이해하기 쉬운 설명을 제공하세요.
내보내기 및 공유 링크 받기
완성된 디자인을 내보낸 다음, OpenDesign의 공유 기능을 사용하여 공유 링크를 받으세요. 별도의 브라우저 창에서 링크를 열고 의도한 버전과 해당 자산이 전송 전에 이용 가능한지 확인하세요.
해양 컬렉션 앱 디자인
어비설 로그는 해양 표본 컬렉션을 잠수 미션과 연결합니다. 각각의 미확인 기록에는 이를 공개하기 위한 과제와 남은 진행도가 설명되어 있습니다.
모바일 앱
변경 야간 투어 웹사이트 디자인
상상 속 송대 변경을 관통하는 인터랙티브 야간 여정으로, 지속되는 강변 도시와 시, 등불, 다국어 장별 흐름을 결합합니다.
웹사이트
채용 웹사이트 디자인
여덟 개의 달 장면으로 구성된 Kimi 채용 사례 연구로, 스크롤 연동 전환과 일러스트 지원 프로세스를 포함합니다.
웹사이트
크리에이티브 포트폴리오 웹사이트 디자인
Maya Rowan의 가상 포트폴리오는 프로젝트 카드, 실천 방식, 노트를 연결합니다.
웹사이트