Fandom

Wikia Centrale

Comments2

Il layout a griglia di Wikia

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

Ciao! Sono Eric, un Interactive Designer e membro del Design Team di Wikia. Prima di tutto, vorrei dirvi grazie! I feedback continui che riceviamo dalle community di Wikia ci aiutano a seguire la direzione giusta. In secondo luogo, vorrei condividere con voi alcune informazioni aggiuntive riguardanti i prossimi cambiamenti grafici che interesseranno tutte le community di Wikia e in particolare vorrei parlarvi della griglia di Wikia.

La griglia

Wikia ha molte idee: facciamo del nostro meglio per sviluppare e offrire nuove funzioni e migliorare gli strumenti esistenti. I nostri team di designer, sviluppatori e product manager lavorano insieme, ma su iniziative diverse, e poiché ci sono così tanti team che lavorano ai prodotti, abbiamo bisogno di sistemi che ci aiutino a mantenere le cose in ordine. Questi sistemi consentono ai nostri team di creare nuovi moduli, pagine e sezioni per tutte le wiki e allo stesso tempo ci aiutano a mantenere un design omogeneo e flessibile.

Uno dei sistemi che utilizziamo è una "griglia" per il design delle pagine. La griglia è un sistema di layout predefinito usato per garantire equilibrio e coerenza nella presentazione strutturale e grafica di un certo contenuto. Ci serviamo di un sistema a griglia per 3 motivi fondamentali:

  • Migliora l'esperienza dell'utente, presentando il contenuto in un modo omogeneo ed esteticamente piacevole all'interno di tutta la rete di Wikia;
  • Facilita il lavoro del Design Team in tutti i progetti relativi al design del sito, mantenendo un layout coerente e armonioso;
  • Aiuta il team di ingegneri a lavorare in modo più efficiente alla creazione di nuove funzioni, fornendo un sistema predefinito di strutturazione delle pagine.

Ecco un'immagine del layer (livello) di base della nostro sistema a griglia:

01-grid-base.jpg

La griglia è formata da 6 colonne della stessa larghezza e rappresenta la struttura di base di qualsiasi pagina su Wikia. In tal modo, si crea un rapporto spaziale ideale per molteplici configurazioni di layout, tutte caratterizzate da una peculiare somiglianza grafica.

03-grid-mixed-width.jpg
04-grid-mixed-width.jpg
02-grid-3col-basic.jpg

A destra vedete alcune configurazioni di layout basate su questa griglia.

Molti altri siti web utilizzano un sistema grafico basato su una griglia per mantenere un equilibrio grafico e strutturale. Alcune griglie sono molto più complesse della nostra griglia a 6 colonne: hanno più colonne e/o si focalizzano sui rapporti spaziali sia verticali che orizzontali. Per il momento riteniamo che la nostra griglia a 6 colonne, semplice, agile e flessibile, sia più che utile.

Perché queste dimensioni?

Abbiamo visto un vantaggio nel rendere più larga sia l'area della colonna di destra che l'area del contenuto principale. Le funzioni e i miglioramenti futuri del sito beneficeranno di questo piccolo spazio in più in entrambe le aree. Nello sviluppare questa griglia, abbiamo valutato i pro e i contro di altre dimensioni e abbiamo concluso che 1030 pixels è la larghezza ideale per i cambiamenti del sito a breve e lungo termine, sempre con l'obiettivo di migliorare l'esperienza dell'utente su Wikia. Inoltre, volevamo introdurre questi miglioramenti il prima possibile, perciò abbiamo trovato un compromesso tra l'esperienza dell'utente e il tempo necessario per l'implementazione. Così, anziché introdurre gradualmente il sistema a griglia man mano che aggiorniamo le funzioni, abbiamo deciso di passare al sistema a griglia una volta per tutte. Questo facilita anche il vostro lavoro di personalizzazione del layout e del design delle vostre wiki: dovrete effettuare le modifiche una volta sola, piuttosto che più volte man mano che le singole funzioni vengono introdotte nella griglia.

Ci rendiamo conto che questi cambiamenti hanno un grande impatto sulle wiki e richiedono un po' di lavoro da parte degli utenti. Vi assicuriamo che queste decisioni sono state prese tenendo a mente la community. Siamo qui per aiutarvi durante questo passaggio.

Inoltre su Fandom

Wiki a caso