Manual de Canva, Disseny gràfic per a Dummies

L’altre dia, la meva germana em va demanar si la podia ajudar a fer un cartell amb “l’infumable” Word o amb el farragós Photoshop…

Com que no tenia massa temps, li vaig enviar l’enllaç de l’aplicació Canva i li vaig dir que s’oblidés de fer cartells amb el Word/Photoshop. Aquella eina era perfecta per ella!

La resposta va ser reveladora: “No sé com va això, però el Word sí”. 

Com que li havia d’explicar com anava tot, vaig pensar en fer un manual perquè sabés com fer el cartell i estalviar-me de fer-li jo…i d’aquí neix aquesta entrada.

Canva, Disseny gràfic per a dummies

Canva és molt senzilla d’utilitzar, però fins i tot la facilitat necessita d’alguna guia. Aquesta eina, està centrada en fer dissenys bonics i actuals de forma ràpida i perfectament adaptada per a la web social, sense necessitat de passar hores en el Photoshop, o per contra, d’acabar en les garres del Word o el PowerPoint.

L’Anna Codina (betesiclicks) també parlava de Canva fa uns dies.

De moment, aquesta aplicació no té cap quota mensual. El seu model de negoci, és basa en la venda d’imatges a 1$, però pots escollir-ne de gratuïtes i llavors no pagues res per utilitzar-la.

Manual de Canva

Dona’t d’alta

Per entrar a l’editor, t’has de registrar amb el teu perfil de facebook o amb un correu i contrasenya. L’idioma de l’aplicació només és en anglès. Tot i això, el seu ús es força intuïtiu i ràpid d’aprendre.

1-dona-t-d-alta 2

Primer cop aquí: fes una visita guiada de 23 segons

Només entrar, l’aplicació et fa un petita visita guiada perquè vegis quin és el funcionament bàsic de tot plegat. Es podria resumir bàsicament com un editor visual d’arrastrar gràfics, que després modifiques al teu gust dins de l’editor.

2-el-primer-cop--visita-guiada 2

En l’exemple, comencem utilitzant la barra de cerca (ubicada en la part superior esquerra), buscant imatges de lleons, la qual ens dóna accés a un gegantí fons d’imatges (1.000.000) o elements gràfics. Les imatges o elements, poden ser de dos tipus: gratuïts o de pagament a 1.00 $ la peça.

32-imatges-pagament-canva

L’exemple comentat, et mostra com fer una cerca de “lions” …

2-1_beginner-s-challenge---canva 2
Selecciono, arrastro i deixo anar

 Guies Mini Reptes Per Aprendre

Un altra de les novetats d’aquest servei, és la forma com t’ensenya a utilitzar-lo. Et proposa mini reptes, explicats pas a pas, fins i tot en vídeo. Aquest és el repte dels qui comencen per primer cop.

2-2_beginner-s-challenge---canva 2

Són desafiaments molt senzills que tenen com a objectiu, l’aprenentatge de l’eina.

2-2_beginner-s-challenge---canva-1 2

Tot i ser en anglès, queda clara la facilitat d’ús del sistema

2-3_ajuda-video 2

Galeria d’elements gràfics d’arrastrar i deixar anar

En el tauler lateral de Canva, trobaràs una galeria inacabable d’elements gràfics. Tots els blocs gràfics i les imatges, estan classificats per temes i preparats per a ser utilitzats. Escull el tipus d’element  gràfic i quan el trobis, arrastra’l a l’editor visual.

3-tauler-lateral---els-elements-de-canva 2

La llista d’elements gratuïts, és tan llarga que estic segur que no sabràs quin escollir.

4-exemple-shapes 2

Les plantilles d’elements ja dissenyats (Layouts), són molt útils si no saps per on començar. Un cop escollida, personalitzes el disseny al teu gust.

5-plantilles-pre-dissenyades 2

Els textos dissenyats són un altre dels punts forts de l’eina. Et permeten combinar textos de fonts diferents.

6-titols-de-fonts-dissenyats

També pots pujar les teves imatges, des del teu dispositiu o des del teu perfil de facebook

8-puja-les-teves-imatges 2

L’editor visual de Canva

Un cop selecciones un element, només pots modificar-lo mitjançant la barra superior que apareix quan selecciones l’element. També podràs canviar les dimensions de la peça o l’ordre de visualització si hi ha més imatges (davant, darrera, etc).

9-beginner-s-challenge---canva 2

Segons el tipus d’element, tindràs més o menys opcions per canviar. Algunes opcions estan amagades en un segon desplegable.

10-beginner-s-challenge---canva 2

Per seleccionar el color dels elements, el cercle de la barra et mostra la selecció actual i les altres opcions.

11-canvia-el-color-de-l-element 2

Qualsevol color es pot aplicar, fins i tot per codi.

14-escull-un-color-pre-establert-o-per-codi 2

Els blocs de text permeten altres opcions d’edició amagades en el segon desplegable,

12-canvia-el-tipus-de-lletra--tamany-o-color 2

Opcions d’edició del textos,

 

13-altres-opcions-de-text 2

Canva utilitza les Google Fonts més populars,

30-fonts-canva 2

Les imatges inclouen filtres i controls avançats d’edició,

35-filtres-de-les-imatges

Les opcions avançades, sota els controls de luminància i contrast,

36-controls avançats

Crear és molt fàcil però té un preu. Aquesta imatge valdria 3.00 $

34-crear-es-facil

Cada canvi en l’editor es guarda automàticament, no cal pensar-hi. El logotipus de Canva, en la barra superior, canvia cada cop que edites un element.

37-control-de-canvis

Tauler dels teus dissenys

Per accedir al tauler on Canva guarda automàticament els dissenys que vas fent, has de clicar “Home”, en la barra superior,

15-acces-al-tauler-de-disseny-de-canva 2

El primer cop és buit, però a mesura que vagis fent dissenys, ràpidament s’omplirà.

16-els-teus-dissenys 2

Si vols esborrar els dissenys de prova, un cop ple, clica en l’icona del Sandwich.

18-your-designs---canva 2

Selecció de plantilles per a la web social (o no)

El punt clau de l’aplicació, és dissenyar imatges per a les principals xarxes socials, amb les mides perfectes de cada xarxa. No necessites recordar (ni buscar) cada cop, les mides exactes que ha tenir una imatge perfecta per publicar a Facebook, twitter o pinterest.

