Foto final TEDxReus 2015. Foto de 
TEDxReus
 a a Flickr

Foto final TEDxReus 2015. Foto de TEDxReus a a Flickr

Novembre és temps de TEDxReus

Ja t’ha arribat la notícia? El 19 novembre arriba la cinquena edició del TEDxReus. Si no coneixes aquest esdeveniment, et recomanem que donis un cop d’ull al blog, el segueixis per Twitter o Facebook i sobretot, et reservis el dissabte 19 de novembre per assistir-hi.

Els esdeveniments TED acostumen a ser màgics, el format de les xerrades —curtes, intenses, sintètiques i diverses—  és la clau. Els ponents tenen menys de 20 minuts per parlar, així que han de fer un esforç complex per extreure l’essència del seu missatge. En les xerrades TED els savis llueixen amb llum natural: entre les ponències més espectaculars i les més populars és habitual trobar propostes senzilles, subtils però plenes de llum, d’aquella llum que t’obre la ment i el cor.

TEDxReus 2015 abans de començar.

TEDxReus 2015 abans de començar. Foto de TEDxReus a a Flickr

Col·laborem amb la nostra feina

A Fesomia col·laborem amb el TEDxReus des de la primera edició. El 2002 vam fer el primer web, de disseny artesà, 100% creat a casa nostra. I és que l’artesania digital ens apassiona.

L’esdeveniment s’ha anat fent més gran en cada edició, i per aquesta cinquena ja calia una renovació general del web. Seguint la voluntat dels organitzadors, aquesta segona versió també s’ha fet sobre WordPress, però ara a partir d’un tema predissenyat.

Sempre ens agrada col·laborar fent allò que millor sabem fer, la nostra feina de cada dia. Ens fa sentir útils, ens permet contribuir a difondre iniciatives, pràctiques i missatges que compartim. A més, ens permet en alguns casos aplicar en entorns reals nous recursos que incorporem després a la feina.

En aquest sentit, aquest any calia incorporar un nou sistema de venda electrònic d’entrades i s’ha triat Tickera. Hem fet les adaptacions necessàries per polir i garantit la compatibilitat d’aquest connector i resoldre problemes; hem cavat fins al fons per descobrir les virtuts i llacunes del codi font d’aquest sistema de venda.

En fi, que estem contents, perquè col·laborar amb TEDxReus és motiu d’alegria, perquè ser útils amb la nostra feina és la nostra obsessió i perquè descobrir i ampliar coneixements és el que ens fa treballar cada dia amb delit.

Dissabte 19 de novembre ens veure a TEDxReus?

Bug Webkit contenteditable

Foto de Justin Raycraft a Flickr

Errors de format als elements contenteditable a Webkit (Chrome, Safari)

contenteditable és un atribut aparegut amb HTML5 que permet que certs elements HTML siguin editables o modificables al navegador de l’usuari. Aquesta propietat la fan servir editors de text per a pàgines web, alguns tan populars com TinyMCE.

Webkit (el motor de renderitzat de navegadors com Safari, Opera i els que utilitzen Blink com Chrome) té un problema en la manera en que gestiona els objectes contenteditable: quan s’han aplicat estils específics (per exemple al body d’un editor TinyMCE), en certes ocasions alguns d’aquests estils afegits (com line-height o font-size en ems) generen regions span indesitjades dins del codi, fet que pot comportar canvis imprevistos en el format obtingut, com diferents mides de lletra o interlineats inesperats.

El problema existeix des de fa alguns anys i ha estat reportat, tot i què no ha estat corregit mai. Sembla ser què es considera part d’una funcionalitat que compara els estils en modificar blocs i intenta mantenir-los inserint elements span en línia. Amb tot, amb Firefox, Internet Explorer i Microsoft Edge no es dóna aquest cas.

Algunes solucions

Els editors WYSIWYG més populars han anat afegint connectors o plugins o bé canvis per compensar aquest error, de manera que en molts casos només caldrà actualitzar el programari o les biblioteques corresponents.

En determinats escenaris, però, no sempre ens és possible actualitzar els editors, ja sigui per raons de compatibilitat o per què hi ha involucrades aplicacions crítiques que no podem manipular amb facilitat o amb la freqüència que voldríem. En aquests casos podem optar per altres solucions més simples, com utilitzar estils uniformes o pegats amb JavaScript.

Una de les solucions proposades a Stack Overflow és observar el DOM per controlar aquest comportament. Fixem-nos en el següent exemple: en la tercera caixa utilitzem mutation observers en comptes de mutation events, i restringim l’acció a la plataforma Webkit:

(Explora aquest codi a JSFiddle)

Mètriques de Facebook: quan tinc més èxit

IMG_20160906_104350

Comença a analitzar els efectes de la teva activitat a Facebook. Comença a poc a poc si vols, per algun detall, però acostuma’t a buscar en la mètrica indicis, evidències i raons per conèixer l’efecte de la teva activitat digital.

Per exemple: si tens una activitat de publicació regular, un cop al mes fes-te un gràfic amb l’augment de seguidors. Mira quins dies l’augment ha estat més accentuat o quan més alentit i mira de trobar-hi una explicació. És així com aniràs depurant la teva activitat digital i descobrint com aconseguir els millors resultats.

