Aplicación móvil
Diseño de app de colección
Abyssal Atlas conecta una colección de especímenes con una cola de inmersiones. Descubre cómo los registros bloqueados, dos filas de filtros y los recuentos de progreso explican qué descubrir a continuación.
LLM Arena sep. 2026
Notas del caso- Modelo
- Grok 4.6
- Tarea de diseño
- App de colección de tarjetas de criaturas de las profundidades marinas
- Resultado
- Aplicación móvil
Diseñado para
- Diseño de apps de colecciónReúne los registros encontrados y no descubiertos en una única colección explorable.
- Interfaces de juegos de descubrimientoConecta una misión con el elemento que puede revelar.
- Guías de campo móvilesSepara la vista general de un espécimen de su registro detallado.
Aspectos destacados
- Dos filtros independientesLa zona de profundidad y la rareza ofrecen distintas formas de explorar el archivo.
- Registros bloqueados visiblesLas tarjetas desconocidas muestran la expedición necesaria para revelarlas.
- Dos medidas de progresoLa finalización del archivo y la cola de misiones tienen recuentos independientes.
- Detalles compactos de los especímenesLa vista detallada añade una descripción y una hora de descubrimiento más precisa.
Explora la app de descubrimientos
1 / 4Una app de descubrimientos con una colección y una próxima acción
Abyssal Atlas usa dos pestañas, Atlas y Dive, para conectar una colección con las acciones que la amplían. Atlas muestra el espécimen actual y un archivo desplazable. Dive enumera las expediciones con nombre asociadas a registros no descubiertos. La estructura ofrece al visitante tanto algo que explorar ahora como un motivo para pasar a otra pantalla.
El encabezado inicial indica 7 de 13 especímenes archivados y un 54 % registrado. Esos datos describen el progreso de todo el archivo. SPECIMEN 02 / 13 describe, en cambio, el registro que se muestra en ese momento. Mantener visibles las etiquetas es importante: el visitante está viendo la segunda entrada, pero ya ha recopilado siete especímenes.
Haz que los registros no descubiertos sean útiles al explorar
Los registros bloqueados siguen formando parte del archivo en lugar de desaparecer de él. Una tarjeta desconocida conserva su posición numerada y muestra una expedición con nombre, como Twilight Trawl. Esto da una función útil al espacio vacío: indica al visitante qué probar a continuación sin revelar el espécimen antes de tiempo.
Mantén estable el tamaño de la colección
Las entradas archivadas y bloqueadas ocupan la misma colección. El lector puede comprender el alcance total sin visitar una pantalla de logros independiente. Como las tarjetas bloqueadas usan información de la misión en lugar del nombre de una especie, comunican tanto un límite como una vía para avanzar.
Separa el hábitat de la rareza
Dos filas de botones filtran por zona de profundidad y rareza. Son preguntas distintas sobre la misma colección, no secciones de navegación que compiten entre sí. Las etiquetas abreviadas ahorran espacio en un teléfono; una adaptación como guía de campo debería explicar términos como Meso y Bathy a quienes aún no los conozcan.
Distingue la posición de exploración del progreso
El número del espécimen seleccionado, el recuento de elementos archivados y el porcentaje deben mantener la coherencia sin ser intercambiables. Filtrar las tarjetas visibles es otra operación distinta. Una interfaz en producción no debería cambiar silenciosamente el significado del indicador de progreso global cuando un visitante acota la lista.
Navega entre el registro de un espécimen y la cola de inmersiones
La vista general del calamar vampiro muestra sus nombres común y científico, rareza, profundidad y fecha del primer hallazgo. Al abrir el registro, se añaden una breve descripción, una etiqueta de zona de profundidad y una hora junto a la fecha. Por tanto, la vista detallada aporta información en lugar de limitarse a ampliar la misma tarjeta.
Dive Board comienza con seis expediciones y un recuento independiente de 0 / 6 para la cola de misiones. Cada entrada indica el nombre de una inmersión, su zona de profundidad y un objetivo antes de la acción Log this expedition. El recuento del archivo permanece visible en la parte superior. Estos dos totales permiten comprender tanto la colección disponible como la cola que se puede completar.
| Etiqueta | Valor capturado | Qué contabiliza |
|---|---|---|
| Especímenes archivados | 7 de 13 | Registros que ya están visibles en el archivo. |
| Progreso registrado | 54 % | Una expresión redondeada del mismo nivel de finalización del archivo. |
| Espécimen actual | 02 / 13 | La posición del espécimen seleccionado, no una tasa de finalización. |
| Cola de misiones | 0 / 6 | Elementos completados en el ciclo de expediciones mostrado. |
Un prototipo local de descubrimientos con registros de muestra
Esta es una demostración local de colección y desbloqueo, no un servicio de expediciones en vivo. Las profundidades, las fechas de avistamiento, los niveles de rareza y las descripciones biológicas son contenido de origen, no datos científicos de referencia validados de forma independiente. La vista previa aislada no ofrece cuentas ni sincronización en la nube. Las imágenes de origen se conservan para esta revisión local; los permisos requerirían una comprobación independiente antes de su redistribución pública.
Cómo crear un diseño de app de colección de descubrimientos en OpenDesign
Define el archivo y su ciclo de desbloqueo
Proporciona a OpenDesign una colección fija de muestra y una relación explícita entre cada misión y su registro bloqueado. El siguiente prompt describe un nuevo ejercicio de diseño inspirado en este caso.
Prompt sugeridoCrea un diseño de app de colección de descubrimientos para un archivo ficticio de las profundidades marinas con trece especímenes, siete de ellos descubiertos inicialmente. Usa una interfaz móvil oscura con detalles en verde azulado y dos pestañas inferiores: Atlas y Dive. Atlas muestra una tarjeta del espécimen actual, sus nombres común y científico, rareza, profundidad y fecha del primer hallazgo, seguida de una cuadrícula de la colección. Mantén visibles las entradas bloqueadas con un número fijo y el nombre de la expedición que las desbloquea. Añade filas de filtros independientes para la zona de profundidad y la rareza. La pantalla de detalle debe añadir una descripción y la hora exacta del descubrimiento, en lugar de limitarse a repetir la tarjeta. Dive muestra seis expediciones con nombre, un objetivo, un estado y una acción local para registrar. Mantén separados el progreso del archivo, la finalización de misiones y la posición del registro actual. Usa registros de muestra claramente etiquetados y no insinúes que se trata de inmersiones reales, verificación científica o cuentas en la nube.
Vincula una misión con la colección
Pide a OpenDesign que muestre los estados preparada, en curso y completada de una expedición y que después revele su registro objetivo. Comprueba que el recuento del archivo cambie una sola vez, que la misma tarjeta conserve su posición y que repetir una acción completada no pueda aumentar el progreso.
Aclara las etiquetas de los filtros y los resultados vacíos
Selecciona a la vez una zona de profundidad y una rareza. Solicita un estado vacío explícito cuando no haya registros coincidentes, con una opción para borrar los filtros. Mantén el recuento total del archivo separado de los resultados filtrados y proporciona explicaciones legibles de los términos científicos abreviados.
Exportar y obtener un enlace para compartir
Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.
Diseño de aplicación de colección marina
Abyssal Log conecta una colección de especímenes marinos con misiones de inmersión. Cada ficha desconocida explica la tarea y el progreso restante necesario para revelarla.
Aplicación móvil
Diseño de sitio web para recorridos nocturnos por Bianjing
Un recorrido nocturno interactivo por una Bianjing imaginada de la era Song, que combina una ciudad fluvial persistente, poesía, faroles y un ritmo de capítulos multilingüe.
Sitio web
Diseño de sitio web de empleo
Un estudio de empleo de Kimi construido a partir de ocho escenas lunares, con transiciones vinculadas al desplazamiento y un proceso de solicitud ilustrado.
Sitio web
Diseño de portafolio creativo
El portafolio ficticio de Maya Rowan conecta proyectos, métodos de trabajo y notas.
Sitio web