Arxiu de la categoria "Eines i recursos "

  • Dimarts 11 març 2014 per

    Creant bells relats de fotos

    Exposure, explicar històries mitjançant la fotografia
    Amb els temps que corren en què hi ha eines i aplicacions per tot, els fotògrafs – ja siguin amateurs o professionals – tenen moltes opcions a l’hora de publicar les seves fotos. N’hi ha que opten per tenir el seu propi web amb el seu portfolio, d’altres que mantenen un blog on van publicant les seves fotografies. I també hi ha opcions molt més senzilles com publicar-les a Flickr, a Tumblr o a 500px. Això va a gust de cadascú.

    Però resulta que Luke Beard – de l’startup Elepath – no trobava l’eina adequada per publicar les seves fotografies, així que va decidir crear-la al seu gust. I heus aquí que, el desembre de l’any passat, sortia Exposure, un web que combina els reculls de fotografies amb la seva narrativa. Una eina ideal per a explicar històries a través de les imatges.

    Amb un editor del tipus WYSIWYG (que vol dir que el que veus a l’editor és el que sortirà), la tasca de crear sets de fotografia resulta molt senzilla. Es poden arrossegar i deixar anar les fotos al navegador i afegir les capçaleres i el text a sobre o entremig de les fotografies. El resultat final és sovint una exquisida combinació de la narració de text i fotografia. Tot plegat amb un disseny minimalista que facilita l’storytelling: amb imatges de gran format, amb una bona selecció de tipografies i un molt bon ús dels espais en blanc.

    No espereu que aquesta eina us deixi modificar gaire l’aspecte gràfic, però sí que us deixarà crear les vostres històries en pocs minuts amb uns resultats sorprenents. Veureu, a més, que hi ha una versió gratuïta i dues plans diferents en la versió de pagament.

    Si navegueu pel web, podeu veure les històries d’altres usuaris, que sobretot han compartit viatges. La majoria són espectaculars. Perquè us en feu una idea, us podem recomanar alguns d’aquests reculls:

    Exposure, exemple de fotografia social
    Exposure, exemple de set de fotografies de festivitats
    Oi que es poden explicar històries visualment molt efectives? Doncs si us decidiu a crear la vostra història, ens agradarà molt que la compartiu amb nosaltres.

    , ,

  • Dimarts 25 febrer 2014 per

    Walk your city, senyalització per a humans

    Walk your city
    Volem parlar-vos d’un projecte que ens ha semblat interessant pel que implica. Walk your city és un servei que pretén fer ús de les eines online per actuar sobre la vida offline i fer-la més còmoda. En aquest cas es tracta de crear la senyalització per millorar els desplaçaments a peu i en bicicleta per la nostra ciutat.

    Es tracta d’un sistema estructurat en 4 passos:

    1. Planificació i disseny de la senyalització per arribar a un determinat lloc. El web disposa d’una eina de creació de senyals basada en Google Maps. El senyal creat indica quant temps es tarda (a peu o en bicicleta) per arribar al lloc indicat.

    2. Rebuda dels senyals “físics”.

    3. Instal·lació dels senyals a la via pública.

    4. Els ciclistes i vianants poden escanejar el codi QR del senyal per obtenir indicacions sobre la ruta.

    D’aquesta manera es poden fomentar els desplaçaments a peu o en bicicleta en detriment del cotxe, i a la vegada, es presta atenció a les necessitats dels vianants, que moltes vegades es poden trobar desorientats enmig de sistemes de senyalització que només pensen en els vehicles a motor.

    ,

  • Dimecres 12 febrer 2014 per

    Hack Design, un curs de disseny espectacular

    Un curs de disseny completíssim: Hack DesignA vegades a la Xarxa et trobes amb recursos que no entens com és que són gratuïts, per la grandesa de tot el que aporten. Aquest és el cas de Hack Design un curs de disseny online i gratuït, que principalment s’adreça a programadors i a persones que es vulguin iniciar en el món del disseny i que no sàpiguen per on començar.

    El curs té una metodologia basada en tasques setmanals, que s’envien als emails de les persones que s’hi han subscrit. Cada setmana els subscriptors reben la proposta de cinc lectures, acompanyades de jocs i exercicis interactius. Els continguts inclouen grans temes del disseny com el color, la tipografia, l’experiència d’usuari, el disseny d’interacció, les interfícies d’usuari, el disseny d’apps i molts altres. Una temàtica molt completa que diria que abasta absolutament tots els aspectes del disseny.

    Però no només els continguts de les lliçons són molt bons, sinó que una de les coses que més em fascinen d’aquest projecte és el seu professorat. Cadascuna de les lliçons té un professional del món del disseny que s’ha encarregat de fer la curació dels continguts i això ho fa realment interessant. No són uns professionals qualssevol, sinó que estan implicats en grans projectes com Facebook, Google Chrome, GitHub, Pinterest, Treehouse o que escriuen a Smashing Magazine, a Forbes o a TechCrunch. Així, que poca broma, que això vol dir molt nivell!

    Feu un cop d’ull als continguts, ja veureu que és un curs completíssim per endinsar-se al món del disseny. Que 50 lliçons donen per molt!

    , , , , , ,

  • Dimarts 17 desembre 2013 per

    Consum col·laboratiu: junts podem amb tot!

    Consum col·laboratiu: junts podem amb tot!Fa uns dies vaig assistir a l’AERCOmparte, una jornada sobre Social Media Marketing, organitzada per AERCO, de la qual Can Antaviana n’era patrocinadora. Aquest any es feia la 3a edició i la jornada es va dedicar al consum col·laboratiu, un tema que trobo interessantíssim i al qual feia molt temps que volia dedicar un apunt al nostre blog. Ara ja no hi ha excuses!

    A AERCOmparte III es va parlar de diferents projectes de consum col·laboratiu però primer començaré pel començament.

    Què és el consum col·laboratiu?

    “No hi ha plaer en posseir una cosa no compartida”.

    Sèneca

    Col·laborar i compartir és un fet intrínsec dels éssers humans, des dels temps dels temps ha existit l’intercanvi de béns entre veïns. Però amb el capitalisme també ens hem trobat davant de la necessitat de consumir sense parar, de posseir els objectes, de que se’ns espatllin, que n’haguem de comprar de nous. I molts cops, encara pitjor: tenim objectes morts de riure, perquè no els hem utilitzat mai. És el que es coneix com a obsolescència programada.

    Amb el consum col·laboratiu migrem d’aquest escenari de consum individualitzat cap a nous models d’intercanvi, ús compartit, permuta o lloguer d’objectes i serveis, que es potencia amb l’ús de les Xarxes Socials i les plataformes d’igual a igual (P2P).

    Segurament per la (tan anomenada) crisi o simplement perquè s’havia de fer un canvi de plantejament en la manera com consumim, que el consum col·laboratiu ha anat arrelant en la nostra societat, amb unes propostes interessantíssimes, dins i fora de la xarxa. No es tracta d’una moda passatgera, sinó que esdevé un modus vivendi. Les persones deixem de comprar, comprar i comprar i avancem cap a una societat en què l’intercanvi i la solidaritat són el motor que mou la nostra economia.

    Els uns moguts per trobar un model de negoci (els creadors de les startups) i els altres moguts per l’estalvi i la solidaritat (els consumidors), arribem a un punt en què apareixen un munt de webs, comunitats i projectes que promouen l’intercanvi de béns.

    Alguns exemples d’economia col·laborativa

    Segur que haureu sentit a parlar d’horts comunitaris, de bancs de temps, de wi-fis compartides (legalment), de places de pàrquing que utilitzen diferents usuaris, de compartir cotxe per fer viatges, d’aprofitar joguines usades… Tot això són exemples d’iniciatives d’economia col·laborativa, que suposen un canvi radical – i segurament necessari – en les pautes del consum.

    “En aquesta nova economia hi ha una nova moneda: la confiança. La que fa que la gent intercanviï i ofereixi”.

    Javier Creus.

    A Aercomparte III, Javier Creus va parlar d’aquesta nova manera de consumir basada en la confiança, il·lustrades en exemples: Bitcoin (confiança en allò obert), KickStarter (confiança en allò col·lectiu), Lending club (confiança personal, per deixar-se diners entre particulars). Però aquest sistema abasta moltes més coses: els MOOC han suposat abundància en educació. O Github una nova manera de compartir codi. Arduino, una placa base de codi obert, també és un bon exemple d’aquests canvis. Internet ha baixat al carrer i ara una impressora 3D et permet fer peces que et falten d’algun electrodomèstic.

    A la taula rodona d’AERCOmparte III van intervenir-hi persones relacionades amb altres projectes d’economia col·laborativa com OuiShare (una comunitat oberta que treballa per accelerar el canvi cap a l’economia col·laborativa), Social Car (lloguer de cotxes entre particulars), EatWith (menjar a casa d’algú), Knok (compartir casa) o Chicfy (per compartir armari de roba de noies). Però el cas és que hi ha una infinitat de projectes.

    El portal del consum col·laboratiu

    Per tenir tota la informació sobre els projectes que hi ha actualment a l’Estat espanyol, podeu accedir al web de Consum Col·laboratiu, liderat per Albert Cañigueral, que és una autèntica mina!

    Recull tota la informació relacionada amb el consum col·laboratiu amb un directori actualitzat amb tots els projectes engegats actualment relacionats amb l’economia col·laborativa. Hi trobareu un llistat dels projectes distribuïts en categories com aquestes:

    • compartir cotxe, trajectes o pàrquing
    • compartir bicicleta
    • projectes de micromecenatge
    • bancs de temps i intercavnis de coneixements o serveis
    • Viatges compartits i intercanvis de cases
    • Microtasques
    • Joguines i roba infantil
    • Serveis financers col·laboratius
    • Compartir llibres i vídeos
    • Grups de consum de proximitat
    • Horts urbans
    • Compartir wi-fi legalment
    • Etc.

    Més informació

    Si voleu saber-ne més coses:

    La revolució ha començat. Aquest canvi de paradigma de passar del posseir al compartir és, segons la revista Time, una de les 10 idees que han de canviar el món.

    Som-hi, no? Que si ens ho proposem, podem!

    , , ,

  • Dimecres 27 novembre 2013 per

    Ink: butlletins electrònics adaptatius

    Ja coneixiem la gent de Zurb pel seu framework Foundation, que hem utilitzat en diversos projectes, però últimament ens han sorprès amb una nova eina dedicada a estalviar-nos alguns maldecaps comuns a l’hora de muntar emails en format HTML per a l’enviament de butlletins electrònics: Ink.

    Aquesta eina pretén facilitar-nos la feina quan hem de crear un butlletí electrònic. Actualment existeix una gran varietat de clients de correu, tant d’escriptori (Outlook, Thunderbird, Lotus Notes, Apple Mail…) com via web (GMail, Yahoo! Mail, Outlook.com…), als quals s’accedeix des de diferents navegadors. Alhora, ens trobem davant una gran varietat de dispositius d’accés: smartphones, tauletes… cada un amb el seu propi sistema operatiu (Android, iOS…).

    En resum, aquesta situació implica fer un testeig exhaustiu cada vegada que es crea un nou butlletí. Sort en tenim d’eines com Litmus, que ens permeten comprovar com es veu el nostre butlletí en una varietat de clients i plataformes.

    Un altre aspecte destacable d’Ink és que aconsegueix portar les directrius del responsive web desgin al terreny dels clients de correu, i se’n surt força bé: els nostres butlletins s’adaptaran perfectament als telèfons i tauletes dels usuaris, amb la qual cosa l’accessibilitat i la usabilitat se’n veuran beneficiades.

    , ,

  • Dijous 24 octubre 2013 per

    Com vendre més a Internet (i III): els tests A/B

    Tests A/B, per saber quina versió d'una pàgina web funciona millorFa un temps us explicàvem algunes tècniques per a vendre més a Internet. Vam començar aquesta sèrie d’apunts explicant quin és el cicle del màrqueting (atraure, convertir i fidelitzar) i també us vam explicar com fer unes bones pàgines d’aterratge i alguns punts clau per a fer bones crides a l’acció. Tot plegat per aconseguir el que és segurament l’objectiu més cercat en un lloc web: augmentar les vendes.

    Amb aquest apunt d’avui ens volem centrar en una tècnica molt valuosa a l’hora d’aconseguir més vendes. Es tracta de fer proves entre diferents elements d’un web i decidir quina estructura, quins colors, quines paraules seran les més adequades. I això es pot fer amb el que s’anomena tests A/B.

    Què és un test A/B

    Un test A/B és un mètode que ens permet oferir dues o més versions d’un lloc web, sense que els usuaris ho sàpiguen, de manera que el mateix contingut d’una pàgina s’ofereix aleatòriament en diferents dissenys o estructures. És un tema que va molt relacionat amb la usabilitat i l’experiència d’usuari, ara ho veureu.

    L’eina que escollim per fer el test A/B recull tota la informació relativa al rendiment de cadascun dels dissenys. D’aquesta manera es pot tenir una informació molt fiable i real sobre quin disseny ofereix uns millors resultats, més interacció amb els usuaris o quin assoleix millor els objectius marcats.

    I és que, de fet, a l’hora de fer un test A/B, el més important és tenir clar l’objectiu. Aleshores només cal provar de fer petits canvis de disseny i veure què funciona millor. És increïble veure que si es canvia el color de fons d’un botó es poden obtenir més clicks o que si un element està a la dreta o a l’esquerra també varia com hi interaccionen els usuaris.

    Eines per a fer tests A/B

    A continuació us recomanem un parell d’eines per a poder fer aquest tipus de test tan útils.

    Experiments de contingut de Google Analytics
    Els experiments de contingut de Google Analytics ens deixen provar fins a 6 versions diferents d’una pàgina. Nosaltres escollim quin percentatge dels visitants participa a l’experiment. Cada versió – que tenim en diferents URLs – s’ofereix als visitants de manera aleatòria. Comparant com funciona cadascuna de les versions, podem decidir quina d’ella compleix millor amb els objectius. A més, és una eina gratuïta!

    Optimizely
    Optimizely ofereix un editor que et permet editar les pàgines que escullis a temps real. Et permet canviar els texts (les crides a l’acció), el codi HTML per canviar el color d’un botó, per exemple, eliminar continguts, moure’ls de lloc. Tot d’una manera molt senzilla. Podeu provar-ho sense pagar, però és un servei de pagament a partir de 17$ al mes i que ofereix una versió de prova de 30 dies. Val molt la pena! Per veure-ho en funcionament, podeu visualitzar el vídeo que hi ha a la portada del seu web.

    Més informació

    Si voleu aprofundir més amb aquest tema, us deixem amb alguns enllaços addicionals:

    I amb aquest apunt acabem la sèrie de Vendre més per Internet. Esperem haver-vos estat d’ajuda!

    , ,

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos