December 24, 2025

Optimización UX y bases del Marketplace

journal

Esta actualización trae un conjunto importante de cambios tanto en el editor como en las bases del marketplace. El flujo de trabajo para los eventos y el editor de escenas se optimizó con un fuerte enfoque en la usabilidad, reduciendo la fricción y el ruido visual durante la creación. Al mismo tiempo, se implementaron las primeras versiones funcionales del panel del marketplace, el navegador de historias y la página de detalles de la historia, estableciendo la estructura para el descubrimiento y la presentación del lado del jugador.

Versión: App: v0.7.1 - API: v0.9.1-a565d52

Panel del Marketplace

La primera parte importante de esta actualización es el marketplace dashboard, que define el punto de entrada principal para el descubrimiento de historias. El panel se estructura en un pequeño número de secciones claramente definidas, cada una con un propósito específico. En conjunto, estas secciones determinan cómo se muestran y navegan las historias desde el panel, estableciendo la capa central de descubrimiento del marketplace.

Dark-themed Talescape marketplace dashboard. Left navigation shows Marketplace and Editor sections. Top greeting addresses Christian Hanne. Four large category tiles read Daydream, Nightmare, Vision, Echo. Grid of featured story cards titled “STRANDED” with tags and price, plus sections for Newest Stories, Recently Updated, an emotion tag cloud and a recent updates/news panel.

En la parte superior, los Tipos de Sueño actúan como los puntos de entrada principales al catálogo. Cada Tipo de Sueño representa un tono narrativo e intención distintos y conduce directamente a un conjunto correspondiente de historias.

Más abajo, Destacados por Talescape resalta historias seleccionadas. Esta sección se usa para mostrar títulos específicos independientemente del orden de lanzamiento o la actividad de actualizaciones.

Historias más recientes lista las historias publicadas recientemente en orden cronológico, haciendo que las nuevas incorporaciones sean visibles de inmediato. Actualizadas recientemente complementa esto mostrando historias que han cambiado desde su lanzamiento inicial, permitiendo a los usuarios que regresan detectar rápidamente desarrollos o revisiones en curso.

Más abajo, Explorar por emoción ofrece una vía adicional de descubrimiento basada en etiquetas emocionales. Esto permite a los usuarios navegar lateralmente a través de Tipos de Sueño y géneros usando el estado de ánimo como filtro principal, sin abrir el navegador completo o la interfaz de filtros.

Navegador de historias y filtros

El navegador de historias es la primera vista donde el catálogo se expone en su totalidad. Convierte las vías abstractas de descubrimiento del panel en una lista concreta de historias que se pueden escanear, comparar y reducir.

Talescape marketplace browser showing a dark UI grid of repeated story cards titled “STRANDED” with a stormy beach thumbnail, maturity tag “MATURE (16+)”, price “€1.99 (SMALL)”, author “Tiny Games Studio”, story tags and small download/favorite/comment metadata.

Las historias se muestran en una cuadrícula densa, y cada entrada presenta la información necesaria para tomar una decisión rápida: imagen de portada, título, clasificación por edad, nivel de precio, etiquetas y contadores básicos de interacción. El objetivo aquí es la comparación visual rápida sin obligar a los Dreamers a abrir páginas de detalle individuales.

Talescape marketplace browser showing a grid of six story cards titled “STRANDED” with stormy island thumbnails; each card labeled “A Nightmare by Tiny Games Studio” with small tag chips. Right sidebar shows a Filters panel for Dream Type, emotions, topics, genres, age, price and language.

El filtrado se gestiona a través de un panel lateral plegable. Permite refinar por Tipo de Sueño, emociones, temas, géneros, grupos de edad, precios y idioma. Todos los filtros son combinables y se aplican de inmediato, lo que hace posible estrechar progresivamente el catálogo en lugar de reiniciar las búsquedas.

Detalles de la historia

Desde el navegador de historias, los Dreamers pasan a la página de detalles de la historia, que consolida toda la información relevante de una sola historia en un mismo lugar.