19-seleccio-plantilles-pre-establertes 2

Simplement selecciones el tipus d’imatge que vols crear i la personalitzes. Per exemple, per crear una imatge de portada de Facebook (Facebook Cover) selecciona la plantilla adient.

38-facebook cover canva

Jo mai me’n recordo de les mesures! Amb Canva, ja no és necessari que perdi temps anant a Google…

39-cover-photo-size-helper
L’ajuda de facebook és bona però poc interactiva…

Un cop seleccionat el format d’imatge, en el menú lateral Layout, es carreguen plantilles pre-dissenyades que podem personalitzar com vulguem.

40-layout facebook cover

Si vols fer dissenys per imprimir, amb Canva també es pot. Pots fer dissenys per CDs, Full A4, pòsters, flyers, invitacions, targetes, etcètera. Tots els formats permeten seleccionar exemples com l’anterior, que pots canviar al teu gust i personalitzar amb les teves imatges.

També pots personalitzar el disseny amb les teves mides,

20-dimensions-establertes-per-l-usuari 2

Selecciona “Use custom dimensions” i afegeix les mides,

21-nou-disseny-amb-mides-concretes 2

Un cop has acabat, el següent pas és descarregar-te el disseny,

41-descarrega-canva

primer l’aplicació et pregunta el destí final de la imatge: per la web o per imprimir. En aquest exemple, he escollit per la web.

26-imatge-per-la-web-o-per-imprimir 2

…prepara la imatge i com que no he fet servir imatges de pagament, la descàrrega és gratuïta.

27-prepara-la descarrega

I quan tot està a punt, es descarrega automàticament,

28-voila- 2

Tutorials de Disseny Gràfic per a Dummies al Quadrat

Aquesta eina de disseny és molt fàcil d’utilitzar. El problema, és que amb tantes opcions i possibilitats, el disseny resultant pot quedar una mica forçat, sobretot si no tens nocions de disseny gràfic. Els creadors de l’aplicació en són conscients i, per mirar de minimitzar-ho, i fer que l’eina sigui popular, han creat una sèrie de mini lliçons guiades per ampliar els coneixements de disseny gràfic, al mateix temps que aprens a utilitzar l’aplicació. No cal dir que tots els tutorials són gratuïts, interactius i farcits de trucs en vídeo.

31-tutorials-mini-reptes 2

Cada guia es presenta com un desafiament que et va suggerint pas a pas, com assolir la fita següent. La quantitat de recursos que Canva ofereix de franc, fa d’aquesta eina, una veritable joia.

Canva Versió iPad

Acabada de sortir del forn, l’aplicació de Canva per a l’iPad. És pastada a la de la versió web, però amb menys opcions. No disposes ni dels tutorials de disseny, ni tampoc de tots els formats predefinits com ara els Facebook Ads, Caràtules de CDs, etcètera. Per ser una primera versió, està força bé.

42-canvaipad 2

El funcionament és el mateix i potser força més addictiu, per la seva facilitat d’ús-

43-canvaipad 2

Conclusió

Canva és una eina online gratuïta molt potent que estalvia temps, especialment si has de crear, de tant en tant, imatges per a les teves publicacions o presentacions. És senzilla d’utilitzar i ràpida d’aprendre. Però una cosa és això i, l’altra, és saber combinar amb certa gràcia tots els elements gràfics que l’eina permet. Per això, cal tenir un sentit estètic (o coneixements de disseny gràfic) que la pròpia eina s’encarrega de potenciar mitjançant les micro lliçons.

Aquest enfoc didàctic dirigit al gran públic, és un encert i mostra una tendència en aplicacions semblants. L’objectiu és formar per estendre’n l’ús.

Alguna Cosa més…

Si vols aprendre més sobre l’eina, al marge dels tutorials, no et perdis el seu valuós blog. Està ple d’exemples il·lustrats, guies i recursos sobre com treure-li tot el suc possible a l’aplicació…buff et faltarà temps per pair tanta guia.

Espero que aquesta guia et sigui útil i que els teus futurs cartells o publicacions destaquin com mai.

Pd: Al final el cartell de la meva germana el vaig haver de fer jo…

Moltes gràcies per llegir-me.

 

Divendres TED Talks: Tim Ferriss “Perd la Por i Aprèn El Que Vulguis”

Tim Ferriss, frustrat de viure per treballar, va enfrontar-te a les seves pors de menut per canviar una vida que no l’omplia.

dita-ted-timferris-948x778

Aquest procés personal, va inspirar el seu primer llibre que va publicar al 2007, quan ningú el coneixia. Abans, “La semana laboral de 4 horas” va ser rebutjat per 25 editorials. Uns mesos més tard, va aconseguir ser ‘bestseller’ a totes les llistes de referència dels Estats Units i encara avui, continua apareixent com un llibre clau que continua inspiran emprenedors de tot el món.

4hwk week
La setmana laboral de 4 hores: veritat o ficció?

Jo reconec que encara no l’he llegit. Potser és que no m’acabo de creure el títol i és per això que, inconscientment, endarrereixo la seva lectura.

Tot i això, un cop vist el vídeo, m’ha entrat una curiositat terrible de llegir algun dels seus llibres. Clarament, ell és l’exemple sobre com n’és d’important CREURE en allò que fas, per tal de poder vèncer les pors paralitzants, prendre decisions i actuar.

TED Talks: Tim Ferris “Perd la Por i Aprèn El Que Vulguis”

Tim Ferriss no et deixa indiferent. Desperta recels per la controvèrsia dels seus mètodes i per una cert estil ‘d’autobombo’, present en molts autors nord-americans obessionats amb la productivitat, l’auto aprenentatge extrem i la millora personal, experimentant en ells mateixos, allò que proposen i publiquen.

Al marge d’això, amb el seu to humurístic i planer, ha sabut fer-se un nínxol propi a nivell mundial com a Self Help Guru”. Realment, els mètodes que desenvolupa en situacions reals, per aconseguir objectius, són una veritable font d’inspiració per a qualsevol que vulgui fer realitat els seus somnis.

L’única vida que val la pena viure és aquesta. No Esperis més. Decideix i actua.

Què seriem capaços de fer sense por?

dita-ted-timferris2-940x778

[hr]

TED és una organització sense ànim de lucre.

Fa 25 anys que organitza xerrades arreu del món, per divulgar ‘idees que val la pena difondre’ sobre la Tecnologia, l’Entreteniment i el Disseny.

