Hey gente!

Un paio di settimane fa, vi abbiamo dato la prima estesa anteprima pubblica di FandomDesktop, l'unificazione delle esperienze desktop di Fandom e Gamepedia. In quell'anteprima, abbiamo ribadito il nostro impegno espresso alla Community Connect nei vostri confronti sul "di più è di più", nel senso di più trasparenza, più franchezza e più analisi approfondite dei cambiamenti ben prima che avvengano. Proseguendo in questo impegno, ricapitoliamo come cambieranno le pagine di contenuto con FandomDesktop con qualche informazione aggiuntiva su come abbiamo deciso queste modifiche.

Partendo dal cuore della questione

Quando parliamo del fatto che le wiki sono il cuore dell'esperienza su Fandom, gli articoli sono il nucleo del cuore di questa esperienza. Sono ciò su cui voi vi focalizzate come creatori e sono il motivo per cui la vasta maggioranza dei lettori visitano le vostre wiki. La stragrande maggioranza delle visite sulle vostre wiki inizia con qualcuno che clicca su un link per una pagina nei risultati di ricerca. Per questo, partire dai modi con cui migliorare questa esperienza, sia per i lettori che per gli utenti loggati, è - come direbbe il Signor Spock - del tutto logico.

Soluzioni per casi d'uso multipli

Fandom e Gamepedia hanno oggi una differenza di design fondamentale per quanto riguarda la presentazione del contenuto. La skin Oasis di Fandom presenta tutto il contenuto dell'articolo in un design a larghezza standard, che è dimostrato essere migliore per leggere il testo, come confermato dalle ricerche della Wikimedia Foundation e IBM. La skin Hydra di Gamepedia presenta il contenuto dell'articolo su una vista più larga che è migliore per essere coinvolti dalle intense tabelle di dati utilizzate da così tanti giochi di crafting e looting, come mostrato molto bene dalla wiki ufficiale di Path of the Exile, che diventa quasi un secondo schermo essenziale per quando si gioca.

Per gli utenti loggati di Gamepedia, l'esperienza è ancora più larga, dato che la colonna di destra con le pubblicità scompare. In aggiunta a questi casi d'uso esistenti sulle rispettive piattaforme, abbiamo anche ricevuto un po' di feedback dagli utenti di Fandom negli anni dal rilascio di Oasis sul fatto che, benché una vista a larghezza standard sia buona per molti contenuti, non è sempre ideale e che vorrebbero un'esperienza più larga possibile. Sapevamo di dover trovare un buon compromesso per soddisfare entrambi gli estremi dello spettro di utilizzo, quindi questo è stato il nostro approccio...

ANON - Default.png

Questo è come appare la vista di default da non loggati su FandomDesktop per la wiki di Zelda. Attualmente, la wiki di Zelda è una community unificata di Fandom e Gamepedia che utilizza il design di Gamepedia come risultato del progetto Crossover. Noterete che c'è un pulsante di schermo intero che fluttua nell'angolo in alto a sinistra dell'area di contenuto dell'articolo, sopra l'indice e il pulsante di modifica. Questo è il pulsante di regolazione della larghezza ed è uno dei due grossi cambiamenti per la visualizzazione degli articoli su FandomDesktop. Prende la larghezza standard che è ideale per una lettura focalizzata e la espande in una vista a larghezza intera, che si aggiusta secondo la larghezza disponibile del vostro browser ed è migliore per consumare le informazioni.

ANON - Expanded.png

Questo è come appare a larghezza intera. È molto più largo dell'attuale esperienza Fandom ed è confrontabile con l'esperienza di Gamepedia da non loggati. Come il web si è evoluto, così anche le dimensioni degli schermi, quindi avere un approccio a larghezza standard alla "uno che va bene per tutto" in un'epoca di opzioni di schermi così diverse voleva dire che non stavamo servendo correttamente i nostri lettori e dunque ora stiamo facendo la cosa giusta.

Volete tornare alla larghezza standard? Cliccate di nuovo il pulsante e vi riporta indietro. Funziona così.

Ma aspettate… c'è di più!

