Millorar el Flux de Treball al Dissenyar amb WordPress

Flux de Treball al Dissenyar amb WordPress

Darrera actualització:

(Capítol 1 de 3)

Com ser més eficients dissenyant amb WordPress?

Quan aprofitem WordPress i el seu enorme ecosistema de recursos, el temps que es triga a posar en marxa un website es redueix enormement. Malgrat això …

Si parlem d’eficiència, no podem delegar la responsabilitat exclusivament a “L’eina”. Les eines per si soles no milloren el teu flux de treball. Necessites un bon Workflow de treball!

Table of Contents

WordPress contribueix a l’eficiència?

WordPress no és simplement una qüestió de moda, la seva popularitat es deu al seu model de codi lliure “Open Source”, al seu enorme ecosistema de temes, complements “plugins” i als serveis de tercers que ens ajuden a reduir l’anomenat “Time to Market” dels nostres projectes.

WordPress ho usa el 35.3% dels llocs web – font w3techs.com

Els números no menteixen, WordPress és utilitzat per més de 60 milions de llocs web, aquest és el 35.3% de tots els llocs web, i si ens centrem Sistemes de Gestió de Contingut, parlem d’un 62.0%.

Però per a ser eficients, no podem limitar-nos a “les eines”!

Necessites un bon flux de treball

Quan es tracta de millorar el procés i ser més eficient, és molt important refinar les regles, processos i la interacció amb els clients dels teus projectes WordPress. Però més important és encara sistematitzar i expressar-ho en forma de cicle repetible a manera de “flux de treball”, anem l’anomenat “Workflow”.

És bo recordar l’important que és el temps:
Temps = €€€
Però encara més important …
Temps = Llibertat

Estalvia temps amb un bon Flux de Treball.

Beneficis de la planificació del flux de treball

  • Redueix i resol problemes relacionats amb les transferències de projectes.
  • Reforça la importància dels plans i objectius del projecte.
  • Elimina suposicions arriscades. Si el flux de treball es comunica clarament, es poden evitar malentesos costosos.

Per a qui és aquesta guia?

Deixem-ho clar des d’un principi. No hi ha un disseny únic de flux de treball.

Aquest és un enfocament dinàmic dirigit a dissenyadors web i integradors web que muntin webs WordPress petites o mitjanes tant si treballen com a autònoms independents com si treballen en petits equips, en agències o estudis de disseny.

Perseguint el flux de treball perfecte

Ajuda’ns a refinar aquest procés de treball enviant-nos les teves idees, correccions, comentaris, …

Les contribucions són benvingudes! (actualment en la versió 1.1.0)
https://github.com/sitamet/wordpress-design-workflow

Un buen Flujo de Trabajo Diseñando con WordPress

Aquest flux de treball es pot adaptar per a cobrir projectes relacionats amb la creació de contingut, redissenyo o optimització de websites.

Afegeix aquest infogràfic al teu web copiant i enganxant el següent bloc de codi:

<a href="https://wetopi.com/es/mejora-tu-flujo-de-trabajo-al-disenar-con-wordpress/">
<img src="https://wetopi.s3.amazonaws.com/rsc/freelance-wordpress-deign-workflow1.png"
alt="Millora el teu Flux de Treball en Dissenyar amb WordPress" width="1200" height="2034" /></a Com>
ser més eficients dissenyant amb WordPress? [Infographic] by the team at
<a href="https://wetopi.com">Wetopi</a>

1 Defineix objectius

Has de tenir molt clars els objectius del projecte web perquè han d’alinear-se amb les expectatives del teu client.

Aquí alguns exemples com a referència:

  1. Incrementar les vendes.
  2. Crear marca.
  3. Guanyar autoritat a les xarxes.
  4. Incrementar el rànquing en cerques.

Hauries “DO’s”

  • Defineix i deixa clars els principals objectius del projecte.
  • Trenca els objectius en petites etapes abordables. Proporciona al teu client una llista de petites etapes on quedin clars els responsables. I recorda, tu ets l’expert, has d’evitar imprecisions.
  • Has de conèixer a quina audiència va destinat el projecte web. Descriu els teus “buyer persona” els perfils d’usuari, què consumeixen o llegeixen, descriu la seva edat, gènere, motivacions.
  • Estandaritza el projecte. Hauries de partir de models “templates” per a la definició d’objectius.
  • Important indicar com mesuraràs els objectius. Deixa clar el que és considerat “èxit”. Et portarà temps i disciplina mesurar i treballar les mètriques. Considera-ho part de l’oferta. 