D’aquí les inicials T.E.D.

A més, els vídeos són en versió original (anglès) i subtitulats en 58 idiomes, entre ells, el català. Una forma interessantíssima de millorar el nostre anglès, veient vídeos que val la pena difondre.

En resum, cada divendres a practicant s’aprèn, et presentaré una xerrada del TED Talks que trobo que val la pena conèixer i compartir.

Les seves xerrades estan plenes d’aprenentatges i ens mostren com som de diversos. Ensenyances sobre com ens inspirem, com creem, com aprenem, com ens adaptem, com ens superem…

En definitiva, històries sobre noves maneres de veure el món que ens envolta, cada cop més connectat i, alhora, més complicat. Espero que les gaudeixis i et siguin útils.

[hr]

TED Talks: Tim Ferris “Perd la Por i Aprèn El Que Vulguis”

 

Tim Ferris-portada2

 

Més sobre Tim Ferriss i Productivitat

Si aquesta entrada t’ha agradat o t’ha estat útil, [highlight]comparteix-la en les teves xarxes socials[/highlight]. Moltes gràcies per visitar-me i per llegir-me.

[highlight]Si tens quelcom a dir,  si us plau, –>> comenta[/highlight]

Selecció de Plataformes Online per Crear Blogs Fàcilment

Avui dia, la millor eina per conrear la teva identitat digital i la teva reputació online, és disposar d’un blog personalitzat, a més a més, dels perfils socials.

identitat digital

Sigui quina sigui la teva feina o el que facis, en algun moment, algú cercarà la teva identitat a Google.

Projectar tot allò que t’identifica des d’un lloc (web) central que tu controlis, és la clau per donar-te a conèixer correctament a Internet.

Després de tenir una davallada per l’augment imparable de les xarxes socials, el món dels blocs i de les plataformes de publicació personal, tornen amb molta força com a eina perfecta per gestionar la identitat digital, més enllà de l’univers social, massa enfocat en la superfície.

Oblida el currículum del segle passat i vés pensant en enfocar-te digitalment.

Mai ha estat tan fàcil crear blogs

En aquest recull, et faig 5 cèntims de les plataformes que ara mateix considero més importants per crear blocs o llocs webs.

Crear un blog avui és més fàcil que mai.

Les noves plataformes i les que ja existien, fan del disseny i la usabilitat, les claus per captar nous usuaris.

Algunes de les plataformes que et selecciono, són conegudes com a constructors web d’arrossegar i deixar anar (drag and drop website builders).  Treballen amb mòduls definits i muntes la teva web com si fos un Lego virtual.

En qüestió de minuts, qualsevol pot posar en marxa pàgines web sofisticades, sense programar i amb un navegador.

L’únic que s’ha de tenir clar, és quin és l’objectiu del blog per escollir la plataforma adient.

10 Plataformes per Crear Blogs Online

1. Wix.com

http://www.wix.com

wixcom

Plataforma drag and drop builder.

A favor: Permet dissenyar webs i blogs responsius de forma molt fàcil i intuïtiva. Només necessites un navegador. Fixa’t si és fàcil que, segons la companyia, hi ha uns 54 milions de webs creats amb aquesta plataforma.

En contra: Limitació en la personalització de les plantilles. No controles les condicions d’ús.

Té lloc web i ajuda en espanyol.

Permet crear un perfil gratuït, afegint la paraula wix a la direcció del domini i acceptant publicitat al teu lloc web.

2. Tumblr

https://www.tumblr.com

5-tumblr

A mig camí entre xarxa social i el blog, tumblr esdevé la icona del microblogging, amb més 200 milions de blogs. Una gran part dels blogs estan enfocats a la creativitat visual, el disseny o l’art, gràcies a una gran comunitat d’artistes gràfics, dissenyadors i il·lustradors, que experimenten amb les facilitats de la plataforma. La seva senzillesa d’ús, permet crear i personalitzar llocs webs, així com publicar de forma ràpida a l’estil de Twitter.

A favor: Permet crear llocs webs mitjançant plantilles de disseny alternatiu i creatiu.

En contra: Tot i ser una eina molt intuïtiva, la personalització requereix de coneixents d’HTML. L’altre handicap és que pertany a Yahoo des del 2013, fet que ha canviat les condicions d’ús i que vist anteriors precedents, qualsevol dia poden tancar el servei si el veuen poc rendible.

Només en anglès. La documentació d’ajuda però està en espanyol.

Permet inscripció gratuïta, afegint la paraula tumblr a la direcció del domini i acceptant publicitat al teu lloc web.

3. Weebly

http://www.weebly.com/?lang=es

4-weebly

Plataforma drag and drop builder.

A favor: Permet una gran personalització de les plantilles mitjançant un editor visual molt senzill d’utilitzar. També compta amb aplicacions natives en iOS i Android. L’aplicació per iPad s’acaba d’estrenar i sembla que amb molt bones crítiques.

En contra: No té editor d’HTML, ni extensió per bloquejar el correu brossa, element important si tens un blog.

Té versió en espanyol. El suport i l’ajuda també.

Permet el registre gratuït, afegint la paraula weebly a la direcció del domini i acceptant publicitat al teu lloc web.

4. Ghost

Ghost.org

A favor: Solució de codi obert. Permet instal·lar el software en un servidor propi, sense cap cost.

2-ghost

En contra: Tot i disposar d’editor visual, necessites forts coneixements d’HTML per a configurar les plantilles. Encara està una mica verda.

Només en anglès.

Versió gratuïta només disponible amb servidor propi.

Versió PRO a partir de 10$/mes. Hosting amb CDN global i Seguretat inclosa.

5. Medium

Medium.com

7-medium

Plataforma de blogs que funciona com una xarxa social, centrada en la creació d’articles llargs i enfocada a la gent que els llegeix.

Disseny minimalista amb estètica zen per fer que el contingut es llegeixi de forma tranquil·la i agradable. Sistema de llistes i recomanacions molt innovador.

A favor: Si el que t’agrada és escriure o llegir, sense cap més artifici i de forma còmoda, no dubtis a provar-la.

En contra: Oblida’t de personalitzar plantilles, domini, etc. El model de Medium és tancat i només dóna llibertat a l’hora d’escriure. Tot i això, consulta les condicions d’ús.

Només té aplicació per iOS (iPhone)

