7 passos per al desenvolupament d'un disseny web

El disseny web és una variant del disseny gràfic que implica unes exigències determinades. No només es tracta d'encertar en un missatge, llenguatge i ús de colors, sinó que cal tenir molt en compte la seva aplicació al web: pensar en la usabilitat per a l'usuari, la jerarquització de la informació, l'adaptació del disseny a les pantalles de diferents dispositius, etcètera. Això implica que per a un bon disseny web necessitem grans dosis de creativitat, però també són imprescindibles coneixements tècnics i un mètode de treball. En aquest article t'explicarem el nostre mètode, el procés que seguim fins a tenir llest el nostre nou disseny web.

1. Captar el gust del client: el primer que hem de fer és escoltar al nostre client. Que ens expliqui què vol aconseguir amb el web, a quin públic es vol dirigir, com s'imagina el disseny del seu web, etcètera. En ocasions pot ser que el client ens doni informació insuficient o contradictòria, i hem d'insistir en que quedi tot clar des de l'inici per després no perdre hores en canvis. I de vegades succeeix que allò que vol el client no ens sembla encertat. En aquest cas, apliquem la regla "el client sempre té la raó"? Això ja ho deixem en mans de cadascú, però en qualsevol cas creiem que el més assenyat és donar-li sempre la nostra opinió professional al client, també en cas de discrepar amb ell, i esperar que escolti la nostra opinió experta. Però si al final el client s'enroca, es pot fer finalment el que ell demana, amb la tranquil•litat d'haver-li avisat abans.
   
   
2. Anàlisi dels continguts: a partir del material que aporti el client i el que ens demani que generem, ens hem de fer una idea del material del qual disposarem per al web. Tenir en compte els apartats que tindrà, quin volum i format d'imatges, textos, vídeos i altres elements tindrem, ens ajudarà a projectar un disseny web que s'adapti bé al nostre material. Perquè un error comú d'alguns dissenyadors és crear unes pàgines molt boniques amb fotografia a tota pantalla, per a una web on el client ens aportarà unes imatges que no es podran lluir en pantalla completa, per exemple.
   
   
3. Anàlisi de mercat: observar què estan fent les empreses competidores directes i indirectes. Els colors, estructures, llenguatges gràfics, funcionalitats i programació web que fan servir. A partir d'aquesta informació i el briefing que ens hagi passat el client, determinarem si farem alguna cosa en la línia del sector, alguna cosa amb coses en comú amb el sector però amb fets diferencials, o apostar per alguna cosa totalment trencadora amb la resta de competidors. En general, el més encertat és el camí del mig (per exemple si anem a fer un web per a un dentista fer-lo en fons negre seria molt trencador, però potser no gaire adequat), però no sempre és així.
   
   
4. Habemus logo? Aquesta és una pregunta molt important. El logotip és la base de la identitat corporativa, la seva presència al web ha de ser destacada, i la seva combinació amb la resta d'elements del web, harmònica. Si el logotip ja ens ve donat pel client, el més aconsellable és plantejar un disseny web prenent com a punt de partida aquest logotip: els seus colors, tipografies, efectes, elements iconogràfics, etc. Si observem que el logotip està desfasat o que no es correspon amb el missatge que la marca vol transmetre, el millor i més honest és plantejar-li al client un canvi en el seu logotip. Per a molts dissenyadors la millor situació és quan es tracta d'una empresa de nova creació i podem començar de 0, també creant-ne el logotip.
   
   
5. Un llenguatge per al web: el següent pas és escollir els elements del llenguatge indispensables com la tipografia que utilitzarem (generalment és recomanable fer-ho tot amb una tipografia o una família d'elles), les iconografies que farem, els colors a utilitzar, etcètera. Aquests elements seran els que li donaran cos i coherència al web.
   
   
6. Jerarquies visuals i arquitectura de la informació: cal tenir molt en compte la importància de cadascun dels continguts i quina predominança han de tenir uns sobre altres en el disseny web. Això es deu essencialment a dues raons: que aconseguim que l'usuari quan aterri al web faci el recorregut que més ens interessa (que passi pel nostre embut), i per al nostre amic SEO, podent determinar els importantíssims h1, h2, h3...
   
   
7. Equilibri visual / funcional: són dues esferes que sovint tenen les seves friccions, i en ocasions incompatibilitats. El més bonic no sempre és funcional, i el més funcional no sempre és bonic. Nosaltres aconsellem uns dissenys web que no creuin determinades línies vermelles: el SEO i el disseny web responsive. Mentre el disseny web respecti l'optimització d'aquests dos elements, a partir d'aquí es pot donar curs a la creativitat. Per exemple, un tipus de disseny molt atractiu visualment però dolent per al SEO és el Parallax, com ja vam explicar en un altre article.

Aquests són, a grans trets, els passos i elements rellevants del procés d'elaboració d'un disseny web personalitzat, com els fem a La Teva Web. Esperem que l'article t'hagi resultat d'interès. Si vols, pots consultar el nostre catàleg de pàgines web i veure si complim amb allò que prediquem;)