Aplicativo mobile
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.
LLM Arena Set 2026
Notas do caso- Modelo
- Grok 4.6
- Tarefa de design
- Aplicativo de coleção de cartões de criaturas de águas profundas
- Saída
- Aplicativo mobile
Projetado para
- Design de aplicativo de coleçãoMantenha os registros encontrados e ainda não descobertos em uma única coleção navegável.
- Interfaces de jogos de descobertaConecte uma missão ao item que ela pode revelar.
- Guias de campo mobileSepare a visão geral de um espécime de seu registro detalhado.
Principais destaques
- Dois filtros independentesA zona de profundidade e a raridade oferecem maneiras diferentes de acessar o arquivo.
- Registros bloqueados visíveisOs cartões desconhecidos mostram a expedição necessária para revelá-los.
- Duas medidas de progressoA conclusão do arquivo e a fila de missões têm contagens separadas.
- Detalhes compactos dos espécimesA visualização detalhada acrescenta uma descrição e um horário de descoberta mais preciso.
Explore o aplicativo de descobertas
1 / 4Um aplicativo de descobertas com uma coleção e uma próxima ação
Abyssal Atlas usa duas abas, Atlas e Dive, para conectar uma coleção às ações que a expandem. Atlas mostra o espécime atual e um arquivo rolável. Dive lista as expedições nomeadas associadas aos registros ainda não descobertos. A estrutura oferece ao visitante tanto algo para explorar agora quanto um motivo para acessar outra tela.
O cabeçalho inicial informa 7 de 13 espécimes arquivados e 54% registrados. Esses números descrevem o progresso em todo o arquivo. SPECIMEN 02 / 13 descreve, por sua vez, o registro exibido no momento. Manter os rótulos visíveis é importante: o visitante está vendo a segunda entrada, mas já coletou sete espécimes.
Torne os registros ainda não descobertos úteis para navegação
Os registros bloqueados continuam fazendo parte do arquivo, em vez de desaparecerem dele. Um cartão desconhecido mantém sua posição numerada e exibe o nome de uma expedição, como Twilight Trawl. Isso dá uma finalidade útil ao espaço vazio: ele informa ao visitante o que tentar em seguida sem revelar o espécime antes da hora.
Mantenha estável o tamanho da coleção
As entradas arquivadas e bloqueadas ocupam a mesma coleção. O leitor consegue entender o escopo total sem acessar uma tela separada de conquistas. Como os cartões bloqueados usam informações da missão em vez do nome de uma espécie, eles comunicam tanto um limite quanto um caminho para avançar.
Separe o habitat da raridade
Duas linhas de botões em formato de pílula filtram por zona de profundidade e raridade. Essas são perguntas diferentes sobre a mesma coleção, não seções de navegação concorrentes. Os rótulos abreviados economizam espaço no celular; uma adaptação para guia de campo deve explicar termos como Meso e Bathy aos leitores que ainda não os conhecem.
Diferencie a posição de navegação do progresso
O número do espécime selecionado, a contagem arquivada e a porcentagem devem permanecer coerentes sem serem intercambiáveis. Filtrar os cartões visíveis é outra operação distinta. Uma interface de produção não deve alterar silenciosamente o significado do indicador global de progresso quando um visitante restringe a lista.
Navegue entre o registro de um espécime e a fila de mergulhos
A visão geral da lula-vampira mostra seus nomes comum e científico, raridade, profundidade e data da primeira descoberta. Abrir o registro acrescenta uma breve descrição, um rótulo de zona de profundidade e um horário junto à data. Assim, a visualização detalhada acrescenta informações em vez de apenas ampliar o mesmo cartão.
O Dive Board começa com seis expedições e uma contagem separada de 0 / 6 para a fila de missões. Cada entrada informa o nome de um mergulho, sua zona de profundidade e um objetivo antes da ação Log this expedition. A contagem do arquivo permanece visível acima. Esses dois totais permitem que alguém entenda tanto a coleção que possui quanto a fila que pode percorrer.
| Rótulo | Valor capturado | O que contabiliza |
|---|---|---|
| Espécimes arquivados | 7 de 13 | Registros já visíveis no arquivo. |
| Progresso registrado | 54% | Uma expressão arredondada da mesma conclusão do arquivo. |
| Espécime atual | 02 / 13 | A posição do espécime selecionado, não uma taxa de conclusão. |
| Fila de missões | 0 / 6 | Itens concluídos no ciclo de expedições exibido. |
Um protótipo local de descobertas com registros de exemplo
Esta é uma demonstração local de coleção e desbloqueio, não um serviço de expedições em tempo real. Profundidades, datas de avistamento, níveis de raridade e descrições biológicas são conteúdos de origem, não dados científicos de referência validados de forma independente. A prévia isolada não oferece contas nem sincronização na nuvem. As imagens de origem são mantidas para esta avaliação local; as permissões precisariam de uma verificação separada antes de qualquer redistribuição pública.
Como criar um design de aplicativo de coleção de descobertas no OpenDesign
Defina o arquivo e seu ciclo de desbloqueio
Forneça ao OpenDesign uma coleção fixa de amostras e uma relação explícita entre cada missão e seu registro bloqueado. O prompt a seguir descreve um novo exercício de design inspirado neste caso.
Prompt sugeridoCrie o design de um aplicativo de coleção de descobertas para um arquivo fictício de águas profundas com treze espécimes, dos quais sete foram descobertos inicialmente. Use uma interface mobile escura com detalhes em verde-azulado e duas abas inferiores: Atlas e Dive. Atlas exibe um cartão do espécime atual, seus nomes comum e científico, raridade, profundidade e data da primeira descoberta, seguido por uma grade da coleção. Mantenha as entradas bloqueadas visíveis, com um número fixo e o nome da expedição que as desbloqueia. Adicione linhas separadas de filtros por zona de profundidade e raridade. A tela de detalhes deve acrescentar uma descrição e o horário exato da descoberta, em vez de apenas repetir o cartão. Dive exibe seis expedições nomeadas, com objetivo, status e uma ação local para registrar a expedição. Mantenha o progresso do arquivo separado da conclusão das missões e da posição do registro atual. Use registros de exemplo claramente identificados e não sugira mergulhos reais, verificação científica ou contas na nuvem.
Acompanhe uma missão até a coleção
Peça ao OpenDesign para mostrar os estados de pronta, em andamento e concluída de uma expedição e, em seguida, revelar o registro de destino. Verifique se a contagem do arquivo muda apenas uma vez, se o mesmo cartão mantém sua posição e se repetir uma ação concluída não pode aumentar artificialmente o progresso.
Esclareça os rótulos dos filtros e os resultados vazios
Selecione ao mesmo tempo uma zona de profundidade e uma raridade. Solicite um estado vazio explícito quando nenhum registro corresponder, com uma forma de limpar os filtros. Mantenha a contagem total do arquivo separada dos resultados filtrados e forneça explicações legíveis para termos científicos abreviados.
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 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.
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