Té contingut publicat en espanyol i en altres idiomes, però en català no n’he trobat.

Gratuïta.

6. WordPress

El programari lliure més utilitzat de totes les plataformes per bloguejar, tant des del punt de vista personal com professional. Si em llegeixes habitualment, ja sabràs que difonc àmpliament el seu ús en modalitat oberta, per construir casa teva a Internet.

https://wordpress.com

tualer wordpresscom

https://wordpress.org

tauler wordpressorg

A favor: Si no et vols complicar-te, ni preocupar-te tècnicament, WordPress.com és genial. Subscriure’t i registrar un domini al mateix temps, és súper senzill i ràpid. Afegir-hi complements des de la botiga integrada, també és facilíssim.

En contra: A canvi d’aquesta facilitat d’ús, WordPress.com té moltes limitacions si el compares amb la seva versió lliure. La versió amb comerç electrònic té molt poca llibertat.

WordPress.com té versió en espanyol i també parcialment en català.

WordPress.com permet una subscripció gratuïta, afegint la paraula wordpress al domini i publicitat en el lloc web que creis.

WordPress.org està traduït a més de 60 idiomes, entre ells el català. També el pots instal·lar en el teu ordinador.

7. Blogger

Blogger.com

Servei de blogs de Google. La competència directa de WordPress.com.

tauler blogger

A favor: Ampli ventall de plantilles. És molt fàcil de posar en marxa i començar a publicar. Integració amb Google+ i amb altres productes de la companyia, com Analytics, Google drive, Adwords, etc.

En contra: Aparentment, plantilles un xic desfasades. No integra la compra de dominis. Depens totalment de les normes que Google t’imposi. Tampoc té cap funcionalitat per protegir-te del correu brossa.

Versió en català i espanyol (Compte a Google).

Versió gratuïta, afegint la paraula blogspot.com.es al domini. 

8. Squarespaces

Squarespaces.com

1-squarespace

Plataforma drag and drop builder.

Servei de blogs de pagament amb eines visuals per personalitzar plantilles de disseny professional, de forma fàcil. Aquesta característica, l’ha fet créixer i s’ha fet molt popular als Estats Units.

A favor: Possibilitat de comerç electrònic en la modalitat més bàsica (8$/mes) – limitat només a un producte i a donacions –

En contra: No existeix l’opció gratuïta, però ofereix 14 dies de prova, sense targeta de crèdit. No permet configurar direccions de correu.

Versió només en anglès.

9. Jimdo

http://es.jimdo.com

6-jimdo

Plataforma drag and drop builder.

A favor: Plataforma de fàcil ús orientada a crear botigues online, fins i tot en la modalitat gratuïta (limitada a 5 productes).

En contra: Publicitat visible en la versió gratuïta i plantilles professionals limitades.

Té versió i suport en espanyol.

Permet registre gratuït, afegint la paraula jimdo al domini.

10. Altres plataformes…

Hem deixo per comentar altres plataformes com Magento, Joomla!, Bootstrap, etc perquè considero que són molt més exigents tècnicament i els hi tinc reservades entrades més específiques més endavant.

Conclusió

Totes aquestes recomanacions, només et seran útils si tens en compte les teves necessitats i què vols fer.

A priori l’opció perfecta no existeix, però segur que hi ha alguna que s’apropa al teu tarannà.

Encara que només vulguis crear un blog personal, sense cap objectiu, et recomano fer-ho amb WordPress.com o amb Blogger, si ets més de Google, per la seva facilitat, seguretat, flexibilitat i potència.

Si decideixes treballar amb wordpress.com, sempre tindràs la possibilitat de migrar tot el teu contingut a un servidor propi, funcionant amb el mateix software i sense pagar cap llicència, ja que és de codi lliure.

Fins i tot, el podràs instal·lar al teu ordinador i no et caldrà tornar a aprendre el seu funcionament (crear pàgines, afegir vídeos, imatges, canviar de plantilla, publicar, etc).

Cap plataforma de les seleccionades, excepte Ghost, ofereix la possibilitat de wordpress, d’utilitzar el mateix software amb llicència gratuïta.

Si només vols publicar articles llargs i llegir, Medium ofereix un servei impecable de blogs minimalistes, centrats en el contingut i les idees.

Si tens una feina creativa, ets dissenyador o artista, tumblr és la teva plataforma, però ofereix poques opcions de comerç electrònic (mitjançant Shopify).

Les plataformes amb constructors web són una bona opció si no saps programar, però de vegades el resultat és massa ‘prefabricat’.

La decisió és teva. Aprofita la tecnologia i començar a gestionar la teva identitat digital de forma seriosa.

Per plataformes i possibilitats no serà.

Moltes gràcies per llegir-me.

Introducció a l’Analítica Web 2.0: Com Començar amb Google Analytics

Un cop tens el teu blog wordpress en marxa, és moment de començar a recollir estadístiques de les teves visites.

Si l’existència de la teva web (o blog), respon a una finalitat concreta, és essencial mesurar i analitzar estadístiques per saber si s’aconsegueixen els objectius marcats o, almenys, si vas en la direcció correcta.

La mesura i l’anàlisi de les dades digitals, fan possible la seva millora. No fer-ho, és com caminar a cegues…!

walker-41432_640
Sense analítica, fas a cegues el camí digital

Si no estàs interessat/da en cap mena d’analítica web, si us plau, no continuïs llegint.

En canvi, si ets dels/de les que vol començar amb l’analítica web des del nivell més bàsic i, concretament, amb Google analytics, no ho dubtis, estàs llegint l’article perfecte!

Introducció a l’Anàlisi Digital

D’acord doncs! Si continues aquí, és que ets conscient de la necessitat de mesurar per assolir objectius. De fet, té la seva lògica. Si optimitzes per obtenir un bon posicionament, el més raonable, és que també apliquis algun tipus d’anàlisi d’estadístiques. I crec que t’hauria d’interessar encara més, ja que la seva aplicació, només depèn de tu. No pots controlar el tràfic que t’arriba, però sí com l’aprofites, i això té molt a veure en concentrar les accions i esforços en allò que pots controlar. Tot queda a casa!

seo i analítica web
SEO i Analítica web es complementen

Mesurar i analitzar no és la finalitat, només és el mètode que ens permet saber si ho estem fent bé o no.