La página está dividida en un área de contenido principal y una columna secundaria de detalles. El área principal se centra en la historia en sí, con título, autor, imágenes de vista previa y una descripción completa. Aquí los Dreamers obtienen el contexto narrativo y deciden si la historia se ajusta a sus intereses.

Dark Talescape story page for STRANDED: stormy beach header with leaning palm trees and wreckage. Subtitle reads “A Nightmare by Tiny Games Studio.” Carousel of thumbnails, description box showing author Christian Hanne, right column with mature tag, price (€1.99), emotion/genre/topic tags, content warnings (Horror, Violence) and zero stats.

La columna de detalles expone todos los metadatos estructurados. Esto incluye clasificación por edad, nivel de precio, emociones, géneros, temas, advertencias de contenido y divulgaciones de uso de IA. Al separar el texto descriptivo de las etiquetas estructuradas, la página mantiene la lectura y la evaluación claramente diferenciadas.

Más abajo, los logros y las estadísticas básicas proporcionan contexto adicional sin dominar la página. En conjunto, estos elementos definen cómo se presenta, evalúa y prepara una historia para la compra o la partida.

Renovación del editor de escenas

Después de asentar las bases del marketplace, el foco volvió al editor. El editor de escenas fue muy simplificado y optimizado. Todos los elementos de escena fueron reescritos y ampliados.

Donde antes el editor solo soportaba elementos de imagen, objeto, disparador y texto, ahora la mayoría de los elementos son nuevos y están tipados explícitamente. Cada elemento ahora tiene un icono dedicado, lo que facilita distinguirlos al trabajar en escenas complejas.

Talescape Editor interface showing the scene breadcrumb “Stranded › On the Beach”: a stormy beach illustration with palm trees, shipwreck debris, waves, footprints and a backpack. Left toolbar and “+ Element” menu visible; blue selection boxes mark interactive elements.

La creación y configuración de elementos se simplificó. Las acciones de uso frecuente están disponibles de inmediato, mientras que las opciones menos comunes se movieron a ajustes avanzados que están ocultos por defecto.

Talescape Editor interface: central canvas shows a stormy beach scene with palm trees, wreckage, footprints and a backpack; blue selection boxes mark interactive elements. Left toolbar and top breadcrumb visible; right panel titled “Edit Element” with scene settings and visibility options.

Se clarificó el comportamiento de los elementos:

  • Imagen: los elementos abren directamente el navegador de imágenes
  • Salida y Escena de detalle: permiten la selección inmediata de escena
  • Personaje: los elementos enlazan directamente con la selección de pose del personaje
  • Objeto: los elementos abren el navegador de objetos
  • Interactuar e Inspeccionar: permiten elegir entre modos de interacción
  • Texto: los elementos permanecen sin cambios

Eventos, acciones y condiciones

La selección de acciones y condiciones se reestructuró en eventos, opciones de diálogo y elementos de escena.

Las acciones y condiciones ahora se presentan en vistas de selección dedicadas que admiten búsqueda y filtrado. Cada entrada incluye una breve descripción, lo que facilita entender qué hace antes de seleccionarla. Esto reduce la necesidad de confiar solo en el nombre y baja la fricción al trabajar con conjuntos más grandes de lógica.

El mismo flujo de selección se usa de forma consistente dondequiera que se configuren acciones y condiciones, haciendo que la configuración de eventos sea más predecible y rápida de usar.

Talescape Editor: two dark panels side-by-side titled “Select Condition” and “Select Action.” Each shows a searchable list of items (e.g., “Achievement is unlocked,” “Compare number value,” “Contains item” on the left; “Add item to inventory,” “Change scene,” “Increase variable” on the right), small category badges, filter icons, and bottom buttons labeled “Add Condition(s) (0)” and “Add Action(s) (0).”

El trabajo restante se centra en el flujo de compra y en cómo los Dreamers inician, continúan y completan historias, incluidas las reseñas y el estado de finalización. Después de eso, se implementará el sistema de pagos para soportar la publicación una vez que la plataforma esté activa.

Eso es todo por esta actualización. Felices fiestas y gracias por seguir el proyecto.