Comunicación diseño y desarrollo web

Comunicació efectiva: disseny i desenvolupament web en sintonia

La comunicació

El primer que em ve a la ment quan sorgeix el tema de la comunicació dins d’un equip multidisciplinari és el títol del llibre de John Gray, “Els Homes són de Mart, les Dones són de Venus.” però adaptant-la al context: Els desenvolupadors són de Mart, els dissenyadors de Venus i Negoci de Mercuri, per la qual cosa la primera clau de tot és la comunicació.

En Doowebs tenim la facilitat treballar uns junts als altres, la qual cosa facilita en gran manera la comunicació per parts de les tres disciplines: Desenvolupament, Disseny i Negoci. Així, a l’hora de prendre decisions ens impliquem tots per a centrar la solució i els esforços de cada projecte.

En tindre projectes tan dispars entre si, com pot ser el cas d’una web corporativa per a un banc o d’un comerç electrònic de productes artesanals, no tots prevalen pel mateix objectiu. Pel que a l’hora de prendre decisions debatem quina seria la més òptima per a aconseguir l’objectiu marcat pel client, i com bé deia Aristòtil: “En el terme mitjà està la virtut.”, per la qual cosa amb els requisits del client i les limitacions de cada vessant decidim en quins punts donem més temps o prioritat al codi o al disseny. En aquest punt ens ha sigut de gran ajuda empatitzar i conéixer les necessitats dels altres vessants. Des de disseny, per exemple, ens hem format en la lògica bàsica de la programació i en algun dels seus llenguatges.

Quan arribem a una conclusió ja queda validada pels tres pilars del projecte i al seu torn hem comunicat la decisió a tot l’equip per a continuar treballant tots en la mateixa línia.

Un altre punt clau de la comunicació és parlar el mateix idioma; a l’hora de nomenar els elements, utilitzem una nomenclatura en el mateix idioma (en el nostre cas hem escollit l’anglés), així com el mateix nom per a cada element.

També és important que, una vegada que s’ha creat el prototip, les interaccions ideades pel dissenyador es notifiquen i siguen justificades a l’equip de Desenvolupament. Això facilita que tant el desenvolupador com el dissenyador centren els esforços en la creació del projecte i no perden temps desenvolupant o dissenyant elements o animacions que,segons l’objectiu definit, no aporten un valor significatiu a l’usuari.

El disseny

El segon punt és l’entregable de disseny, que consisteix en un conjunt de wireframes i/o prototips on es mostra el disseny final de la manera més realista possible (disposició d’elements, colors, animacions…). Una vegada l’equip de Desenvolupament té l’entregable de disseny, si l’hem elaborat correctament, el desenvolupador no hauria de tindre cap dubte sobre el disseny i podrà reproduir-lo en codi.

Per a això, en el departament de Disseny de Doowebs hem creat diversos Sistemes de Disseny en Figma i els hem documentat. També fem prototips amb les animacions corresponents. Així, al final, el desenvolupador disposa del document de Figma, amb el conjunt d’elements i el prototip, i un document on s’especifica cada element per separat.

En comptar en el departament amb coneixements de programació hem afegit un plus de valor: Com treballem sota el disseny atòmic, hem afegit en la documentació els estils en el llenguatge CSS de cada àtom del Sistema de disseny (títols, textos, botons, elements de formularis …). Amb això també ajudem a reforçar el primer punt sobre la comunicació i tindre un llenguatge comú, ja que les classes dels àtoms de disseny estan nomenades concorde a l’element de disseny de Figma.

Conclusió

Ací tens alguns punts clau sobre la importància de la comunicació i com ho implementem en el nostre equip:

  1. Comunicació interdisciplinària: Reconeixes la diversitat de rols i habilitats en el teu equip i com cadascun aporta des de la seua perspectiva. La comunicació efectiva permet alinear els objectius i esforços de tots cap a un objectiu comú.
  2. Presa de decisions col·laborativa: La presa de decisions conjunta entre Desenvolupament, Disseny i Negoci assegura que es consideren totes les perspectives is’optimitzen els recursos per a aconseguir els objectius del client.
  3. Empatia y formació creuada: El fet que els membres de l’equip es formen en les habilitats bàsiques d’altres disciplines mostra un compromís amb entendre les necessitats i limitacions de cada part. Això fomenta un ambient de col·laboració i comprensió mútua.
  4. Validació i comunicació de decisions: En validar les decisions pels tres pilars del projecte i comunicar-les a tot l’equip, s’assegura que tots estiguen en la mateixa pàgina i s’evita la fragmentació.
  5. Estàndars de comunicació: L’elecció d’un idioma comú, en aquest cas, l’àngles, per a nomenar elements i conceptes, és essencial per a evitar malentesos i confusions. L’estandardització de la terminologia facilita la col·laboració.
  6. Lliurables de disseny clars: Els wireframes, prototips i sistemes de disseny en Figma brinden als desarrolladores una base sólida para trabajar. La documentación detallada también asegura que no haya ambigüedades en la implementación. desenvolupadors una base sòlida per a treballar. La documentació detallada també assegura que no hi haja ambigüitats en la implementació.
  7. Valor afegit a través de la documentació: El fet que el departament de Disseny proporcione estils en CSS per a cada element de disseny és una excel·lent pràctica. Això no sols ajuda als desenvolupadors a implementar el disseny, sinó que també manté la coherència visual i l’eficiència en el desenvolupament.

En resum, la comunicació efectiva i la col·laboració són essencials en equips multidisciplinaris, i en Doowebs abordem aquests aspectes per a aconseguir un treball conjunt exitós en projectes diversos.