Recollir estadístiques web del nostre tràfic és el primer pas. A diferència del món real, a Internet qualsevol acció és tractable i mesurable. No fer-ho, és una opció totalment respectable, però si de veritat vols progressar, has d’obrir els ulls a l’analítica web, sí o sí.Un cop recollim dades, el següent pas és creuar-les amb altres dades per donar-les-hi un sentit, d’acord amb el nostre projecte. Si no s’enten què passa, és molt dificil millorar.

Aquest és l’objectiu de l’analítica web: mesurar i avaluar per entendre què està passant de veritat dins del teu lloc web. Es tracta d’aprendre per actuar en un sentit o en un altre, i així poder aconseguir els teus objectius i ser capaç de repetir-los.

l’Analítica Web 2.0 es fa Preguntes Clau

Amb arribada de la Web 2.0 , el concepte d’analítica web també es va transformar. Es va passar d’una analítica centrada en la recollida de dades (clics), a una analítica més segmentada, que es feia preguntes per obtenir respostes i coneixements. En la imatge de sota, es pot apreciar l’evolució de tots dos models.

Model analítica WEB 2.0
Model analítica WEB 2.0 d’Avinash Kaushik

L’autor d’aquest gràfic és Avinash Kaushik, un referent clau dins del món de l’analítica digital amb un blog personal, Occam’s Razor by Aninash Kushik, que és ple de perles d’analítica web i marquèting digital. Et recomano que el visitis. Qualsevol dels seus articles (llargs) són espectaculars.

L’analítica web 2.0 és una estratègia indispensable per a qualsevol projecte digital, micro, petit o gran, que vulgui transformar-se en un negoci viable. Les cinc preguntes clau estableixen el camí per obtenir el coneixement de les dades:

  • Quines variables mesurar i per què: mesurar només allò que és important per al nostre projecte.
  • Quantes dades diferents analitzar per obtenir una foto global.
  • Experimentar canviant coses i recollir resultats.
  • Creuar enquestes d’usuari.
  • Comparar-nos amb diferents dades competitives dins del nostre nínxol.

El Secret de Combinar Dades Per Entendre Què Passa

La finalitat de l’analítica Web 2.0 és entendre i interpretar, i això no és possible amb una sola eina. És necessari creuar dades perquè aquestes tinguin sentit i valor! Si l’objectiu de la teva web és vendre sabates, poc valor aporta l’indicador de ‘percentatge de rebots’, si no ets capaç de relacionar-lo amb les variables importants i directes del teu negoci, com per exemple, les comandes mensuals on line.

Google Analytics és una eina súper potent, però només mostra una part (digital) de la foto. I com totes les eines, sense les preguntes i accions adients, la seva utilitat queda reduïda.

eines per mesurar i analitzar
Eines per mesurar i analitzar

Abans d’aplicar-les, et recomano clarificar els següents punts en aquest ordre. Aquest enfoc del pla de mesura digital, és el que Avinash proposa des del seu blog.

  1. Objectius.
  2. Estratègia.
  3. Tàctica.
  4. Mesura d’indicadors clau (KPI)
  5. Variables a mesurar per obtenir els indicadors clau.
  6. Segmentació.

Objectius vs tàctiques

L’estratègia aplicada en un blog com el meu, té un clar paral·lelisme entre “fidelitzar l’usuari” i “crear una comunitat virtual”. A tall d’exemple, en el meu cas, jo mesuro les estadístiques digitals amb dues eines diferents: Google Analytics i Clicky (opció gratuïta), per comprovar que les dades són fiables.

La resta de dades que creuo, són les accions realitzades pels visitants, com ara comentaris, altes de la llista correu i contactes des del formulari de la web, entre altres. No et compliquis la vida amb massa dades. Millor poques i que aportin valor a allò que fas. Com més simple millor; més fàcil de fer i d’aplicar.

Què és Google Analytics?

Entrem en matèria!

Google Analytics, és l’eina de Google que enregistra què passa al teu lloc web, com ara la quantitat de visitants que reps mensualment o quin és el contingut més visualitzat.

Google Analytics 2014

La informació que et proporciona, permet millorar el teu lloc web i saber, per exemple, què interessa més als teus usuaris, tant als nous com als habituals. Amb GA (acrònim de Google Analytics) pots obtenir moltes dades. Tantes, que és molt fàcil perdre’s i sentir-se saturat per la quantitat d’opcions i possibilitats de mesura. Per això, és important establir, abans d’entrar-hi, què ens interessa mesurar i analitzar.Com ja t’he dit, GA és una eina gratuïta que ‘segueix’ el tràfic del teu lloc web. És com una mena de radar que recull informació detallada sobre:

  • Els visitants genèrics que t’han visitat o que tens ara mateix connectats.
  • D’on venen digitalment parlant.
  • Quant temps passen a les teves pàgines i en quines.
  • La velocitat de càrrega de les teves pàgines.
  • Si algú es descarrega un PDF o veu un vídeo.
  • I centenars de coses més…

Puntualització:

Fer el seguiment de visitants del teu lloc web, no vol dir saber qui són!

Si Google t’enganxa intentant ‘identificar usuaris’, eliminarà el teu compte per violació dels seus termes d’ús (aquells documents que sempre llegim abans d’anar a dormir…).

Com funciona Google Analytics

Els trets bàsics de Google Analytics són:

  • És un eina gratuïta.
  • Permet l’enllaç amb altres serveis de Google, com ara Google Adwords i Google Webmaster Tools, i així afinar encara més.
  • Eina de mesura basada en Javascript i galetes (cookies). Això, vol dir que si l’usuari no té activat el Javascript en el navegador, aquell usuari serà invisible i no es comptabilitzà cap sessió, ni cap acció.
  • Legalment, s’ha d’avisar a l’usuari que s’està fent seguiment i si vol acceptar-ho. Consulta la Directiva Europea sobre cookies d’obligada aplicació a Espanya. Consulta la meva pàgina de Política de Cookies (si vols copia-la però no oblidis de personalitzar-la d’acord amb les teves cookies)

Que és i com funciona Google Analytics

Per mesurar amb GA, hem d’inserir un codi javascript en totes aquelles pàgines del nostre lloc web, sobre les quals vulguem obtenir estadístiques. Amb WordPress hi ha diversos plugins per fer aquesta operació en menys d’un minut i sense cap complicació. Més endavant t’explico com.