I lettori del blog attenti ai dettagli (cioè: la maggior parte di voi) avranno sicuramente notato che abbiamo detto che il pulsante per la larghezza intera è uno dei due grandi cambiamenti che stiamo facendo per la visualizzazione della pagine di articolo. Quindi, qual è l'altro? Beh, per gli utenti loggati, stiamo aggiungendo una seconda opzione per controllare la vostra esperienza di visualizzazione. O come preferenza globale o come opzione sulla pagina, gli utenti loggati avranno la possibilità di nascondere la colonna di destra negli articoli, espandendo l'area di contenuto a una larghezza persino leggermente più ampia della vista da loggati su Gampedia oggi (l'1.1% in più secondo la nostre nozioni di Algebra da prima media - grazie Sig.ra Waters!).

Logged In - Collapsed Right Rail.png

Come abbiamo detto, potete ottenere questo sia settando una preferenza dell'utente sia cliccando sul pulsante a freccia nell'angolo in alto a destra della pagina di articolo. Questa opzione nasce come risultato del feedback diretto del Community Council, della Gamepedia Fellowship, delle interviste 1-a-1 di indagine sul design con i contributori di Fandom e Gamepedia e dei partecipanti alla Community Connect. I contributori volevano l'opzione di vedere quanto più spazio di contenuto possibile e, di fronte a questo feedback concorde e fattibile, la decisione per noi è stata semplice.

Questo è un beneficio per gli utenti loggati. La colonna di destra è veicolo delle pubblicità per gli utenti non loggati per cui non è qualcosa che possiamo estendere anche ai non iscritti. Ciò si accorda con il design dell'opzione a larghezza intera di Gamepedia, che è disponibile solo agli utenti loggati.

Alla fine della storia, vogliamo valorizzare la colonna di destra per tutti gli utenti. È un ottimo posto per posizionare strumenti di scoperta e di modifica. Questo è un qualcosa che perseguiremo dopo il lancio di FandomDesktop, quando ci butteremo su più progetti per nuovi strumenti per i contributori, miglioramenti della ricerca, nuovi percorsi di scoperta e altre cose che non possiamo ancora menzionare. Dato che il valore aggiunto nella colonna di destra non arriverà con il lancio di FandomDesktop, costringervi a tenerla con la promessa di qualche indefinita e futura utilità extra non era la scelta giusta. L'azione degli utenti è chiave qui. Se scegliete di nascondere la colonna di destra, vogliamo cercare di meritarci da voi quel click in più per ripristinarla e interagire con le cose nuove che ci metteremo più avanti.

E questi altri pulsanti?

Bene che gli abbiate notati, specialmente dato che li abbiamo menzionati di passaggio! Abbiamo aggiunto due strumenti persistenti per la pagina che vi seguono durante lo scorrimento: l'indice e il pulsante di modifica.

Il nostro team di design ha eseguito test con mappe di calore sulle pagine di articolo che indicano come, benché avere l'indice in cima alla pagina sia un design logico, non soddisfa in pratica tutti i casi d'uso e in realtà obbliga molto scorrimento su e giù agli utenti.

Come già debuttato con l'esperienza FandomMobile, il pulsante dell'indice persistente permette di navigare velocemente attraverso l'articolo da un qualsiasi punto della pagina, cosa che è particolarmente utile per pagine lunghe come quella su Link. Non c'è più bisogno di scorrere di nuovo fino in cima per l'indice. Basta cliccare il pulsante e compare come un elemento di navigazione. Niente più scorrere verso l'alto per raggiungere l'indice sulla pagina di Jon Snow (una della pagine su cui abbiamo fatto l'analisi con le mappe di calore).

ANON - Scroll ToC.png

Come abbiamo detto, questa soluzione proviene in origine dal lavoro fatto su FandomMobile. Abbiamo scoperto molto presto durante quello studio che volevamo avere l'indice come elemento persistente che scorre per una migliore navigazione della pagina, dato che l'esperienza di dover scorrere di nuovo in cima è ancora peggiore quando si è su uno schermo touch. Mentre lavoravamo al design dell'esperienza FandomMobile siamo passati attraverso diverse iterazioni prima di arrivare al pulsante laterale che vedete disponibile nel sito mobile oggi. Uno dei primi tentativi utilizzava una barra indice che seguiva lo scorrere della pagina, ma non ci piaceva quanto contenuto coprisse, specialmente su smartphone. Il piccolo pulsante laterale che fluttua al bordo dell'area di contenuto è ciò che ci sembrò avere più senso e abbiamo trasportato quel design per funzionare anche su FandomDesktop. Non solo ha senso dal punto di vista della continuità ma, con i pulsanti per espandere la vista e per la modifica della pagina già presenti, avere un setup differente per l'accesso persistente all'indice sarebbe risultato piuttosto fuori luogo ai nostri utenti.

Ancora una volta, sull'editor!

