Ves al contingut

Web i conversió · 4 min

Disseny web editorial: què és i quan té sentit

El disseny web editorial fa servir la jerarquia, la tipografia, el ritme, l'espai i la imatge per ordenar una pàgina. T'expliquem quan aporta valor i quan complica una web sense necessitat.

Per Roke Studio4 min

Disseny editorial no vol dir fer una web minimalista.

Tampoc no vol dir fer servir una tipografia serif enorme, molt d'espai en blanc i fotografies boniques.

Vol dir decidir què hauria de veure primer una persona, què després i com ordenar-ho tot perquè la pàgina s'entengui sense haver-la d'explicar.

Agafa idees de revistes, llibres i altres publicacions, però les aplica a una interfície.

Què fa que una web se senti editorial

Hi ha quatre coses que hi pesen especialment.

Jerarquia. No tot pot tenir la mateixa importància. Titulars, textos, dades, botons i petites notes necessiten pesos diferents perquè l'ull sàpiga per on començar.

Tipografia. No només quina font fas servir, sinó com en canvien la mida, el gruix, l'amplada i l'espaiat segons la funció del text.

Ritme i espai. Hi ha moments en què convé concentrar informació i d'altres en què una idea necessita respirar. Una pàgina llarga no s'ha de fer llarga si el ritme canvia mentre avances.

Imatge i composició. Les fotografies no són aquí per omplir buits. La seva mida, la posició i la relació amb el text també expliquen la història.

Tot plegat hauria d'aconseguir una cosa força poc espectacular: que entenguis millor la pàgina.

Editorial no és una estètica concreta

Dues webs poden fer servir el mateix criteri editorial i no assemblar-se en res.

A El Niu, una llar de criança, vam fer servir fotografies reals, verds suaus, una tipografia càlida i força espai.

La web havia de transmetre el caràcter del lloc sense tornar-se infantil, perquè l'espai és per als infants però la decisió la prenen els seus pares.

A Somos Focus Media passa gairebé el contrari.

Negre, vermell, titulars grans i una identitat molt més enèrgica.

Aquí el repte era ordenar tota aquesta personalitat perquè continués quedant clar quins serveis ofereix l'agència.

Visualment, són projectes molt diferents.

El que és editorial és com es dirigeix l'atenció, no que tots dos facin servir el mateix estil.

Quan té sentit

Aquest enfocament funciona especialment bé quan entendre com treballa una empresa forma part de la decisió.

Passa amb els serveis professionals, els estudis creatius, l'arquitectura o l'hostaleria.

I amb marques on el producte, l'espai o la manera de fer les coses importen tant com una llista de característiques.

També encaixa quan tens bones fotografies, projectes, casos o contingut que mereix protagonisme.

No perquè aquest tipus de web "converteixi més".

Simplement perquè tens alguna cosa a explicar i necessites una estructura que et permeti explicar-la bé.

Quan es pot convertir en un problema

El disseny editorial deixa d'ajudar quan l'estètica comença a amagar informació.

Per exemple:

  • el servei important apareix després de sis pantalles;
  • un botó sembla text normal;
  • es fa servir una tipografia difícil de llegir per mantenir l'estil;
  • una animació endarrereix una cosa que l'usuari volia consultar;
  • es deixa tant d'espai que trobar la informació bàsica es fa pesat.

També hi ha projectes que necessiten una altra cosa.

Una botiga amb centenars de productes necessita densitat, categories, filtres i comparació.

Una eina interna necessita eficiència.

Una landing molt directa potser només ha d'explicar una oferta i portar a una acció.

No hi ha cap premi per fer totes les webs editorials.

Minimalisme i buit tampoc no són el mateix

Treure elements pot millorar moltíssim una pàgina.

Però només quan saps per què els treus.

Una web amb poc contingut perquè ningú no ha pensat què hauria d'explicar no és minimalista.

Està incompleta.

I una web plena d'elements tampoc no és necessàriament confusa si hi ha una jerarquia clara.

La pregunta que em sembla més útil és:

cada cosa que apareix aquí ajuda a entendre, fer servir o reconèixer millor aquesta web?

Si no, probablement sobra.

Si en treure-la perds comprensió, context o personalitat, probablement tenia una funció.

El que importa al final

L'objectiu no és que algú pensi:

"quin disseny tan editorial".

És que avanci per una pàgina i entengui què té al davant, què importa i on ha de mirar després.

En alguns projectes això acaba sent una web molt continguda.

En d'altres, una de força expressiva.

L'estil canvia.

El principi, no.

Si necessites una web on el disseny, el contingut i la identitat es plantegin com una sola cosa, pots veure com treballem una Web de marca.

Roke StudioWeb · SEO · Software

Escrivim sobre decisions que apareixen en projectes reals: com estructurar una web, com captar demanda i quan la tecnologia pot simplificar un negoci.

Web de marca

El teu negoci és millor del que mostra la teva web?

Ordenem el missatge, dissenyem i construïm una web que transmeti el nivell que realment tens.

Veure Web de marca ↗