Si no fas servir WordPress, el procés és més laboriós i has d’editar el codi HTML de cada pàgina. En el cas que tinguis més de 100 pàgines estàtiques, tens molta feina…

Un cop inserit el codi de seguiment, GA captura les visites dels usuaris a les teves pàgines mitjançant les galetes. Aquesta informació, es processa en els servidors de Google, d’acord amb la configuració del teu compte d’Analytics. Un cop passades 24/48h, es tenen els primers resultats que pots visualitzar en diferents marges temporals, gràfiques i taules de tota manera.

Google Analytics intro

Què és Universal Analytics?

Universal Analytics és el nom que rep l’actualització de Google Analytics llençada al 2013. Aquesta nova versió, s’adapta als nous dispositius mòbils amb una forma de mesurar més eficaç. Si et dones d’alta per primer cop, probablement el teu compte ja estarà adaptat per defecte a Universal Analytics. Si ja tenies compte abans, segurament Google, ja t’ha avisat per fer la transició cap al UA, que consisteix en generar un nou codi de seguiment que hauràs de pegar novament en les pàgines, esborrant l’anterior.

Com Començar amb Google Analytics

Pas#1: donar-se d’alta a Google Analytics

  • Vés a la pàgina de Google Analytics i dona’t d’alta: http://www.google.com/analytics/
  • Si no tens un compte a Google, primer n’hauràs de crear un i després t’hauràs de donar d’alta a Google Analytics.
  • La pàgina inicial et mostra els passos a seguir:
    1. Registrar el compte i associar-lo a una ‘Propietat’
    2. Afegir el codi de seguiment al teu lloc web
    3. Rebre dades.

intro-ga13

1.1 Crea un compte d’analytics,

intro-ga10
En (1) posa el nom del compte. En (2) especifica el nom del lloc web. (3) Afegeix la direcció, escollint http o https en el desplegable. (4) Escull la categoria de sector de la teva web. (5) Configura el país i l’hora correcta.Accepta els termes d’ús i la cessió de dades:

intro-ga12

1.2 Ara crea una Propietat,

Quan crees la propietat, assignes un identificador de seguiment únic. S’especifica en l’exemple que es crea segons la nova versió, Universal Analytics.

intro-ga11
En (1) torna a repetir el nom del lloc web. (2) Especifica la direcció web, escollint http o https en el desplegable. (3) Escull la categoria de sector de la teva web. (4) Configura el país i l’hora correcta. Finalment clica a “Obtén l’identificador de seguiment”.

1.3 Crea una visualització amb totes les dades

En (1) dona-li un nom a la visualització.

El primer cop es recomana crear una visualització de dades SENSE CAP FILTRE. Això vol dir que fem els informes SENSE eliminar cap dada, per això li dono el nom de “Totes les dades Web”. (2) Configura el país i l’hora correcta. Finalment clica a “Crea una visualització”.

intro-ga15

1.4 Localitza el codi de seguiment a inserir

Quan has acabat de configurar, trobaràs el codi a inserir en Administrador>Propietat>Informació de seguiment>Codi de seguiment

intro-ga16

codi de seguiment d’analytics

intro-ga17

Simplement, és un trosset de codi en javascript amb identificador únic, assignat a la teva propietat. Aquest és el codi que necessites inserir en totes les pàgines de les quals vulguis tenir estadístiques.

Copies i enganxes directament dins del codi HTML, entre les etiquetes <header> </header>

intro-ga14

Si treballes amb wordpress estàs de sort!

Inserir el codi en el teu lloc web, no et portarà més d’1 minut encara que tinguis més de 1000 entrades…!!

Si tens una pagina amb comerç electrònic, aquest codi NO et serveix. Necessites configurar un mòdul extra dins d’analytics.

Quan enllaces correctament Google Analytics amb les teves pàgines, l’estat del codi de seguiment, passa a ‘RECEPCIÓ DE DADES’. (A la imatge de dalt, encerclat en verd)

Pas#2: Afegeix el teu codi de seguiment al teu blog WordPress

2.1 Baixa’t el plugin WordPress Google Analytics by Yoast,

Vés a Extensions>Afegeix i en la barra de cerca, escriu Google Analytics by Yoast.

intro-ga18
Clica en “Instal·la Ara”.

intro-ga19
Activa l’extensió.

2.2 Configura el plugin en 20 segons (o menys)

Trobaràs l’icona del plugin en el menú lateral. Ves a Settings i en la pestanya General, clica en el botó remarcat “Authenticate with your Google account”

intro-ga22
Permet l’accés del plugin al teu compte d’analytics configurat abans,

intro-ga21

En el desplegable, selecciona la propietat amb el teu codi de seguiment únic,
Ja que hi estàs posat, en la mateixa pestanya, configura la resta d’opcions: (1) activa seguiment per les accions com ara descàrregues o clics determinats. (2) Permet dades anònimes d’utilització del plugin per a la seva millora. (3) L’ocultador d’IPs no el tinc activat, perquè no funciona massa bé amb el meus filtres per IP. (4) Aquesta opció activada, fa que Google Analytics no compti les teves visites quan estàs autenticat com administrador.

intro-ga23
Guarda tots els canvis i ja està. Teòricament, el teu compte de Google analytics ja està enllaçat amb les teves pàgines.

Bona feina!

2.3 Comprova que tens instal·lat el codi de seguiment.

Obre la pàgina del teu domini en el navegador.

Si utilitzes Chrome, vés a Visualització>Desenvolupador>Visualitza l’origen per veure el codi HTML de la teva pàgina. Baixant una mica, trobaràs l’script d’analytics inserit que indica que està correctament ubicat en el teu lloc web.

Tu no has d’inserir-lo; ho fa el plugin per tu.

intro-ga25

D’aquesta manera, també pots veure si qualsevol de les pàgines que visites, tenen instal·lat un seguiment d’analytics.

Recorda que si fas seguiment, legalment has d’avisar.

2.4 Comprova que el teu compte d’Analytics rep dades,

El codi de seguiment dins d’Analytics, t’informa de l’estat de connexió amb les teves pàgines.

Per veure-ho, vés a Administrador>Propietat>Informació de seguiment>Codi de seguiment

intro-ga26

Quan tot arranca per primer cop, l’estat inicial és “S’estan esperant les dades”. Fins que no passen unes hores, l’estat no canvia a “Seguiment no instal·lat” (malament) o bé a “S’ instal·lat el seguiment” (CORRECTE).

