DYNACO
VISUAL DESIGN
Prototipazione web
ESPERIENZA VISIVA
Guidare un personaggio attraverso un ambiente
IL PROBLEMA
Di solito, l'utente atterra su una pagina e si limita a scorrere passivamente verso il basso un blocco di testo dopo l'altro. Il mio obiettivo era ribaltare questo paradigma. Volevo concepire la visita della pagina web come un esperienza visiva. Considerando la pagina come un profilo di un'azienda generica, ho trasformato un elenco di servizi complessi in un viaggio fisico lungo una gigantesca infografica interattiva.
SFIDE E SCELTE TECNICHE
Quando si parla di concetti come "flussi di dati", "automazione" o "reti", l'utente perde facilmente l'attenzione. Per risolvere questo problema di UX, avevo bisogno di un elemento che desse un senso di scala e progressione. Ecco perché ho introdotto la figura dell'omino esploratore. L'utente non sta "scrollando una pagina", ma sta attivamente guidando un personaggio attraverso un ambiente. Questo rende l'interazione tangibile, e l'omino funge da punto focale per l'occhio durante tutta la discesa.
Per i cambi pagina, ho voluto evitare i noiosi caricamenti standard, programmando un'interazione di scissione fisica dello schermo (split-screen) sincronizzata con effetti sonori aptici. Inoltre, per mantenere la fluidità della navigazione, ho strutturato un sistema di memoria tramite sessionStorage: quando l'utente entra in una delle 15 tappe e poi clicca indietro, il codice riconosce il percorso, salta l'intro iniziale e lo teletrasporta esattamente al punto e al livello di scroll in cui aveva lasciato l'omino.
TORNARE INDIETRO
Per evitare che l'utente dovesse scrollare a vuoto per scendere dall'intera montagna a fine lettura, ho programmato una funzione di reset meccanico: un "salto col paracadute" dotato di accelerazione fisica (easing) e suoni spaziali sincronizzati al millesimo di secondo.