No Hauries “DON’Ts”

  • No et limitis a simples idees i expectatives. Des d’un principi és important tenir clar els objectius als quals arribar. I tots els participants, client inclòs, hauran de compartir aquesta mateixa visió.
  • No fixis objectius que el teu client no necessita. No generis falses expectatives. No oblidis que els objectius han d’estar sempre a l’abast del pressupost. No avanços objectius sense tenir una idea aproximada de l’import destinat al projecte.
  • No et limitis a fixar els objectius i deixis els detalls per al final. Detalls amb impacte en Temps i/o Diners han d’estar presents des d’un principi.

2 Planifica l’execució dels teus objectius

Quan es tracta de planificar i gestionar projectes, i no som una gran corporació amb equip dedicat, el nostre mètode preferit és el basat en CCPM (“Critical chain project management” / Cadena Crítica).

CCPM és extremadament útil gràcies al seu principi bàsic de mantenir les coses simples, treure profit del Compartir la Flexibilitat i evitar l’esforç per gestionar terminis i pronòstics estrictes.

Amb un flux de treball simple, un cicle o línia de procés únic, els objectius són fàcils d’administrar: ens podrem basar en el principi de “Gestió compartida del “buffer” de temps” (ara més endavant ho expliquem). Si el teu equip està treballant amb desenvolupaments de múltiples projectes o cicles paral·lels, considera endinsar-te en el món de “Cadena Crítica” per a aprofitar al màxim tots els seus beneficis.

Introduïm les bases de CCPM en forma de “Hauries” i “No Hauries”:

Hauries

  • Mantingues la planificació ordenada i simple. Procura afegir una data a cada etapa principal d’interacció amb el teu client.
  • Crea una línia de temps o una llista simple de tasques amb les dates optimistes. Has d’aconseguir que els teus col·laboradors NO es reservin temps extra per a les seves tasques, han de ser optimistes, comunicar tots els contratemps i ser conscients que el temps es gestiona de manera global i no se’ls va si s’ha de jutjar pels contratemps.
  • Afegeix un únic “buffer” pulmó de temps al final.
    Aquest gran bloc de temps es gestiona a nivell general. Totes les tasques poden prendre temps d’aquest “buffer” quan les coses surten malament.

No Hauries

  • No perdis el temps calculant la planificació òptima de tasques.
  • No afegeixis un marge de temps per a contratemps a cada tasca.

3 Acord de continguts i Lliurables

El redactat, selecció i adaptació de textos, arxius d’imatges, vídeos, i els “lliurables” (informes, actes, analítiques, … ) són grans consumidors de temps.

La generació de contingut és un gran consumidor de temps.

Deixa clar el “quí” n’és responsable/s i “de què” està a càrrec.

Exemple de contingut i tasques al flux de treball.

  • Disseny i/o adaptació del logo de l’empresa.
  • Contingut de la pàgina “el copy”
  • Mitjans: Fotos, Il·lustracions, Vídeos
  • Incorporació/maquetació de contingut.
  • Gestió del registre de domini.
  • Gestió de registres DNS.
  • Informe de mètriques d’audiència

Exemple de lliurables en el flux de treball

  • Hypermap – Una representació conceptual del flux d’usuaris a través del lloc.
  • Sitemap – Una representació gràfica de l’estructura i navegació del lloc, que mostra quantes pantalles hi haurà i com es vinculen entre si.
  • Disseny conceptual – Selecció de temes o dissenys personalitzats que mostrin els diferents enfocaments que podria prendre l’aparença del lloc web.
  • Direcció creativa i guia d’estil – Guia de Gestió i seguiment de l’aparença del lloc sobre la base dels conceptes creatius aprovats.
  • Guia editorial – Descripció de l’estil recomanat per al contingut editorial. Aquesta guia serveix per als escriptors i redactors de contingut del lloc web. També se sol aportar direcció d’art per a la fotografia o tipus de fotos d’arxiu.

Hauries

  • Usa una convenció per a la nomenclatura dels arxius. Sol ser útil incloure autor, versió i data. Utilitza la posició de manera intel·ligent perquè puguis organitzar i ordenar alfabèticament de manera senzilla.
  • En codificar amb la data, usa-la en el seu format invertit. És a dir, 20211204 per al 4 de desembre de 2021. D’aquesta manera, al ordenar alfabèticament una carpeta, aquesta quedarà automàticament ordenada.
  • No esborris res. Fes servir un bon control de versions per a organitzar els arxius. Pots simplement afegir al final de l’arxiu els números de versió successius (_v2, _v3, _v4…).

No Hauries

  • No hauries de Sobreescriure. No siguis mandrós quan estiguis editant i reemplacis arxius antics amb arxius nous.
  • No hauries de demanar el contingut i recursos al client” quan els necessites. El teu client gairebé sempre té altres prioritats. Sol·licita materials i recursos per endavant.