intro-ga27
Una manera per veure si reps dades, és visitar-te a tu mateix i comprovar si es recull la teva visita en la pestanya de Temps Real dels informes.

Com? Vés al navegador i obre una finestra d’incògnit. Tecleja-hi la teva direcció web.

Un cop oberta la pàgina, vés a G.Analytics > Informes > En Temps real > Visió General

intro-ga28
Aquest “1 usuaris actius al lloc” hauries de ser tu.

Aquesta prova confirma que el teu codi de seguiment ja està operatiu.

Per començar a generar informes de Públic, Adquisició, Comportament o Conversions, es necessiten unes 24 hores com a mínim. La pestanya En temps real, només mostra l’activitat dels últims 30 minuts.

Pas#3: Evita Comptar les teves visites,

El següent i últim pas d’aquesta posada en marxa de Google Analytics, és la necessitat de no fer seguiment de les teves pròpies visites i, així, comptar correctament els usuaris i totes les altres dades d’analytics.

Aquest punt és important, perquè si les dades no son correctes, tens un problema de fiabilitat en els informes d’estadístiques.

La forma més eficaç, fàcil i ràpida de fer-ho, és instal·lant Extensions en el navegador (especialment si treballes en diferents projectes d’analytics).

Les Extensions que et recomano, són les següents: DoNotTrackMe, és una aplicació (iOS/Android) per evitar el seguiment en els dispositius mòbils que té una extensió fabulosa tant per a Chrome com per a Mozilla.

intro-ga29
L’altra extensió que funciona perfectament, és Block Yourself From Analytics. Té extensió per a Safari, Mozilla i Chrome.

intro-ga30

Per comprovar que funcionen, instal·la l’extensió i reinicia el navegador.

Comprova que està activa i obre la pàgina (normal) del teu lloc web. Vés als informes en temps real d’Analytics (G.Analytics > Informes > En Temps real > Visió General) i verifica que NO deixes cap rastre d’activitat: prova de canviar de pàgina, fés clics als enllaços, etc. Apaga i encén l’extensió per comprovar quan apareixes i desapareixes.

Per avui, ja és suficient. Ara descansa i juga una mica amb l’entorn d’analytics.

Si has arribat fins aquí, no ho dubtis: T’ho has currat campió/ona!!! Celebra-ho amb un bon àpat!!

Recursos per Aprendre Analítica

Les acadèmies d’analítica de Google són un lloc immillorable per començar.

Les lliçons són en anglès, però molt didàctiques i amb tot de recursos multimèdia (youtube, web, pdfs, etc) . Estan preparades per a que les facis al teu ritme. Tenen examens tipus test.

Recomano començar pels Fonaments de l’Analítica Digital (curs1). La resta serien de menys a més nivell:

  1. Curs 2 – Google Analytics Platform Principles
  2. Curs 3 – Ecommerce Analytics: From Data to Decisions
  3. Curs 4 – Mobile App Analytics Fundamentals (registre obert, si superes els examens, et donen un títol del curs)

Altres referències genials on consultar analítica web,

Espero que us sigui útil l’entrada.

Si teniu algun dubte o qüestió a fer, no dubteu en comentar. Si t’ha agradat, comparteix!

Moltes gràcies per llegir-me!

pd: jo també necessito un descans després d’aquesta mega-entrada! (2674 paraules…)

La Comparativa WordPress.org vs WordPress.com (2016)

Vols llançar-te a l’aventura de construir un negoci online i no estàs segur de quin WordPress escollir?  No saps quines són les difererències entre WordPress.org i wordpress.com?

wordpress.org vs wordpress.com

En aquest article t’ajudo a resoldre, de forma entenedora, un dels dubtes més habituals (i recurrents) de tot@s els que comencen en aquest ‘mundillo’ dels blogs i del marketing online: escollir entre wordpress.org i wordpress.com. En aquesta altra entrada t’explico resumidament Que és WordPress.

Per què hi ha dos WordPress?

WordPress és un projecte de programari lliure amb llicència GPL. Això permet el seu ús lliure, la distribució i la modificació del codi sempre que qualsevol còpia és continuï distribuint amb la mateixa llicència GPL. Els fundadors Matt Mullenweg i Mike Little van alliberar el projecte al 2003, però ja van veure clar que necessitaven una força comercial que garantis l’esperit obert de wordpress en el futur i d’aquí va nèixer l’empresa Automattic.

Fruit d’aquesta visió comercial, va nèixer el primer servei de hosting utilitzant el software de wordpress: WordPress.com.

Llavors WordPress.org i WordPress.com no son el mateix?

Exacte! WordPress.org i wordpress.com NO són el mateix.

WordPress.org és el lloc web d’on et descarregues els fitxers de wordpress que després pots instal·lar manualment en el teu servidor. No té cap servei de hosting associat, però t’en recomana alguns. També és el lloc web on la comunitat de voluntaris d’arreu del món que desenvolupa i millora wordpress centralitza tota la seva activitat.

WordPress.com és un servei de hosting comercial per a webs i blogs propietat d’Automattic. El servei és gratuït a canvi de certes limitacions que pots suavitzar comprant paquets anuals.

Un cop saps que no són el mateix, la pregunta òbvia és “Quin he d’escollir?”

La contesta depèn de tu i sobretot dels teus objectius. És imprescindible tenir clar què és vol dur a terme amb wordpress i quins objectius es persegueixen, en el cas que n’hi hagin, per escollir correctament. En aquesta comparativa wordpress de caire anual, al final et recomano segons les teves (suposades) necessitats.

La Comparativa WordPress 2016

Al marge d’aquestes qüestions, En aquest article, faig un repàs dels pros i contres que cada plataforma presenta a data d’avui per què així et sigui més fàcil decidir-te sobre quina plataforma utilitzar.

El motiu per el qual faig aquest repàs, és actualitzar la comparativa feta al 2013 ja que tant wordpress.org com wordpress.com evolucionen i és per això que cal anar revisant les comparatives cada cert temps per obtenir una idea clara del que va canviant en tot el que envolta a un dels millors programaris de codi lliure per crear webs o blocs.

Els Pros i Contres de WordPress.org

