December 24, 2025

Ottimizzazione UX e fondamenti del marketplace

journal

Questo aggiornamento introduce una serie significativa di cambiamenti sia nell'editor che nelle fondamenta del marketplace. Il flusso di lavoro per eventi e l'editor di scene è stato ottimizzato con un forte focus sull'usabilità, riducendo l'attrito e il rumore visivo durante la creazione. Allo stesso tempo, sono state implementate le prime versioni funzionali della dashboard del marketplace, del browser delle storie e della pagina dei dettagli della storia, definendo la struttura per la scoperta e la presentazione dal lato giocatore.

Versione: App: v0.7.1 - API: v0.9.1-a565d52

Dashboard del marketplace

La prima parte importante di questo aggiornamento è la dashboard del marketplace, che definisce il punto di ingresso principale per la scoperta delle storie. La dashboard è strutturata in un piccolo numero di sezioni chiaramente definite, ognuna con uno scopo specifico. Insieme, queste sezioni stabiliscono come le storie vengono esposte e navigate dalla dashboard, creando il livello core di scoperta 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.

In cima, i Tipi di Sogno fungono da punti di accesso primari nel catalogo. Ogni Tipo di Sogno rappresenta un tono narrativo e un'intenzione distinti e conduce direttamente a un set corrispondente di storie.

Sotto, In evidenza da Talescape mette in risalto storie selezionate. Questa sezione viene usata per mettere in primo piano titoli specifici indipendentemente dall'ordine di rilascio o dall'attività di aggiornamento.

Nuove Storie elenca le storie pubblicate di recente in ordine cronologico, rendendo le nuove aggiunte immediatamente visibili. Aggiornate di recente integra questa lista mostrando le storie che sono cambiate dalla loro pubblicazione iniziale, permettendo agli utenti di ritorno di individuare rapidamente sviluppi o revisioni in corso.

Più in basso, Esplora per Emozione fornisce un ulteriore percorso di scoperta basato sui tag emotivi. Questo permette agli utenti di navigare trasversalmente tra Tipi di Sogno e generi usando l'umore come filtro principale, senza aprire il browser completo o l'interfaccia dei filtri.

Browser delle storie e filtri

Il browser delle storie è la prima vista dove il catalogo è esposto nella sua interezza. Trasforma i percorsi di scoperta astratti dalla dashboard in una lista concreta di storie che possono essere scorse, confrontate e ristrette.

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.

Le storie sono visualizzate in una griglia compatta, con ogni voce che espone le informazioni necessarie per prendere una decisione rapida: immagine di copertina, titolo, classificazione per età, fascia di prezzo, tag e contatori base di coinvolgimento. L'obiettivo qui è un confronto visivo veloce senza costringere i Dreamers ad aprire pagine di dettaglio individuali.

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.

Il filtraggio è gestito tramite un pannello laterale collapsible. Consente di affinare per Tipo di Sogno, emozioni, argomenti, generi, fasce d'età, prezzi e lingua. Tutti i filtri sono combinabili e applicati immediatamente, rendendo possibile restringere progressivamente il catalogo invece di riavviare le ricerche.

Dettagli della storia

Dal browser delle storie, i Dreamers passano alla pagina dei dettagli della storia, che consolida tutte le informazioni rilevanti per una singola storia in un unico posto.

La pagina è divisa in un'area contenuti principale e una colonna secondaria di dettagli. L'area principale si concentra sulla storia stessa, con titolo, autore, immagini anteprima e una descrizione completa. Qui i Dreamers ottengono il contesto narrativo e decidono se la storia è in linea con i loro interessi.

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 colonna dei dettagli espone tutti i metadata strutturati. Questo include classificazione per età, fascia di prezzo, emozioni, generi, argomenti, avvisi di contenuto e divulgazioni sull'uso dell'IA. Separando il testo descrittivo dai tag strutturati, la pagina mantiene lettura e valutazione chiaramente distinte.

Sotto a questo, obiettivi e statistiche base forniscono contesto aggiuntivo senza dominare la pagina. Insieme, questi elementi definiscono come una storia viene presentata, valutata e preparata per l'acquisto o il gioco.

Rifacimento dell'editor di scene

Dopo aver gettato le fondamenta del marketplace, il focus è tornato sull'editor. L'editor di scene è stato fortemente snellito e ottimizzato. Tutti gli elementi di scena sono stati riscritti e ampliati.

Dove prima l'editor supportava solo elementi immagine, oggetto, trigger e testo, la maggior parte degli elementi ora è nuova ed esplicitamente tipizzata. Ogni elemento ha ora un'icona dedicata, rendendo più facile distinguerli quando si lavora in scene complesse.

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 creazione e la configurazione degli elementi sono state semplificate. Le azioni usate più frequentemente sono subito disponibili, mentre le opzioni meno comuni sono state spostate nelle impostazioni avanzate, nascoste per impostazione predefinita.

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.

Il comportamento degli elementi è stato chiarito:

  • Gli elementi Immagine aprono direttamente il browser immagini
  • Gli elementi Uscita e Scena di Dettaglio permettono la selezione immediata della scena
  • Gli elementi Personaggio collegano direttamente alla selezione della posa del personaggio
  • Gli elementi Oggetto aprono il browser oggetti
  • Gli elementi Interagisci e Ispeziona permettono di scegliere tra modalità di interazione
  • Gli elementi Testo rimangono invariati

Eventi, Azioni e Condizioni

La selezione di azioni e condizioni è stata rielaborata in eventi, opzioni di dialogo e elementi di scena.

Azioni e condizioni sono ora presentate in viste di selezione dedicate che supportano ricerca e filtraggio. Ogni voce include una breve descrizione, rendendo più facile capire cosa fa prima di selezionarla. Questo riduce la necessità di affidarsi solo al nome e abbassa l'attrito quando si lavora con insiemi più ampi di logica.

Lo stesso flusso di selezione viene usato in modo coerente ovunque vengano configurate azioni e condizioni, rendendo l'impostazione degli eventi più prevedibile e più veloce da usare.

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).”

Il lavoro rimanente si concentra sul flusso di acquisto e su come i Dreamers iniziano, continuano e completano le storie, incluse le recensioni e lo stato di completamento. Successivamente verrà implementato il sistema di payout per supportare la pubblicazione quando la piattaforma sarà attiva.

Questo è tutto per questo aggiornamento. Buone feste e grazie per seguire il progetto.