Berry Hard Work

"Berry Hard Work" Foto de JD Hancock a Flickr

La segmentació, per què és important en un lloc web d’empresa

Si vols que el teu lloc web corporatiu sigui realment útil i t’ajudi a contactar amb clients, és important que compleixi amb una sèrie de condicions. Avui et parlem d’una d’elles: la segmentació.

Un lloc web corporatiu eficient cal que tingui els continguts principals ben segmentats.

Què vol dir això? Doncs que cada concepte clau, cada producte o servei que ofereixes necessita d’una única pàgina.

I per què he de tenir una pàgina per a cada producte o servei?

Perquè així és més fàcil captar l’atenció. El nostre client té un problema concret per resoldre i per tant cal que focalitzem tota la seva atenció allà on li podem explicar com li donarem una solució efectiva al seu problema.

A més tindràs així un lloc web ben organitzat i a punt per a disseminar-lo a la Xarxa:

  • Si actives una campanya de publicitat de pagament (Adwords, Facebook Ads, Twitter Ads Linkedin o on vulguis) et caldrà tenir una pàgina concreta i amb informació clau on dirigir les visites que arribaran gràcies a la campanya.
  • El posicionament orgànic també és molt més efectiu quan el contingut d’una pàgina és concret i precís. De fet, només així és efectiu.
  • Després d’una primera visita comercial serà molt útil poder donar al teu possible nou client una adreça a una pàgina on s’explica amb detall les condicions, característiques i valors del producte concret pel qual s’ha interessat: molt millor si l’adreces a www.elmeuweb/producte-que-hem-comentat que no pas la pàgina d’inici del teu web.

Com s’aconsegueix tenir un lloc web ben segmentat?

És una feina de base i fonamental que es fa definint l’arbre de continguts. Atura’t a organitzar bé l’arbre de continguts del teu web, divideix i defineix bé els productes i serveis que ofereixes, segmenta’ls des del punt de vista del teu client, i fes que el teu lloc web tingui una pàgina per a cada un d’aquests productes i serveis clau.

 

Exemple d'arbre continguts per un web

Exemple d’arbre continguts per un web

Aquest és un arbre de continguts extret d’un cas real, d’una empresa que ofereix serveis tècnics per a cellers: en aquest cas la segmentació es va fer fins a detallar cada un dels serveis que ofereix, tant de serveis com de lloguer d’espais. Si vols donar-hi un cop d’ull aquí tens l’arbre al detall.

A Fesomia desenvolupem llocs web d’empresa enfocats a facilitar el contacte i les relacions comercials amb clients. Vols que t’ajudem a crear un lloc web d’empresa efectiu, sòlid, funcional i interessant? Parlem-ne!

grafit, una noia atacada per 5 tuits

Foto d'Alex Ingram a Flickr

Més que cinc tuits cada dia

Quan fem un curs o una xerrada sobre màrqueting digital, tard o d’hora algú pregunta: sí però… cada quant he de publicar al blog? Quantes xarxes socials he de treballar a la vegada? Quant de temps he de dedicar a gestionar el meu pla de màrqueting digital?… Són les preguntes d’algú que vol entendre un món complex i que busca comprendre’l per fer bé la seva feina.

Sé que la resposta no agradarà. I no agradarà perquè una pregunta tan concreta espera una “inexacta” resposta curta i directa: “Cada 3,6 hores”, “1 hora a la setmana”. Així que la conversa acaba amb un descoratjador “Depèn, això ho hauràs de decidir tu!”

Avui intentaré donar una resposta aclaridora i concreta, però alhora complexa. Necessito deu minuts. Me’ls concedeixes?

Per què no et puc dir cada quant has de publicar un tuit?

Doncs perquè estem parlant de màrqueting i comercialització digital, estem parlant de gestió empresarial, de vendes i, sobretot, de relació entre persones. I com tu saps, no hi ha res més complex que les relacions humanes i a l’empresa no hi ha res més complicat com vendre. A tot això hi afegim un entorn tecnològic que incorpora certes dificultats a la relació comunicativa que hem d’establir… Vaja, que la regularitat de publicació al blog, els missatges que deixes a la xarxa i els perfils digitals d’empresa són petites peces d’un gran univers i responen a decisions que has de prendre tu, tenint en compte diferents condicionants.

Amb el desig de fer més comprensible l’activitat digital empresarial, he dibuixat un esquema amb alguns dels conceptes claus que intervenen en la planificació i l’execució d’un pla de comercialització digital. Et proposo que l’esbocinem.

1. Què venim a fer aquí? Per a què fem màrqueting digital?

La participació digital d’una empresa ha de tenir una intenció ben enfocada, clara, directa i amb efectes positius sobre la feina.

1. màrqueting digital per a millorar l'activitat comercial

Partim d’un objectiu general que ha de tenir un reflex directe en la nostra empresa. El màrqueting digital o ens ha d’ajudar a vendre més o ens ha d’ajudar a fer-ho amb més agilitat, amb menys costos.