4 La Proposta i signatura de Contracte

Crea un “Brífing” o proposta de projecte web i obtingues el compromís del teu client: signatura un contracte, proposta o simplement formalitza el procés amb un pagament inicial.

Hauries

  • Estandarditzar i “Productivizar” el teu servei.
  • Hauries de tenir una plantilla, un motlle o “template” o fins i tot un formulari en línia si pots estandarditzar fins al punt de vendre els teus serveis com a productes.
  • Deixa clar per endavant tots els passos legals.

No Hauries

  • No escriguis en excés. Com a clients, no tenim temps per a llegir “Especificacions” de projectes llargs i complexos.
  • No perdis temps en reunions. Dóna-li al teu potencial client instruccions clares i un canal de comunicació ràpid i directe.
  • Evita les reunions tret que siguin part del pressupost. No et consumeixis en reunions tret que formin part de l’agenda.

Eines

  • Bonsai fa que sigui molt fàcil crear una proposta, revisar-la amb el teu client (i fer canvis) i després signar-la.
  • Si no desitges crear una proposta des de zero o no saps per on començar, Proposify és un bon lloc on iniciar-se. Aquest generador de propostes és realment fàcil d’usar i t’ajudarà en totes les etapes de la contractació.
  • Si tens al cap fer del teu servei un producte, escolta a en Brian Casel i el seu productize.

5 Disseny del tema

En abordar l’etapa de donar-li aspecte i funcionalitats al teu projecte web amb WordPress, tens dues opcions:

  • Partir d’un tema de WordPress ja existent.
  • Construir al tema WordPress de forma totalment personalitzada.

Doncs sí! entre aquestes dues opcions existeix tota una “gamma de grisos” intermedis.

Però no et preocupis, no importa el camí que prenguis per al tema del teu WordPress, a continuació detallem alguns “Hauries” i “No Hauries”, de caràcter general, que tenen un impacte en el Workflow.

Hauries

  • Ofereix opcions i variants al teu client: fes que se senti còmode enfront dels grans canvis. Quan tenim el poder de triar i prendre una decisió solem “adoptar-la” i defensar-la amb més força que una imposició.
  • Tota decisió sobre l’aspecte i comportament hauria de prendre’s com més aviat millor.
  • Quan comencis amb les proves de Temes i variacions sobre un mateix web WordPress, utilitza plataformes de hosting on disposis de sistemes de clonació. És important poder construir un base i replicar-la amb facilitat per a mostrar variants.

Impressiona als teus clients!

Mostra “cara a cara” diverses versions del teu website de proves

Amb wetopi pots treballar tot el desenvolupament GRATIS i clonar en segons per a tenir fins a 3 versions simultànies del teu website WordPress.
  • Inverteix en un bon “framework” o tema (ràpid i lleuger). Aquí ve la nostra recomanació particular, ordenada de “requereix més” a “requereix menys” habilitats de desenvolupament:
    • La teva plantilla construïda sobre un bon tema d’inici com: Underscores, FoundationPress, Bones
    • Genesis framework. Un dels “frameworks” més amigables per al desenvolupador i extremadament ràpid.
    • Divi by Elegant Themes amb la seva eina de creació de pàgines de “fer clic”, “arrossegar” i “deixar anar”, et permet crear un disseny web personalitzat sense la necessitat de “tocar codi”.

No Hauries

  • No li amaguis els teus avanços al client. Comunica els canvis i etapes d’evolució tant com puguis. Això t’ajudarà amb el “FAIL FAST” (FALLAR RÀPID). Aquest terme ha estat àmpliament utilitzat com una metàfora en el desenvolupament i en els negocis. Significa que hem de realitzar petits passos i proves per a contínuament validar la viabilitat d’un producte o estratègia. L’alternativa clàssica consisteix a procedir silenciosament i amb cautela i invertir mesos per a després estavellar-nos pel precipici.
  • No desestimis aprendre una cosa nova. Aprendre i fer una cosa nova és crucial per a la felicitat: prova un nou plugin, prova una nova funció de tema, millora el teu Tema base, aprèn a implementar aquesta petita funció en lloc de sobrecarregar el teu WordPress amb un nou complement.

Resumidament, som uns techies apassionats per WordPress que hem creat Wetopi, un Hosting WordPress Gestionat, per minimitzar la fricció a la que tot professional s’enfronta en treballar i allotjar projectes WordPress.

Inclou servidors de desenvolupament Gratis.
No cal tarjeta de crèdit.

Compara Wetopi amb el teu hosting actual

Dóna’t d’alta, demana una migració i compara.

Sense cap compromís ni esforç per part teva, migrem una còpia del teu web.

Sense lletra petita.
Sense compromisos.
Sense targeta de crèdit.