Wiki della Community
Wiki della Community

Hey gente!

Come promesso nell'introduzione a FandomDesktop lo scorso marzo, proseguiamo nel nostro impegno del "Di più è di più" mostrando in anteprima i cambiamenti a Fandom e Gamepedia che avverranno per gli utenti desktop più avanti questa primavera e nell'estate. Più trasparenza, più ragionamenti sul design, più sguardi approfonditi a cosa cambierà prima dell'uscita.

Oggi, diamo un'occhiata a come si evolverà il Theme Designer su FandomDesktop con nuove funzionalità, soluzioni più performanti e più opzioni di personalizzazione per dare vita all'identità della vostra community.

Nuovo look, nuove funzionalità[]

Come parte del progetto UCX, abbiamo riprogettato il Theme Designer da zero come una funzionalità più robusta che migliori la nuova esperienza. In altre aree della UCX, ci siamo concentrati di più sull'ottimizzare le funzioni preesistenti per la nuova esperienza ma, per il Theme Designer, abbiamo ascoltato le vostre richieste e colto l'opportunità per passare al livello successivo.

A sinistra, a sinistra[]

Da quando l'attuale Theme Designer è stato rilasciato, gli utenti desktop si sono mossi verso schermi più larghi dal momento che la grafica è migliorata drasticamente e la tecnologia dei display l'ha seguita. A questo fine, abbiamo rinnovato il Theme Designer con un'esperienza organizzata a sinistra, invece che organizzata in alto. Questo permette di mostrare una porzione maggiore della vostra pagina in un colpo solo mentre lavorate, rendendo più facile completare le attività di design grafico.

Theme Designer Light

Modifiche reali su pagine reali[]

L'esperienza di anteprima del nuovo Theme Designer è un'esperienza live. Potete selezionare la pagina della vostra wiki da utilizzare come anteprima di esempio. I vostri contenuti, non contenuti di esempio, subiscono in diretta le modifiche mentre giocate con il tema.

Theme Designer - Page URL

Questo vi permetterà di vedere come particolari pagine e la loro formattazione specifica rispondono ai cambiamenti che state testando direttamente nell'anteprima, piuttosto che dover salvare le modifiche, uscire dal Theme Designer, controllare la pagina in questione e poi tornare indietro nel caso non fosse quello che volevate. Se volete vedere un'altra pagina, potete cambiare la pagina bersaglio nella barra URL del pannello di anteprima e questa si aggiornerà.

Ricordate il costo di interazione dall'anteprima sulla navigazione, la somma della fatica mentale e fisica richiesta per raggiungere un certo obiettivo? Questo riduce SIGNIFICATIVAMENTE il costo di interazione per il lavoro nel Theme Designer fornendo maggiore chiarezza in come le modifiche influenzano direttamente i vari elementi.

Oh... e le vostre modifiche alla favicon si possono ora vedere in anteprima live nella barra URL della finestra di anteprima!

Giorno e notte[]

Come avrete senza dubbio notato nelle precedenti anteprime di FandomDesktop, garantiremo nativamente con la nuova esperienza sia un tema chiaro sia un tema scuro, incluso il supporto per entrambi i temi nel Theme Designer!

Potrete passare facilmente da un tema all’altro nell'interfaccia del Theme Designer per lavorare su ciascuno e metterli a confronto, tutto all'interno della stessa finestra di anteprima. Avrete anche la possibilità di scegliere quale tema sarà quello di default per la community, presentando ai lettori l'esperienza che voi amministratori pensate essere l'opzione migliore per la vostra wiki.

Un nota rapida su come i due temi funzioneranno in termini di scelta degli utenti:

  • Durante il rilascio opzionale, il tema chiaro e quello scuro saranno limitati solo agli utenti loggati attraverso una preferenza dell'utente.
    • Se un utente non ha selezionato una preferenza, il tema selezionato dagli amministratori sarà usato come esperienza di default su quella particolare wiki.
  • Il pulsante per passare tra uno e l'altro mostrato in molte delle anteprime del design è attualmente in programma per essere rilasciato prima che il primo gruppo di wiki sia convertito a FandomDesktop in modo completo.
  • Il pulsante sarà disponibile sia agli utenti loggati che agli utenti non loggati (anonimi).
    • Per gli utenti loggati, il pulsante salverà la scelta come una modifica alla preferenza globale tra tema chiaro e tema scuro.
    • Per gli utenti anonimi, il pulsante salverà la preferenza solo per la sessione attuale. Aprendo una nuova sessione, gli utenti anonimi saranno considerati come senza preferenza e vedranno il tema di default selezionato dagli amministratori su ogni wiki.