Per fer possibles aquestes fites ens cal una sèrie d’elements:

Idees, recursos i coneixements tècnics, mètode per a aplicar en màrqueting digital

  • Bones idees
  • Recursos tècnics
  • Coneixements tècnics
  • Mètode

2. Bones idees per tenir converses interessants entre persones que coincideixen

Quan posem en acció un pla de màrqueting digital ens disposem a establir una relació comunicativa, habitual i rica amb moltes altres persones. Ens cal tenir arguments, continguts de valor, hem de saber i hem d’oferir allò que cobreix les necessitats dels nostres possibles clients. Ens cal un diàleg valuós, que vagi molt més enllà del discurs publicitari.

Idees per resoldre, valor afegit i informació rellevant

Per exemple: un molí d’oli ha descobert que els botiguers que venen oli d’oliva verge necessiten nodrir la seva figura de “professional expert en olis”. Per això ha decidit preparar i fer arribar als minoristes informació variada i especialitzada sobre l’oli d’oliva, perquè cadascú l’aprofiti com vulgui i la publiqui a les xarxes socials. Aquest seria un exemple d’una bona idea que resol la necessitat d’un possible client.

infografia oli

Fragment d’una Infografia sobre l’oli d’oliva a Pinterest

D’on surten les bones idees? De la nostra capacitat per conèixer i dotar de valor la nostra empresa, el producte i el nostre servei. Però, sobretot, les bones idees s’obtenen d’analitzar les particularitats dels nostres clients i del resultat que hem obtingut fins al moment en les accions d’interacció comunicativa.

3. Llocs web, blogs, xarxes socials i tot el que convingui, la capsa d’eines més gran

Eines per ser i per ser-hi, per interactuar, per ordenar, emmagatzemar, compartir, relacionar… Les eines són importants en funció de la seva utilitat, perquè ens ajudin a fer bona feina, amb agilitat i resultats. Cal però saber-les utilitzar i sobretot conèixer llenguatges i patrons de comportament tàcit.

04

4. Escriure, parlar, sentir, escoltar i connectar

Coneixements sobre tècniques comunicatives adaptades al mitjà digital.

Redacció de continguts digitals, narrativa multimedia i gestió de dades

Conèixer tècniques de comunicació digital t’ajudarà a segmentar els missatges perquè siguin tan curts i concrets o tan detallats com calgui en cada moment i en cada mitjà.

Et cal saber distribuir els teus continguts per la Xarxa per decidir, per exemple, quan i com té sentit fer un article al blog i com en pots extreure quatre o cinc idees clau del mateix article i convertir-les en tuits. Mira, aquí tens un bon exemple:

Jeni’s × Intelligentsia House Coffee Kit from Jeni’s Splendid Ice Creams on Vimeo.

Aquests coneixements també t’ajudaran:

  • A saber com has d’estructurar els continguts del teu lloc web perquè en el moment que vulguis millorar el posicionament orgànic o vulguis fer una campanya de publicitat de pagament, el lloc web estigui ben preparat i aconsegueixis els millors resultats possibles.
  • Les tècniques de comunicació van lligades a la interacció entre persones. En aquest bloc també hi són les bases per a preparar informació digital atractiva, persuasiva, en la qual el teu possible client trobi ordre, estructura, sentit i un missatge fiable que mereixi el seu interès.

També hem inclòs en aquest apartat les tècniques de gestió i anàlisi de dades. Són coneixements que t’ajudaran a:

  • Saber quina informació has de conèixer per valorar els resultats del treball digital.
  • Identificar els detalls que particularitzen al teu client. Són dades importants, ja que de l’anàlisi d’aquestes aconseguiràs informació útil per a les bones idees.

5. I, òbviament, el mètode

Entenem mètode com una sèrie de processos i de pautes de treball que t’han d’ajudar a combinar totes les peces, a organitzar la feina, a tenir una activitat digital regular, establir una bona relació amb el teu client, identificar i valorar com evoluciona la feina. En resum: saber què has de fer, per quin motiu, quan ho faràs, com ho faràs i identificar si vas pel bon camí… i integrar-ho en la teva feina diària, igual que ho fas amb altres àmbits empresarials, com la gestió de finances, la producció, etc.

Mètodes de treball en estratègia digital

El màrqueting digital és un marc ampli i complex. Intervenen diferents disciplines i tu no les podràs assumir totes, però si ets el responsable d’extreure el màxim partit a l’estratègia de participació digital de la teva empresa, és important que coneguis el mapa complet. Només així com sabràs prioritzar, segmentar, delegar i liderar.

Gràfic complert sobre elements que intervenen en una estratègia digital efectiva

Pots veure i descarregar l'esquema complert clicant en aquest enllaç

Com sol passar amb els temes complexos, hem de tenir una visió global i alhora comprendre el sentit de cada peça. En el màrqueting digital passa això mateix:

  • Cada peça és important
  • Cada peça té una forma concreta i una funció
  • S’ha de saber posar cada peça al lloc que toca
  • S’han de tenir totes les peces
  • S’ha de tenir alhora una idea clara sobre què volem construir.