Pros

  • És lliure d’ús i de modificació. Cost de la llicència: Zero euros.
  • Tens el control absolut del que publiques i del teu treball. Les condicions d’ús les marques tu.
  • És fàcil d’usar i d’aprendre. No cal tenir cap Màster en Energia Atòmica per fer-lo servir.
  • És poden utilitzar lliurement qualsevol extensió (plugin) per augmentar i potenciar les funcions del teu lloc web.
  • És poden instal·lar tants temes gratuïtes/prèmium sense cap limitació (una, la butxaca…) i els pots modificar tan com vulguis (si saps com).
  • És pot utilitzar qualsevol eina de comerç electrònic.
  • Llibertat de monetització: guanya tant com puguis.
  • És pot utilitzar qualsevol eina d’estadístiques.
  • El pots personalitzar tant com sàpigues, fins a l’últim píxel.
  • Pots utilitzar FTP.
  • Pots canviar l’idioma o traduir la plantilla del tema.

Contres

  • Com qualsevol web, necessita un servidor de pagament (seguretat, espai, ample de banda, etcètera). Això vol dir com a mínim uns 5/6 €/mes en concepte d’hostatge.
  • Alenteix la càrrega de les pàgines si no està prou optimitzat a nivell de servidor.
  • Necessites un temps per aprendre a utilitzar-ho i, sobretot, per configurar-lo a nivell tècnic correctament.
  • Els temes gratuïtes poden presentar mancances i poca fiabilitat.
  • El manteniment és reponsabilitat teva. Això inclou actualitzacions de wordpress, dels plugins, dels temes i de les còpies de seguretat.
  • La seguretat del teu wordpress és reponsabilitat teva.  Això inclou protegir-te amb contrasenyes fortes i posar-ho difícil als que volen entrar.
  • Els canvis i les modificacions profundes requereixen de coneixements en programació en PHP i CCS.
  • Tot i que hi ha bastanta informació en castellà (en català menys), és desitjable consultar directament les guies de referència en anglès.

Els Pros i Contres de WordPress.com

Pros

  • Manteniment transparent. No t’has de preocupar ni per la seguretat ni per les actualitzacions ja que són automàtiques.
  • És  molt fàcil d’utilitzar i de posar en marxa (En 1 minut, tot llest).
  • Ofereix un servei gratuït d’allotjament de blogs en wordpress fins a 3 GBs a canvi de limitacions.
  • Reps tràfic extra de la comunitat wordpress.com que funciona com una xarxa social de blocaires.

Contres

  • En la versió gratuïta no pots personalitzar el domini ni desactivar els anuncis.
  • No pots utilitzar plugins. Només són permesos si pagues +3500 €/mes en el cloud hosting per a grans empreses vip.wordpress.com
  • No pots modificar els temes més enllà de les opcions que ofereix el personalitzador. És possible modificar alguns estils via CSS
  • No pots aplicar comerç electrònic. (Pagant 299€/any sí, però amb certes limitacions)
  • No pots vendre publicitat a la teva pàgina. Necessites +25000 pàgines vistes/mes i has de compartir el 50% dels teus ingressos…!
  • No pots canviar l’idioma dels temes.
  • No pots utilitzar FTPs.
  • Et poden eliminar la teva pàgina en qualsevol moment, si violes les condicions d’ús.
  • No pots treure la publicitat de “Powered by WordPress.com” del peu (footer) del teu lloc web
  • Suport oficial per correu en anglès. (Versió de pagament).

Quina plataforma hauria d’escollir?

Si vols fer negoci ara o més endavant, la resposta segons el meu punt de vista és clara: WordPress.org.

Ara bé, la resposta segons el teu punt de vista depèn de tu, com ja he dit abans.

En canvi, si vols un blog gratuït, fàcil i sense cap pretensió per provar a veure com va, et recomano wordpress.com, personalitzant el domini (mínim 18€/any) que sempre és millor a l’hora de destacar.

preu dominis de wordpress.com

Si estàs interessat amb la resta d’opcions de pagament de wordpress.com (99€/any o 299€/any), sàpigues que estàs pagant molt cara massa poca llibertat, en comparació amb wordpress.org.

Tenir el control de tot el teu lloc amb wordpress.org, et pot sortir per 70/80€ l’any per l’allotjament i domini amb una mica de cara i ulls. A canvi, tens llibertat absoluta per fer i desfer, i sobretot no has de compartir els ingressos de les teves vendes!

plans de wordpress.com

L’opció Enteprise (500€/mes) ha desaparegut del mapa… (2016)

wordpress enterprise

Et recomano llegir la meva guia per saber escollir un bon servidor per el teu lloc wordpress.

Tot i això, t’he de dir que si no vols aventurar-te tècnicament, i vols pagar per un servei fàcil d’engegar i que no has preocupar-te ni per actualitzacions, ni seguretat i més coses, sembla que wordpress.com sigui l’opció ideal en aquest sentit. Però continuo pensant que la visibilitat d’un lloc web a WordPress.com és limitada ja que no pots utilitzar plugins de SEO.

Dic sembla, perquè NO L’HE PROVAT i no ho se del cert, encara que tot apunta que sí!! El que si t’avanço, és que els problemes tard o d’hora passen i el correu d’atenció dels que paguen és en anglès (en canvi, els fòrums si que estan en espanyol).

En Resum, Recomano WordPress.org per:

  • Si vols muntar una botiga online amb pagaments amb paypal.
  • Si vols tenir tantes pàgines web com et doni la gana.
  • Si vols tenir un blog personal de fotografia o vídeo.
  • Si vols tenir un blog de la teva botiga.
  • Si vols treballar com a desenvolupador i conèixer la comunitat wordpress.
  • Si vols tenir un lloc web auto-gestionable i  amb 100% de control absolut sobre el disseny, contingut, negoci i estadístiques.
  • Si et preocupen les condicions del servei o la política de privacitat dels serveis d’hospedatge.

En Resum, WordPress.com Pot Ser Útil per:

  • Si vols tenir un blog gratis, fàcil i ràpid.
  • Si vols tenir un domini amb web+blog a un preu econòmic, sense preocupacions tècniques (a priori).
  • Si no vols preocupar-te amb manteniments, FTPs i altres tecnicismes.
  • Si vols un servei VIP sense cap limitació ni tècnica ni d’inversió (pagant + de 5.000$/mes mínim+ 2000$/desenvolupador/mes…)
  • Si no t’importa que la teva pàgina poguí ser eliminada, en cas de violació de termes d’ús.

Moltes gràcies per llegir-me. Si tens qualsevol dubte, comenta si us plau!.