Abbiamo avuto bisogno di un po' più di tempo per sviluppare la logica per le preferenze e il passaggio dall'uno all'altro e, nello spirito di maggiore trasparenza, abbiamo voluto farvi sapere in anticipo di questo piccolo cambiamento rispetto a quanto è stato mostrato.

Scelte di font personalizzati[]

Theme Designer - Font

Inserita all'interno dell'esperienza del Theme Designer, ci sarà l'opzione di scegliere un font personalizzato per il testo delle intestazioni. Partiremo con 5 font aggiuntivi approvati dalla squadra di Product Design per l'usabilità e l'accessibilità. Questi font sono Rubik, Work Sans, Lora, Roboto Slab, BioRhyme e Inknut Antiqua, che sono mostrati nella schermata qui sopra. Altri font personalizzati possono sempre essere usati attraverso il CSS, a patto che rispettino gli standard di accessibilità.

Miglioramenti significativi[]

Oltre a modificare la funzionalità da un punto di vista fondamentale, abbiamo anche colto l'opportunità per fare alcuni miglioramenti basati sul feedback degli utenti e sulle esperienze imparate dalle migrazioni alla Piattaforma Unificata della Community.

Soluzioni migliori di archiviazione[]

Il theme designer storico salva alcuni file, come lo sfondo della wiki, in un luogo esterno a MediaWiki. Questo ha causato problemi durante le migrazioni alla UCP perché quelle immagini in alcuni casi non sono state migrate correttamente e dopo è stato difficile recuperarle.

Andando avanti, TUTTA l'archiviazione dei file legata al Theme Designer si baserà sulla gestione dei file di MediaWiki, dando agli amministratori la possibilità di controllare le loro immagini e le revisioni attraverso gli strumenti di MediaWiki, invece che la limitata gestione proprietaria del precedente Theme Designer. Questo li metterà al sicuro da problemi futuri dovuti a modifiche alla gestione dei file che potremmo dover fare, dato che il Theme Designer sarà trattato allo stesso modo del resto della wiki, invece di aver un altro sistema da migrare.

Più colori e modi migliori per sceglierli![]

Nel Theme Designer storico, ci sono due modi per scegliere i colori: campioni predefiniti o codici hex. È buono per gli amministratori ferrati di design che conoscono i codici hex così su due piedi o che decidono di scegliere uno dei colori nella nostra selezione di campioni. Non ottimale per qualsiasi creatività ulteriore.

Legacy Swatch Picker

Nel nuovo Theme Designer, partiremo con un selettore di colori che fornisce molta scelta nell’intero range di luce visibile... oppure si può ancora inserire il codice hex se si vu

Better Color Picker

Stiamo già guardando al futuro di questa funzionalità con il desiderio di andare ancora oltre a queste opzioni, includendo più supporto per l'accessibilità. Più cose arriveranno su questo dal nostro team CATS (Creator Admin Tools & Staff) dopo il rilascio iniziale di FandomDesktop!

Theme Designer - Color

Più grande è meglio[]

Come abbiamo menzionato prima, la risoluzione degli schermi aumenta con i miglioramenti delle tecnologie grafiche passo passo con la tecnologia dei display. Ci muoviamo verso l'utilizzo mainstream di display 8K, quindi dobbiamo anche noi evolvere con le vostre scelte tecnologiche.

Grazie a questo trend e a specifiche richieste dai creatori di varie community, il limite sulla dimensione del file di sfondo salirà da 300 kb a 1 MB.

Loghi a-go-go![]

Una delle grandi differenze tra Gamepedia e Fandom in termini di design è come l’identità della community è presentata nella forma di un logo della wiki. Le wiki di Gamepedia usano un avatar quadrato, mentre le wiki di Fandom usano un wordmark rettangolare.

Theme Designer - Logo

Con la nuova esperienza FandomDesktop, supporteremo entrambi gli stili in un nuovo formato unificato chiamato semplicemente Logo. La risoluzione per il caricamento sarà fino a 500x500 pixel, permettendo a entrambi i formati di adattarsi e sfruttare i benefici di schermi a risoluzione più alta. Su desktop, i loghi a stile avatar appariranno a 100x100 (80x80 su tablet). I logo in stile wordmark continueranno ad apparire a 250x65.

