Disseny de la pàgina web

La pàgina d’inici de la nostra pàgina web.
Font: Pròpia.

Disseny i distribució general
Quan començarem a crear la pàgina web, teníem clar que un dels apartats més importants, gairebé tant com ho és el contingut, és el disseny d’aquesta. Wix, sent una website builder fàcil d’utilitzar i que permet treballar igual de bé a principiants com a persones amb cert domini de la creació de webs, ofereix diverses plantilles, cadascuna amb les seves característiques, pàgines i imatges, però també dona molta llibertat a l’hora de modificar tots els elements de les pàgines.

Cansats de veure les típiques pàgines sobre temes de l’antiguitat fent servir dissenys intencionadament “antics” o “enfocats en l’època”, vam voler buscar un enfocament més modern pel disseny de la nostra web. Vam triar una paleta de colors de verds foscos i grisos i un aspecte general minimalista perquè la web fos fàcil de navegar i no cansés la vista. A la pàgina d’inici, l’usuari trobarà ràpidament un breu resum de tots els continguts de la pàgina web, amb enllaços a cadascun dels apartats.

El domini
El domini d’internet d’una pàgina web és un dels aspectes claus per la seva popularitat: si és senzill i fàcil de recordar, és més probable que tingui èxit. Tot i que ens agradaria haver pogut tenir un domini personalitzat i senzill, com hauria pogut ser www.admirorteparies.com, Wix només permet això a usuaris amb una subscripció. Com volíem crear aquesta web de forma gratuïta, ens vam haver de conformar amb un domini donat per Wix: https://nanukgomez.wixsite.com/admiror-te-paries.

Les pàgines
A la nostra web, cada apartat distingit es troba en una pàgina diferent dins del mateix domini. En entrar per primer cop l’usuari es trobarà davant la pàgina d’inici o homepage, des de la qual podrà accedir a totes les altres, bé des dels enllaços o botons que hi trobarà en les diferents seccions de la pàgina d’inici, o bé des del menú que hi ha a la part superior.

Quant a les nostres pàgines, per satisfer les nostres necessitats vam haver d’aprendre a fer servir el que s’anomena “pàgines dinàmiques”. Aquest tipus de pàgines permeten tenir diferents pàgines amb un mateix disseny però amb diferents continguts. Mitjançant un CMS (Sistema de gestió de continguts, de l’anglès Content Management System) en format de taula, pots afegir a cada ítem i, per tant, a cada pàgina dinàmica, elements com un títol, una descripció curta, un text, o fins i tot imatges. Tots aquests elements apareixen després cadascun en la seva pàgina independent, però tots amb el mateix disseny, sense haver de crear-les totes individualment.

Aquest tipus de pàgines ens han sigut útils, per exemple, per fer el mapa interactiu: cada inscripció que apareix al mapa té les seves dades guardades a un CMS, i quan entres a la seva pàgina, aquestes apareixen amb un disseny igual per a totes les inscripcions, de forma automàtica.

CMS de les pàgines dinàmiques del mapa de Pompeia, vist en format taula de continguts.
Font: Pròpia.

Accessibilitat
Un altre aspecte que hem tingut en compte en dissenyar la nostra pàgina web, ha sigut fer-la accessible a tothom, i que qualsevol persona, independentment de les seves capacitats, pugui navegar i rebre tota la informació amb relativa facilitat. Un dels aspectes més comuns quan es parla d’accessibilitat a internet és que la gent amb discapacitats auditives o visuals puguin accedir a tot el contingut, per això ens hem assegurat d’afegir transcripcions en text de qualsevol àudio o vídeo amb so, així com text alternatiu per les imatges, per fer-les accessibles a les persones cegues, per exemple.

Versió mòbil
Les pàgines web no tenen el mateix aspecte a una pantalla d’ordinador que a una de telèfon mòbil; per això, en dissenyar una web vam haver de tenir en compte també els usuaris que la visitin des del seu telèfon. Wix crea directament una versió mòbil automatitzada un cop publiques una pàgina web, tanmateix, vam trobar que el format i els elements no estaven col·locats de forma ordenada, així que cada vegada que acabàvem el disseny d’una pàgina, havíem de dissenyar també la versió per a dispositius més petits.

Versions de pàgines de la nostra web per a dispositius mòbils
Font: Pròpia.

Següent