Disseny web: com decidir què ha de resoldre el teu web

Imagineu una empresa de serveis que rep visites a la vostra web, però les consultes arriben de forma irregular. Qui entra no identifica amb rapidesa què ofereix l'empresa, per a qui treballa ni quin és el següent pas. L'equip planteja un redisseny perquè la pàgina "s'ha quedat antiga", encara que aquesta frase no explica què hauria de canviar.

Aquest cas és hipotètic, però representa un dubte freqüent: El disseny web consisteix a renovar l'aparença o a ordenar la informació perquè el lloc ajudi a l'empresa? En acabar podràs distingir quines decisions pertanyen al disseny, què convé definir abans de demanar una proposta i com comprovar que la web respon a l'objectiu plantejat.

Situació inicial hipotètica

L'empresa fictícia ofereix diversos serveis especialitzats. La vostra web actual reuneix informació útil, però està distribuïda sense un ordre clar: la pàgina inicial enumera moltes prestacions, algunes pàgines repeteixen missatges i el formulari de contacte apareix al final sense explicar què passarà després de enviar- el.

La persona responsable del negoci vol una web més actual. Tot i això, quan es revisa les consultes habituals apareix una necessitat més concreta: facilita que un possible client entengui el servei adequat i pugui iniciar una conversa amb el context mínim necessari.

Aquí el disseny web no es limita a decidir tipus de lletra, imatges o colors. Inclou l'arquitectura d'informació — com s'agrupen i prioritzen les pàgines —, els recorreguts que segueix una visita i la manera com cada pantalla condueix a una acció comprensible.

Problema observable

El problema no és que una web tingui poc moviment visual o que utilitzi un estil anterior. És que obliga a la persona que visita la pàgina a interpretar massa coses pel seu compte.

En aquest exemple hipotètic, s'observa un senyal concret:

• Els serveis es presenten amb noms interns que un nou client pot no entendre.
• La pàgina principal no aclareix a quin tipus de necessitat respon cada servei.
• La mateixa trucada a contactar s'utilitza per a peticions molt diferents, sense orientar quina informació ha d'aportar cada persona.
• El contingut s'ha afegit amb el temps, però no hi ha una prioritat visible entre el que és essencial i el secundari.

Aquests senyals permeten formular el problema de forma útil: la web no acompanya prou bé una persona des del seu dubte inicial fins a una consulta raonada.

Expressar-ho així canvia la conversa. En comptes de demanar un disseny més modern, pots decidir què ha de comprendre, comparar o fer algú a cada punt del lloc.

Anàlisi de l'objectiu

Abans de triar una solució visual, cal separar tres capes: objectiu, abast i solució. Aquesta distinció evita que una preferència estètica esdevingui, sense revisar-la, en la raó principal del projecte.

L'objectiu ha de descriure un canvi observable. "Transmetre professionalitat" pot orientar decisions visuals, però resulta ambigu si no es tradueix en comportaments: per exemple, que el visitant reconegui el servei, trobi una explicació rellevant i sàpiga com continuar.

També convé decidir qui és l'usuari prioritari. Una web pot tenir diversos públics, però no tots necessiten veure la mateixa informació ni seguir el mateix recorregut. En el cas plantejat, una persona que compara proveïdors necessita claredat sobre els serveis i com contactar; qui ja coneix l'empresa potser només busca una dada concreta. El disseny ha d'ordenar aquestes necessitats sense convertir la pàgina d'inici en un catàleg indiscriminat.

Abast proposat

Amb l'objectiu definit, l'abast inicial del cas hipotètic podria centrar-se en el necessari per complir-lo:

Estructura de continguts. Delimitar quines pàgines expliquen la proposta, quines pàgines desenvolupen cada servei i quina informació ha de quedar fora de la navegació principal. 2.

Jerarquia de cada pàgina. Decidir què cal entendre primer, quines proves o detalls ajuden a continuar i on té sentit proposar contacte. 3.

Mensatges i contingut. Preparar textos que expliquin el problema que atén cada servei, el seu abast i els dubtes raonables abans de contactar. El disseny no pot compensar un missatge que ningú ha definit o aprovat. 4.

Recorregut de contacte. Estableix quins camps necessita el formulari, qui rep les sol·licituds i quina confirmació veureu la persona després d'enviar- el. 5.

Adaptació a diversos dispositius. Revisar que la informació i accions principals continuïn sent utilitzables en pantalles petites, no només en un ordinador. 6.

Edició posterior. Determinar qui actualitzarà els continguts i quines parts s'han de poder modificar sense alterar l'estructura del lloc.

No tot ha d'entrar en una primera versió. Una àrea privada, una integració amb altres eines, diversos idiomes o una migració complexa poden ser necessaris en un altre context, però convé tractar-los com a decisions independents. Inclou sense definir regles, responsables i dependències pot ampliar el projecte sense aclarir el seu objectiu.

Solució i comprovació

A l'escenari hipotètic, l'aplicació comença per ordenar la web al voltant de preguntes que un possible client realment necessita resoldre: què fa l'empresa, per a quin tipus de necessitat encaixa cada servei, quina informació pot consultar abans de contactar i quina és l'acció següent.

A partir d'aquí, el disseny transforma aquesta estructura en pàgines i components coherents. Un component és una peça reutilitzable, com una targeta de servei, un bloc de contacte o una crida a l'acció. Reutilitzar-los amb criteri ajuda a que el lloc mantingui el mateix llenguatge visual i que els seus continguts no semblin pàgines inconnexes.

La comprovació no s'hauria de quedar en "el disseny agrada". Aquesta valoració importa, però no n'hi ha prou per validar l'objectiu. En aquest cas es podrien acordar criteris com aquests:

• Una persona que arriba a la pàgina d'inici pot localitzar els serveis principals i distingir-los.
• Cada pàgina de servei explica a qui pot servir i quina informació convé aportar al contactar.
• El formulari mostra una confirmació visible després d'un enviament correcte i dirigeix la sol·licitud a la destinació acordada. -Les accions importants es poden identificar i usar en mòbil i en ordinador.
• La persona responsable d'actualitzar el web pot editar els continguts previstos sense dependre de canvis improvisats en l'estructura.

Aquests criteris s'han de validar amb les persones que coneixen el negoci, els continguts i l'operativa posterior. També cal revisar aspectes específics quan apliquin: tractament de dades, accessibilitat requerida, eines externes, permisos d'accés o condicions de migració. El disseny web pot ordenar l'experiència, però no substitueix aquestes decisions de negoci, legals o tècniques.

Aprenentatges transferibles

El cas deixa una idea pràctica: un bon punt de partida per al disseny web no és "quin estil volem?", sinó "Què ha de poder fer i entendre una persona quan visiti la nostra web?"

La part visual continua tenint un paper important, facilita la lectura i ajuda a reconèixer la identitat de l'empresa, però funciona millor quan respon a una estructura i a un objectiu ja acordats.

Abans d'iniciar el teu projecte, intenta concretar quatre elements: l'acció principal que ha de facilitar la web, el públic prioritari, els continguts disponibles i qui es farà càrrec de revisar-los i mantenir-los. Si aquestes respostes segueixen obertes, és preferible fer-les visibles que assumir-les en el disseny.

Quan necessitis convertir aquestes decisions en una web mantenible, pots conèixer l'enfocament de desenvolupament web per empreses de AVSISTEC i explicar el teu projecte amb l'objectiu, els dubtes i l'abast que tinguis definits.