Animality
Documentazione e progettazione per la piattaforma di streaming video e l'applicazione mobile
Informazioni sul progetto Animality
Animality è uno dei progetti della Fondazione Centaurus, che abbiamo implementato dall’idea iniziale al prodotto digitale finito. L’obiettivo del progetto era creare una piattaforma video internazionale che educasse e coinvolgesse, presentando iniziative per il benessere degli animali in tutto il mondo. È uno spazio virtuale che mette in contatto organizzazioni, volontari e individui che hanno a cuore la difficile situazione degli animali.
Ambito del lavoro di documentazione
Il nostro compito era sviluppare una documentazione completa per l’implementazione e la grafica per la piattaforma di streaming video Animality, utilizzando la tecnologia JAVA e un’app mobile (iOS e Android). L’obiettivo era portare l’esperienza Animality sui dispositivi mobili, semplificando la visualizzazione dei video (simile, ad esempio, all’app Netflix). Data la portata globale del progetto, il lavoro di pre-implementazione ha incluso la gestione delle versioni linguistiche delle visualizzazioni per gli abbonati donatori, nonché dei pannelli di gestione dei contenuti e della piattaforma in un modello distribuito per i creatori di contenuti in tutto il mondo.
Analisi dei ruoli utente e dell'architettura di sistema
Insieme al team di sviluppo di eFresh, abbiamo analizzato i ruoli utente, sviluppato ipotesi funzionali e poi le abbiamo tradotte in descrizioni di viste chiave, percorsi utente e struttura dell’interfaccia. La documentazione risultante è diventata la base per la preparazione di mockup a bassa fedeltà che hanno organizzato l’intero sistema e consentito una transizione fluida alla progettazione dei layout finali.
Ruoli chiave definiti sulla piattaforma:
Gruppo A: Donatori_Iscritti (Spettatori) – persone che sostengono il progetto, inclusi adulti e bambini (destinatari dei contenuti).
Gruppo B: Centri_Creatori di contenuti – custodi di animali che mostrano il loro lavoro quotidiano e condividono la loro esperienza nella cura di animali da tutto il mondo.
Gruppo C: Team Animality – sceneggiatori, video editor, custodi dei centri – tutte le persone che elaborano i contenuti e gestiscono la piattaforma.
Gruppo D: Manager Animality – il team che gestisce i processi sulla piattaforma e prende decisioni chiave.
Nella fase di analisi abbiamo dedicato molta attenzione allo sviluppo dell’architettura del sistema e dei principi di comunicazione tra i suoi singoli moduli, tenendo conto delle esigenze dei singoli gruppi di utenti.
Elenco delle visualizzazioni e delle funzionalità
Il risultato dell’analisi e del lavoro concettuale è stato un documento chiamato “userflow”, che descriveva i processi che si svolgevano sulla piattaforma, gli algoritmi di registrazione e accesso degli utenti e i presupposti alla base del funzionamento delle singole visualizzazioni. Per la piattaforma di streaming video è stato creato un documento di oltre 600 pagine, che è servito come base per la fase di progettazione e la creazione di mockup cliccabili.
Per organizzare il lavoro futuro, abbiamo sviluppato un elenco di viste (uniche e complementari) nel software Monday, insieme a linee guida per i designer. Con un gran numero di viste, un’attenta pianificazione è essenziale per evitare lacune e conflitti.
Questa fase ha creato il framework per l’intera piattaforma: dalle schermate di registrazione e accesso, alle viste di onboarding e avvio, fino agli scenari utente di ritorno e alle viste dettagliate per i contenuti video e le impostazioni dell’account. Ogni schermata aveva il suo ruolo e il suo posto nell’architettura dell’applicazione: nulla è stato lasciato al caso.
Viste chiave dei progetti concettuali
Dopo aver completato il lavoro di UX, il nostro team di progettazione ha preso in carico il compito e ha preparato i primi progetti concettuali delle visualizzazioni più importanti, dal punto di vista del responsabile del progetto. In questa fase, abbiamo presentato esempi di visualizzazioni della homepage (che illustravano, tra le altre cose, i principi di filtraggio e tagging dei video), visualizzazioni del sito (che funzionavano come canali YouTube), visualizzazioni di video selezionati ed esempi di semplici visualizzazioni supplementari, come messaggi speciali.
Sviluppo di un sistema di progettazione per la piattaforma
Un elemento cruciale del nostro lavoro, soprattutto nei progetti complessi, è lo sviluppo di un Design System coerente, ovvero i principi per la creazione di griglie (la disposizione delle singole viste), la progettazione e l’utilizzo dei pulsanti, la creazione di sezioni e la creazione di illustrazioni. Un Design System ben progettato semplifica notevolmente il lavoro del team di sviluppo e aiuta a evitare molti errori durante la fase di implementazione.
Prototipi di mockup desktop Web di Donator_Asubscriber
In questa fase, abbiamo trasformato funzionalità e visualizzazioni precedentemente definite in mockup interattivi specifici per la versione desktop della piattaforma, dal punto di vista del Donor_Subscriber (noto anche come Viewer). Ci siamo concentrati su ergonomia, navigazione intuitiva e layout chiaro per offrire agli utenti la migliore esperienza possibile durante l’utilizzo della piattaforma. Il nostro design si è ispirato alle migliori esperienze di piattaforme come Netflix, HBO Max e ShowTime.
Donator_Asubscriber versione desktop scura
Oltre alle funzionalità standard, le visualizzazioni desktop sono state ottimizzate per soddisfare le esigenze degli utenti e le tendenze contemporanee, da qui la versione con interfaccia scura. Ciò garantisce un utilizzo confortevole in condizioni di scarsa illuminazione e sottolinea il carattere moderno della piattaforma. Inoltre, abbiamo progettato un sistema per adattare le dimensioni dei caratteri agli utenti ipovedenti.
Donator_Abonent Versione mobile – design della piattaforma reattiva
Durante la progettazione della versione mobile della piattaforma, abbiamo garantito un layout intuitivo e chiaro, che garantisse un utilizzo confortevole su schermi di diverse dimensioni. Ci siamo concentrati sull’accesso fluido alle funzionalità chiave e su una navigazione intuitiva, per garantire un’esperienza utente coerente con la versione desktop.
Donator_Abonent versione dark - versione mobile della piattaforma
Abbiamo adattato il tema scuro alle esigenze specifiche dei dispositivi mobili, garantendo un contrasto ottimale e facilità d’uso in mobilità. Questo rende l’utilizzo della piattaforma su smartphone e tablet piacevole indipendentemente dalle condizioni di illuminazione.
Applicazione mobile Donator_Asubscriber
Sebbene l’app mobile di Animality sia funzionalmente molto simile alla versione web per dispositivi mobili, i suoi mockup hanno richiesto un approccio separato. Questo ci ha permesso di sfruttare al meglio le funzionalità dell’app nativa, come le notifiche push, l’accesso rapido dalla schermata iniziale e la funzionalità offline. I nostri mockup si sono concentrati sull’esperienza utente e sulla navigazione intuitiva, adattando il layout e gli elementi dell’interfaccia alle esigenze specifiche dei dispositivi mobili Android e iOS.
Abbiamo progettato le visualizzazioni dell’app mobile in modalità chiara e scura per la comodità dell’utente. Il lavoro di progettazione grafica sui layout dell’app mobile ha incluso la creazione di tutte le visualizzazioni necessarie: quelle essenziali per il corretto funzionamento e utilizzo dell’app mobile, nonché visualizzazioni ausiliarie e aggiuntive.
Ampio pannello per la gestione dei processi dell'Animality Team
Un elemento importante della piattaforma è stato l’ampio sistema ERP da noi sviluppato e progettato, che supporta i processi sulla piattaforma suddivisi in singoli dipartimenti: Marketing (attività promozionali, mailing, controllo del traffico, contatti con le celebrità), Ufficio Servizio Clienti (Ufficio Servizio Abbonati), Contenuti (creazione e pubblicazione di video), Raccolta fondi, IT e contabilità.
Il sistema sviluppato ha consentito una pianificazione del lavoro intuitiva e semplice, il controllo delle attività, lo scambio di informazioni tra i reparti e il controllo, ad esempio, di come venivano risolti i problemi segnalati dagli abbonati.
Centri e creatori, ovvero gestione dei contenuti
Dal punto di vista dell’alimentazione della piattaforma con i contenuti, abbiamo sviluppato un intero sistema, accessibile dopo l’accesso, che consente di monitorare l’avanzamento dei lavori su un determinato episodio video. A causa dell’ampiezza dei piani, che prevedevano la collaborazione con 200 centri e la produzione di oltre 800 episodi a settimana, la gestione di questo processo è stata fondamentale per il corretto funzionamento di Animality. Abbiamo suddiviso il processo in: attività preparatorie (il cosiddetto piano di attività), ovvero il lavoro sulla sceneggiatura e sul concept; lavoro sugli episodi in preparazione (il cosiddetto piano di pubblicazione); e il database degli episodi pubblicati. Abbiamo adattato di conseguenza la gestione delle attività e dei file nel sistema progettato.
Funzionalità per l'Animality Center e il team
Il sistema progettato ha consentito un facile controllo non solo del processo di creazione degli episodi (dalla sceneggiatura e dall’ispirazione preparate dagli autori di Animality, passando per il controllo delle materie prime registrate dai Creators presso i Centri, fino alla supervisione delle fasi di montaggio), ma anche di praticamente tutti i processi organizzativi. Il nostro obiettivo era creare un ambiente di lavoro che semplificasse il più possibile il lavoro dell’intero team (da qui, ad esempio, i sistemi di avviso delle attività e la possibilità di commentare ogni episodio).
Modulo di reporting dei risultati della piattaforma
Un modulo chiave che abbiamo sviluppato per Animality è un sistema di reporting avanzato suddiviso in diverse viste: il Report Generale (risultati chiave della piattaforma, disponibili al team di Animality), il Report del Centro (risultati selezionati della piattaforma in termini di fatturazione e donazioni al Centro che crea contenuti per la piattaforma, incluse informazioni sullo stato di fatturazione), il Report di Gestione (incentrato sui risultati finanziari della piattaforma) e il Report delle Celebrità (un report semplificato che consente una facile verifica della fatturazione con la Celebrità, il marchio del progetto). Per ottenere risultati affidabili in questi report è stato necessario progettare algoritmi dettagliati che consentissero il recupero dei dati in tempo reale dalla piattaforma.
Funzionalità di sviluppo
Il processo di documentazione genera sempre numerose idee e miglioramenti in varie fasi di sviluppo. Sappiamo per esperienza che, affinché un progetto venga implementato entro tempi e costi ragionevoli, alcune di queste devono essere rinviate come funzionalità di sviluppo. Nel progetto Animality, abbiamo rinviato a questa fase il promettente modulo di e-learning e la cura degli animali vivi.
hai una visione che vuoi realizzare?
Contattaci e ti aiuteremo a costruire un marchio che conquisterà il mercato.