Theme-Designer-Avatar-Scroll

Stiamo incoraggiando le wiki a scegliere un logo in stile avatar. Il logo quadrato è più facile da usare per promuovere l'identità della wiki in più posti rispetto al logo rettangolare. Quando si scorre in basso in una pagina di articolo, il logo quadrato può comprimersi nella navigazione locale, mantenendo sempre visibile l'identità della wiki in cima allo schermo a destra. Un wordmark rettangolare taglierebbe via troppo spazio da quello usabile per la navigazione. Avere il logo nella barra di navigazione che rimane visibile durante lo scorrimento è opzionale. Abbiamo anche in sviluppo alcune future funzionalità che faranno uso di questo elemento dell'identità della vostra wiki più portatile. Più cose su questo quando saranno pronte per gli occhi del pubblico.

I temi devono scorrere[]

Avete probabilmente letto tutto questo e pensato: "Okay, ma come funzionerà la transizione?" Il team CATS ha discusso molto a riguardo di questa specifica preoccupazione. Come rendiamo la transizione al nuovo design e al nuovo Theme Designer meno dolorosa possibile? Quello che hanno sviluppato è molto buono e prevede due flussi separati per portare le wiki di Fandom e Gamepedia allo stesso livello, dal punto di vista funzionale.

Per le wiki di Fandom, la scelta è vostra[]

Quando avrete accesso a FandomDesktop come amministratori, accedere al Theme Designer vi presenterà una scelta. Potrete importare il vostro tema esistente oppure iniziarne uno nuovo. Se scegliete di iniziare da zero, vi daremo una lavagna bianca e vi lasceremo esplorare la nuova esperienza di Theme Designer senza che alcuna opzione del tema precedente sia parte del vostro design iniziale di FandomDesktop.

Theme Designer Choice

Nota: NON perderete il vostro tema esistente se fate questo. In qualsiasi momento durante il periodo di rilascio opzionale, potete decidere che volete in realtà importare il tema esistente recuperandolo dalla sezione di cronologia del tema e il Theme Designer tradurrà il vostro tema Oasis in un nuovo tema FandomDesktop. Per le wiki senza amministratori attivi durante questo periodo, uno script automatico importerà i temi Oasis a temi FandomDesktop quando la wiki sarà migrata completamente sulla nuova esperienza.

Per l'importazione del tema esistente, il Theme Designer sfrutterà un algoritmo basato sui colori per guardare al vostro tema Oasis durante il processo di import e decidere se il tema sia chiaro o scuro, salvandolo di conseguenza. Allo stesso tempo, farà il suo meglio per dare un tema opposto appropriato per l'altra opzione. Per esempio, se Wookiepeedia importa il proprio tema, il Theme Designer lo assegnerà come chiaro e poi assegnerà un tema standard per la modalità scura. Noi, per esempio, siamo molto curiosi di vedere i differenti temi da lato chiaro e lato oscuro della Forza delle varie wiki di Star Wars sulla piattaforma.

Il flusso di importazione per Gamepedia[]

Gamepedia non ha mai avuto un Theme Designer, dato che tutti i layout delle wiki di Gamepedia erano gestiti dai Wiki Representative o dagli amministratori tramite CSS come parte del processo curato di creazione della wiki. Quando una wiki storicamente di Gamepedia passerà a FandomDesktop, il tema iniziale avrà la favicon, il logo e il tema chiaro o scuro di default determinato a seconda che il tema originale usasse Hydra o HydraDark. Tutto il resto sarà nuovo. Dato questo approccio da lavagna bianca, i team di Community Experience e di Community Development daranno supporto speciale allo sviluppo di temi per le wiki provenienti da Gamepedia. Avremo di più su questo quando ci avvicineremo al lancio.

Abbiamo da dire di più riguardo la personalizzazione, con informazioni dettagliate per la gente esperta di CSS su come file, valori, selettori, variabili e così via cambieranno su FandomDesktop. Aspettatevi questo in vicinanza del lancio opzionale, per il quale annunceremo presto una data!

E ora, come sempre, aspettiamo le vostre domande e risponderemo al meglio delle nostre abilità!