Aplicativo mobile
Design de aplicativo de coleção marinha
O Abyssal Log conecta uma coleção de espécimes marinhos a missões de mergulho. Cada registro desconhecido explica a tarefa e o progresso restante necessário para revelá-lo.
LLM Arena Set 2026
Notas do caso- Modelo
- Claude Opus 5
- Tarefa de design
- Aplicativo de coleção de cartões de criaturas das profundezas
- Saída
- Aplicativo mobile
Projetado para
- Aplicativos de coleção de espécimesConecte um catálogo visual a registros úteis de descobertas.
- Interfaces baseadas em missõesMostre o trabalho restante antes que um item fique disponível.
- Produtos de aprendizagem para dispositivos móveisSepare os dados da descoberta das informações de referência mais extensas.
Principais destaques
- Um espécime em destaqueUma imagem conduz às informações de raridade, profundidade da descoberta e horário do avistamento.
- Duas formas de explorarRegião oceânica e raridade organizam a mesma coleção.
- Missões de mergulho mensuráveisPermanências, passagens e amostras mantêm concreto o progresso de cada tarefa.
- Requisitos explícitos de desbloqueioOs registros desconhecidos informam a missão e o trabalho ainda necessário.
Explore o aplicativo de coleção marinha
1 / 4Um aplicativo de coleção marinha que explica cada descoberta
O Abyssal Log começa com um espécime em destaque, em vez de uma parede de cartões pequenos. No estado capturado, Atolla Jelly aparece acima de seu nome científico, raridade, profundidade da descoberta e data e hora do primeiro avistamento. View record e Dive ficam abaixo dessas informações. Uma ação aprofunda a entrada atual; a outra conduz ao trabalho que expande a coleção.
O cabeçalho mostra 11 / 18 registrados, e a coleção abaixo inclui tanto criaturas descobertas quanto entradas Unknown. Assim, a página revela o tamanho da coleção antes que ela esteja completa. Os cartões desconhecidos não são apenas silhuetas decorativas: eles informam uma missão e o requisito restante, atribuindo uma função prática a um registro inacabado.
Mantenha os dados da descoberta separados das informações de referência
O cartão em destaque e o registro completo compartilham a mesma identidade, mas respondem a perguntas diferentes. O cartão resume esta descoberta. O registro acrescenta a identificação do veículo, o intervalo de profundidade, o tamanho e a descrição. Essa distinção é particularmente útil no design de guias de campo, em que uma observação individual não deve ser confundida com um atributo geral da espécie.
| Campo | Exemplo capturado | Função na interface |
|---|---|---|
| Profundidade da descoberta | 1.560 m | Descreve o avistamento de exemplo associado a este registro. |
| Intervalo de profundidade | 1.000–4.000 m | Fornece um intervalo de referência mais amplo, não a profundidade desta descoberta específica. |
| Primeiro avistamento | 11 ago. 2025 · 21:33 | Situa o registro de demonstração no tempo. |
| Veículo | ROV Ventana | Acrescenta contexto ao avistamento de exemplo, sem alterar a identidade do espécime. |
| Tamanho | Campânula de aprox. 15 cm | Fornece um tipo distinto de informação de referência com uma unidade explícita. |
Transforme um espécime desconhecido em uma missão acionável
A tela Expeditions contém sete tarefas com diferentes unidades de progresso. Twilight zone station hold já está em 3 / 3 permanências e oferece Complete and unlock. Large cephalopod sonar trace está em 5 / 6 passagens e oferece Log a dive · +1. A diferença entre essas ações deixa visível a próxima etapa antes que o usuário toque na tela.
Essas unidades são importantes. Três permanências, seis passagens e cinco perfis não são pontos de progresso intercambiáveis. Ao nomear a tarefa e manter sua unidade, a interface atribui um significado compreensível à barra de progresso. Uma medição concluída e um registro desbloqueado também são estados distintos: a tarefa pronta ainda solicita que o visitante resgate a descoberta.
Conecte o cartão bloqueado ao seu requisito
Unknown · 004 menciona Twilight zone station hold e informa 0 holds to go. Em seguida, a tela de missões oferece Complete and unlock. Vincular esses rótulos ajuda o visitante a entender por que um cartão ainda pode ser desconhecido mesmo que sua medição esteja concluída: a ação final de desbloqueio ainda não foi realizada.
Use uma ação diferente para cada estado
Log a dive · +1 comunica progresso incremental; Complete and unlock comunica uma transição para a coleção. Manter esses rótulos distintos é mais útil do que exibir o mesmo botão em todos os cartões e fazer o visitante descobrir o que ele faz.
Dê à exploração seus próprios controles
Os filtros por região oceânica e raridade pertencem à coleção de espécimes, enquanto o progresso das tarefas pertence a Expeditions. Isso separa a busca por um registro existente do trabalho para conquistar um novo. Uma adaptação deve preservar essa distinção ao adicionar pesquisa, resultados vazios ou uma lista maior de missões.
O que este protótipo de aplicativo marinho demonstra
O Abyssal Log é um protótipo local de coleção e missões. A fonte identifica explicitamente as datas e os horários dos avistamentos e os veículos como registros de demonstração. Sua biologia, suas categorias de raridade e seus valores de profundidade não são referências científicas verificadas de forma independente. A prévia isolada não conta com feed de expedição em tempo real nem conta na nuvem. As imagens fornecidas são mantidas para análise local, e as permissões de redistribuição exigem uma verificação separada antes do uso público.
Como criar um design de aplicativo de coleção marinha no OpenDesign
Defina a relação entre espécime e missão
Comece com um catálogo pequeno e uma regra clara para revelar cada registro desconhecido. Use o novo prompt de design a seguir como ponto de partida prático, não como uma afirmação sobre o processo do criador original.
Prompt sugeridoCrie um design de aplicativo de coleção marinha com dezoito espécimes de exemplo, onze deles registrados inicialmente. Use uma interface móvel escura com destaque em verde-azulado e um grande cartão de espécime em evidência. Mostre nome comum, nome científico, raridade, profundidade da descoberta e horário do primeiro avistamento, com as ações View Record e Dive. Abaixo, disponibilize filtros por região e raridade e mantenha visíveis os registros desconhecidos. Cada registro desconhecido deve informar o nome da missão e o requisito restante necessário para desbloqueá-lo. A tela Expeditions precisa ter unidades de progresso distintas, como permanências, passagens e amostras. Inclua uma tarefa cuja condição tenha sido cumprida, mas cujo registro ainda não tenha sido resgatado. Use Complete and Unlock para esse estado e Log a Dive para tarefas incompletas. A visualização de detalhes do espécime deve separar a profundidade da descoberta de um intervalo de profundidade de referência. Identifique as observações e o progresso das missões como dados fictícios de demonstração, sem serviço científico em tempo real nem conta na nuvem.
Revise os estados pronto, incompleto e resgatado
Peça ao OpenDesign para mostrar os três estados de uma missão. A unidade exibida deve permanecer a mesma conforme o progresso aumenta. Resgatar a tarefa concluída deve revelar uma única vez o registro pretendido e atualizar a contagem de registros sem redefinir descobertas não relacionadas.
Verifique a legibilidade do registro em um celular
Use um nome científico longo e uma meta de progresso de três dígitos. Mantenha rótulos, unidades e ações legíveis, sem que a navegação inferior os cubra. Faça a imagem do espécime caber no quadro sem cortar o objeto principal e permita a rolagem do registro de detalhes mais longo.
Exportar e obter um link de compartilhamento
Exporte seu design finalizado e, em seguida, use Compartilhar no OpenDesign para obter um link de compartilhamento. Abra o link em uma janela separada do navegador e verifique se a versão desejada e seus assets estão disponíveis antes de enviá-lo.
Design de aplicativo de coleção de descobertas
Abyssal Atlas conecta uma coleção de espécimes a uma fila de mergulhos. Veja como registros bloqueados, duas linhas de filtros e contagens de progresso explicam o que descobrir em seguida.
Aplicativo mobile
Design de Site de Tour Noturno por Bianjing
Uma jornada noturna interativa por uma Bianjing imaginada da era Song, combinando uma cidade fluvial contínua, poesia, lanternas e ritmo de capítulos multilíngue.
Site
Design de Site de Carreiras
Um estudo de carreiras da Kimi construído a partir de oito cenas lunares, com transições vinculadas à rolagem e um processo de candidatura ilustrado.
Site
Design de Site de Portfólio Criativo
O portfólio fictício de Maya Rowan conecta cartões de projetos, prática e notas.
Site