Un'altro cambiamento visuale evidente è che i CTA nell'intestazione dell'articolo per la modifica e i commenti sono cambiati da uno stile a pulsante a un approccio con solo icone. L'intento qui è lasciare che sia il contenuto a risplendere e presentare un'esperienza immersiva per i nostri lettori. Per aiutare in questo abbiamo diminuito l'impronta visiva di queste funzioni secondarie permettendo al contenuto di essere messo in mostra come mai prima. Abbiamo poi aggiunto accuratamente alcune componenti che permettano al lettore di muoversi attraverso la pagina, ma sempre con l'idea di mantenere un'impronta visiva più piccola possibile per non competere con i vostri contenuti.

Il pulsante di modifica della pagina è uno dei due punti di accesso all'editor per l'intera pagina nel design di FandomDesktop. C'è sempre il tradizionale pulsante di modifica nell'angolo in alto a destra della pagina, ma ora si può anche avere accesso alla modifica di tutta la pagina ovunque ci si trovi durante lo scorrimento della pagina. Da utenti loggati, avrete sempre accesso alla modifica della singole sezioni lungo la pagina, ma questo punto di accesso aggiuntivo e fissato permette un accesso facilitato all'esperienza completa ovunque vi troviate.

La visibilità del pulsante di modifica dipende dal fatto che l'utente in questione sia abilitato a modificare la pagina che sta guardando o meno. Per esempio, un utente non loggato su una wiki che ha disabilitato le modifiche anonime non vedrà mai il pulsante di modifica. Analogamente, un utente loggato che guarda una pagina protetta e modificabile solo dagli amministratori non vedrà il pulsante modifica.

Di più è di più

Questo blog era stato addebitato come uno sguardo a come le pagine di articolo stanno cambiando e, se vi aspettavate che avremmo fatto grandi cambiamenti al contenuto, siamo felici che le vostre aspettative siano state sovvertite. Il contenuto in sé? Semplicemente funziona. Quando gli utenti cliccano su un link di Fandom tra i risultati di ricerca, si aspettano di vedere un indice, un infobox e link ad altre pagine che diano inizio al loro viaggio nel tunnel della wiki. Questo non sta cambiando. La pagine di articolo rimangono il nucleo del cuore dell'esperienza che tutti conoscono e amano e, come bonus, abbiamo trovato nuove opportunità per rendere l'esperienza del contenuto migliore e con più scelte per l'utente.

In aggiunta a questi grossi cambiamenti nella selezione della larghezza e nei controlli della pagina, daremo anche un piccola levigatura all'intera pagina di articolo. Faremo più uso dei componenti standard di MediaWiki, che sono in utilizzo oggi su Gamepedia e molto più aggiornati della loro controparte su Fandom. Espanderemo anche il nostro uso di temi orientati a oggetti per l'interfaccia utente, che rendono l'esperienza più moderna. E adatteremo il Theme Designer per controllare più componenti.

Abbiamo avuto la combinazione perfetta di suggerimenti che ci dicevano qualcosa e l'opportunità per fare quella cosa: trovare una soluzione per più casi d'uso nel consumo degli articoli di quanto sia Oasis che Hydra permettessero singolarmente e nello stesso tempo rinfrescare l'esperienza famigliare.

Skin Opzioni da non loggato Opzioni da loggato
Oasis Standard con colonna dx Standard con colonna dx
Hydra Intera con colonna dx Intera senza colonna dx
FandomDesktop Standard con colonna dx

Intera con colonna dx

Standard con colonna dx

Intera con colonna dx

Standard senza colonna dx

Intera senza colonna dx

Come abbiamo detto un po' di volte: di più è di più.

Cosa viene dopo?

C'è ancora molto da coprire come parte del lavoro su FandomDesktop (e oltre!), quindi state all'erta per blog sulla personalizzazione e il Theme Designer, la navigazione globale e locale, gli strumenti dell'editor e quello che stiamo facendo con la barra in basso (lo riuscite a vedere?).

Nel frattempo, iniziate un conto alla rovescia per quando otterrete la modalità a larghezza intera e quella ultra-larga, come chiamiamo l'esperienza intera senza colonna di destra. FandomDesktop sarà disponibile per test più avanti questa primavera, con la migrazione delle wiki esistenti programmata per questa estate.

Fateci sapere che cosa ne pensate nei commenti! Siamo anche felici di rispondere a qualsiasi domanda possiamo tra quelle che vediamo qui.

Se vi facesse piacere leggere la ricerca fatta da IBM, ecco il link.

I contenuti della comunità sono disponibili sotto la licenza CC-BY-SA a meno che non sia diversamente specificato.