Cal establir l'arquitectura, és a dir, quina estructura té la web, de quines seccions i apartats consta, quina relació jeràrquica o de dependència tenen les diferents unitats de contingut i com s'arriba a cadascuna d'elles (la navegació).
També cal pensar en l'aspecte, estil i disposició dels continguts, és a dir, el disseny de la web.
Tot això sense oblidar que la nostra web ha de ser accessible.
L'arquitectura
Amb una estructura clara i entenedora l'usuari sap en qualsevol moment:
-
on es troba: pàgina, secció, apartat
-
com tornar a l'inici
Com ho aconseguim?
- Crear petites unitats de contingut homogeni:
- evitem "refregits" de continguts ja existents
- Establir relacions coherents entre les unitats de contingut:
- seccions clares: una pàgina per producte o servei
- nivells de contingut: sumari, apartats, enllaços interns
Eines per fer agrupacions de continguts:
- Paper, llapis, pissarra, pòstits...
- Eines 2.0 per a crear diagrames de flux i mapes mentals o "card sorting":
Un cop fet això, tindrem l'arquitectura de la web: principals apartats i navegació global.
El disseny
El disseny de les webs UPF segueixen unes pautes per tal d'adequar-se a la identitat corporativa de la Universitat. Tot i això, hi ha alguns elements que pots escollir:
- Et calen imatges a mida (logos, bàners)? Fes la sol·licitud a Serveis Gràfics.
- Quines webs t'inspiren? Pots mirar què fan altres webs d'àmbits similars al teu. Exemples:
- Estableix l'esquema de cada pàgina:
- Divideix la pantalla en quadrants i reserva la part superior esquerra per a la informació més rellevant.
- Eines per saber com estan fetes altres webs:
- Eye Dropper: veure el color d’una web
- WhatFont o Fount: per veure la font d'una web
- Rulers, guides, eye dropper and color picker