Via Final del chiste us presento una imatge de com els clients es pensen que els dissenyadors web i gràfics tenen el seu photoshop.
Read more ...
dilluns, 28 de febrer del 2011
dissabte, 26 de febrer del 2011
Flinkin xarxa social d'intercanvi d'enllaços
Flinkin és una xarxa social d'intercanvi d'enllaços, un espai on tenir les teves pàgines web preferides i poder-les compartir amb tot el món. Pots seguir els enllaços i novetats dels usuaris que t'interessin, així com algunes de les seves categories.
Permet pujar a la xarxa les adreces d'interès, que clàssicament s'emmagatzemaven des del navegador localment a l'ordinador, de manera que són consultables a través d'Internet i no només en local. També en facilita la categorització través de categories, compartides amb tots els usuaris. Però no tan sols permet agrupar-les en categories, sinó també compartir amb la resta del món, així com seguir els usuaris o categories que t'interessin i d'aquesta forma rebre notícies i actualitzacions dels teus interessos.
De moment la web està en català, castellà i anglès.
Read more ...
Permet pujar a la xarxa les adreces d'interès, que clàssicament s'emmagatzemaven des del navegador localment a l'ordinador, de manera que són consultables a través d'Internet i no només en local. També en facilita la categorització través de categories, compartides amb tots els usuaris. Però no tan sols permet agrupar-les en categories, sinó també compartir amb la resta del món, així com seguir els usuaris o categories que t'interessin i d'aquesta forma rebre notícies i actualitzacions dels teus interessos.
De moment la web està en català, castellà i anglès.
dimecres, 23 de febrer del 2011
Anatomia d’una Landing Page perfecta
Via Formstack us presento els 10 elements clau de disseny que ha de tenir una Landing Page perfecta
1. Títol de la pàgina i redacció publicitària: El títol de la pàgina i la redacció publicitària s'han de complementar entre si.
2. Títols secundaris clars i concisos: És el primer que es llegeix en la Landing Page. No han de ser confusos o avorrits. Han de convidar al visitant a seguir llegint i contenir punts clau específics del lloc web susceptibles d'atreure la seva atenció.
3. Gramàtica perfecta: La Landing Page no pot contenir textos amb errors ortogràfics, de fet ni la Landing Page ni cap altra pàgina del nostre web. Els compradors online són molt sensibles, amb tendència a desconfiar i eviten qualsevol tipus de risc.
4. Marques de Confiança i Segells de Qualitat: Garanteixen la fiabilitat i qualitat dels productes reduint la incertesa dels consumidors respecte a la confidencialitat de les dades, la seguiretat de les transaccions, els drets dels consumidors en cas de problemes en les seves transaccions de comerç electrònic, protecció de menors, accessibilitat i usabilitat, comunicació comercial, etc.
Per exemple: Confiança Online o l'Agència de Qualitat d'Internet (IQUA). O segells més tècnics com els certificat d'encriptació del lloc com RapidSSL, VeriSign, GeoTRust. Actualment hi ha una iniciativa del Parlament Europeu de Marca de Confiança Europea per al comerç electrònic al mercat de la Unió.
5. Mobilitza a l'usuari perquè entri en acció (Crida a l'Acció): les "ordres" com "fes clic aquí" o "compra-ho ara" donen resultat. Un exemple molt bo sobre aquest punt, ho trobem en la promoció de Firefox 3, quan van canviar el text d'acció "Prova Firefox 3" per "Descarrega-ho Ara - Gratis", l'índex de confiança va augmentar en un 99%, i el navegador es va descarregar en una proporció de 500 vegades més.
6. Botó d'Acció: el botó de conversió ha d'estar al costat, a la dreta del la Crida a l'Acció. Els botons que millor funcionen són els de color taronja o groc.
7. Enllaços simples i escassos: els botons de navegació han de ser simples i discrets, perquè el que interessa és la conversió.
Recordeu que tenim Botons d'Acció en colors vius i atractius.
8. Imatges i Vídeos: és molt important la demostració dels productes i serveis mitjançant continguts multimèdia (demostració de característiques tècniques, detalls, explicació tècnica, etc).
9. El contingut rellevant, a la zona superior: tractant-se d'una Landing Page tot el contingut rellevant ha d'estar a la zona més visible de la pàgina, això és, la zona superior. Mai s'ha de posar contingut important de manera que per accedir-hi s’hi hagi de fer scroll.
10. En el comerç electrònic s’ha de mesurar tot: la Landing Page ha de ser optimitzada permanentment.
Read more ...
1. Títol de la pàgina i redacció publicitària: El títol de la pàgina i la redacció publicitària s'han de complementar entre si.
2. Títols secundaris clars i concisos: És el primer que es llegeix en la Landing Page. No han de ser confusos o avorrits. Han de convidar al visitant a seguir llegint i contenir punts clau específics del lloc web susceptibles d'atreure la seva atenció.
3. Gramàtica perfecta: La Landing Page no pot contenir textos amb errors ortogràfics, de fet ni la Landing Page ni cap altra pàgina del nostre web. Els compradors online són molt sensibles, amb tendència a desconfiar i eviten qualsevol tipus de risc.
4. Marques de Confiança i Segells de Qualitat: Garanteixen la fiabilitat i qualitat dels productes reduint la incertesa dels consumidors respecte a la confidencialitat de les dades, la seguiretat de les transaccions, els drets dels consumidors en cas de problemes en les seves transaccions de comerç electrònic, protecció de menors, accessibilitat i usabilitat, comunicació comercial, etc.
Per exemple: Confiança Online o l'Agència de Qualitat d'Internet (IQUA). O segells més tècnics com els certificat d'encriptació del lloc com RapidSSL, VeriSign, GeoTRust. Actualment hi ha una iniciativa del Parlament Europeu de Marca de Confiança Europea per al comerç electrònic al mercat de la Unió.
5. Mobilitza a l'usuari perquè entri en acció (Crida a l'Acció): les "ordres" com "fes clic aquí" o "compra-ho ara" donen resultat. Un exemple molt bo sobre aquest punt, ho trobem en la promoció de Firefox 3, quan van canviar el text d'acció "Prova Firefox 3" per "Descarrega-ho Ara - Gratis", l'índex de confiança va augmentar en un 99%, i el navegador es va descarregar en una proporció de 500 vegades més.
6. Botó d'Acció: el botó de conversió ha d'estar al costat, a la dreta del la Crida a l'Acció. Els botons que millor funcionen són els de color taronja o groc.
7. Enllaços simples i escassos: els botons de navegació han de ser simples i discrets, perquè el que interessa és la conversió.
Recordeu que tenim Botons d'Acció en colors vius i atractius.
8. Imatges i Vídeos: és molt important la demostració dels productes i serveis mitjançant continguts multimèdia (demostració de característiques tècniques, detalls, explicació tècnica, etc).
9. El contingut rellevant, a la zona superior: tractant-se d'una Landing Page tot el contingut rellevant ha d'estar a la zona més visible de la pàgina, això és, la zona superior. Mai s'ha de posar contingut important de manera que per accedir-hi s’hi hagi de fer scroll.
10. En el comerç electrònic s’ha de mesurar tot: la Landing Page ha de ser optimitzada permanentment.
divendres, 18 de febrer del 2011
Humans.txt: la web és per a humans
Humans.txt és un projecte per a la creació d'un fitxer de text anomenat humans.txt on podem posar la informació relacionada amb els autors del lloc web.
Si la web és per a humans, per què generem un arxiu amb informació complementària per als motors de cerca el robots.txt? També seria bo crear-ne un per les persones, no?
Com be ens expliquen al web, l'arxiu humans.txt no entra en conflicte amb l'etiqueta Meta Name, humans.txt és un complement.
Read more ...
Si la web és per a humans, per què generem un arxiu amb informació complementària per als motors de cerca el robots.txt? També seria bo crear-ne un per les persones, no?
Com be ens expliquen al web, l'arxiu humans.txt no entra en conflicte amb l'etiqueta Meta Name, humans.txt és un complement.
dijous, 17 de febrer del 2011
Wireframes: eines i recursos
Recursos
Web Wireframe Kit Magnífic kit d'elements en PSD per crear wireframes.
Col·lecció d'elements de interfície gràfica d'usuari per Adobre Illustrator
I love Wireframes col·lecció de wireframes i recursos
Eines
Tiggr és una eina online per a crear i compartir wireframes.
Tiggr inclou un sistema de xat de manera que convida als usuaris a proporcionar comentaris.
A més, el prototip també el podem exportar com a HTML por poder-lo treballar a en mode offline.
Penzil Project: aplicació de codi obert per a crear wireframes
Funcionalitats principals:
Read more ...
Web Wireframe Kit Magnífic kit d'elements en PSD per crear wireframes.
Col·lecció d'elements de interfície gràfica d'usuari per Adobre Illustrator
I love Wireframes col·lecció de wireframes i recursos
Eines
Tiggr és una eina online per a crear i compartir wireframes.
Tiggr inclou un sistema de xat de manera que convida als usuaris a proporcionar comentaris.
A més, el prototip també el podem exportar com a HTML por poder-lo treballar a en mode offline.
Penzil Project: aplicació de codi obert per a crear wireframes
Funcionalitats principals:
- Multi-pàgina
- Enllaços a la pàgina
- Edició de text en pantalla amb text enriquit
- Exportació a HTML, PNG, document Openoffice.org, document de Word i PDF.
- Desfer / refer
- Instal·lació de plantilles definides per l'usuari
- Operacions de dibuix estàndard: rotar, moure, escalar
Addició d'objectes externs
dimecres, 16 de febrer del 2011
Traductor que google, però què et passa???
dimarts, 15 de febrer del 2011
Piwik: l'alternativa de codi obert a Google Analytics
Piwik és una aplicació de codi obert (llicència GPL) d'anàlisi web en temps real.
L'aplicació proporciona informes detallats sobre els visitants de la pàgina web: els motors de cerca i paraules clau que utilitza, la llengua que parlen, les seves pàgines populars ... i molt més.
Piwik està disponible en més de 40 idiomes incloent el català.
Caraterístiques
Read more ...
L'aplicació proporciona informes detallats sobre els visitants de la pàgina web: els motors de cerca i paraules clau que utilitza, la llengua que parlen, les seves pàgines populars ... i molt més.
Piwik està disponible en més de 40 idiomes incloent el català.
Caraterístiques
- Informes d'anàlisi web en temps real: a Piwik, els informes es generen per defecte en temps real. Per a llocs web d'alt trànsit, pot triar la freqüència dels informes que es processen.
- Cadascú de nosaltres és propietari de les seves dades d'analítica web.
- Modern, fàcil d'usar interfície d'usuari: es pot personalitzar completament el seu escriptori, amb opcions d'arrossegar i deixar anar (drag and drop)
- Es poden afegir noves funcions i treure les que no és necessiten.
- Un gran comunitat internacional de més de 50.000 usuaris actius
dilluns, 14 de febrer del 2011
Wirify: converteix qualsevol pàgina en un wireframe
Wirify és un bookmarklet que et permet convertir qualsevol pàgina web en un wireframe amb un sol clic. És lleuger i funciona en molts navegadors moderns.
Només cal que arrosseguem el link fins a la nostra barra de marcadors per a que només amb un sol clic poguem veure l'estructura de qualsevol pàgina web.
Interessant i curiós.
Read more ...
Només cal que arrosseguem el link fins a la nostra barra de marcadors per a que només amb un sol clic poguem veure l'estructura de qualsevol pàgina web.
Interessant i curiós.
dissabte, 12 de febrer del 2011
Typetester: visualitzant altres tipus de lletra
Typetester és una aplicació online per a comparar tipus de lletra en pantalla. La seva funció principal és fer la vida més fàcil als dissenyadors de pàgines web.
Ens permet visualitzar l'aspecte de qualsevol tipus de lletra en la web, per així poder triar el que es llegeixi millor, el que quedi més bonic, o simplement el que més ens agradi.
Molt recomanable.
Read more ...
Ens permet visualitzar l'aspecte de qualsevol tipus de lletra en la web, per així poder triar el que es llegeixi millor, el que quedi més bonic, o simplement el que més ens agradi.
Molt recomanable.
divendres, 11 de febrer del 2011
Llegir en la web
Llegir en la web de vegades pot resultar difícil, i fins hi tot enutjós degut a l'ús indiscriminat d'imatges de fons, tipus de lletra massa petits o no de sistema, o simplement per falta de temps.
A Internet trobem diverses aplicacions que ens permetran llegir el que volem de la web sense preocupar-nos per si hi deixem la vista o ens encantem a la feina.
Readability: s'ofereix com a addon pel Firefox de manera gratuïta, però només funciona l'opció "Read Now".
Read Later, només està disponible per a usuaris de pagament.
Instapaper: Emmagatzema la pàgina que volen llegir en el nostre compte, a la qual podrem accedir de manera offline utilitzant l'aplicació d'iPhone / iPad / Kindle. Tots els textos, una vegada sincronitzats, els desa en el dispositiu, per llegir-los amb calma, quan vulguem.
A més, Instapaper també converteix les pàgines en només text .
Read more ...
A Internet trobem diverses aplicacions que ens permetran llegir el que volem de la web sense preocupar-nos per si hi deixem la vista o ens encantem a la feina.
Readability: s'ofereix com a addon pel Firefox de manera gratuïta, però només funciona l'opció "Read Now".
Read Later, només està disponible per a usuaris de pagament.
Instapaper: Emmagatzema la pàgina que volen llegir en el nostre compte, a la qual podrem accedir de manera offline utilitzant l'aplicació d'iPhone / iPad / Kindle. Tots els textos, una vegada sincronitzats, els desa en el dispositiu, per llegir-los amb calma, quan vulguem.
A més, Instapaper també converteix les pàgines en només text .
dimecres, 9 de febrer del 2011
Mokingbird: eina online per crear i compartir wireframes
Mokingbird és una eina en línia per a la creació i presentación de wireframes de manera que podem crear el nostre prototipus amb l’aplicació i visualitzar-lo i comparti-lo en línea. També el podem modificar en temps real mentre altres persones el van visualitzant.
Caraterístiques
Read more ...
Caraterístiques
- Sistema de grids: l’eina permet treballar amb grids personalitzats o amb el sistema de 960.
- Exporta a PDF i PNG
- Permet maquetar múltiples pàgines
- Totalment basat en la web
- No cal a instal·lar o descarregar res, es pot accedir a les maquetes des de qualsevol lloc.
dimarts, 8 de febrer del 2011
Prototipant per l'Ipad, l'iPhone, l'Android i altres smartphones
Hola que tal.
Avui us presento una col·lecció d'enllaços on trobareu kits d'elements i plantilles de disseny d'interacció d'usuari per l'Ipad, l'iPhone, l'Android i altres smartphones.
Conjunt d’elements de disseny d’interfície d’usuari per a mòbils. Gratuït i en format PSD
Conjunt d’elements de disseny d’interfície d’usuari per a Android. Gratuït i en format PSD
Kit de plantilles per OmniGraffle, Visio (XML), Adobe Illustrator (PDF i SVG) i Adobe Photoshop (PNG)
Kit d’elements per l’iPhone 3G
Plantilla wireframe per l’iPad
Kit d'elements per iPhone
Read more ...
Avui us presento una col·lecció d'enllaços on trobareu kits d'elements i plantilles de disseny d'interacció d'usuari per l'Ipad, l'iPhone, l'Android i altres smartphones.
Conjunt d’elements de disseny d’interfície d’usuari per a mòbils. Gratuït i en format PSD
Conjunt d’elements de disseny d’interfície d’usuari per a Android. Gratuït i en format PSD
Kit de plantilles per OmniGraffle, Visio (XML), Adobe Illustrator (PDF i SVG) i Adobe Photoshop (PNG)
Kit d’elements per l’iPhone 3G
Plantilla wireframe per l’iPad
Kit d'elements per iPhone
UX BookStore
UX BookStore és una botiga online on podem trobar una gran quantitat de llibres sobre experiència d'usuari, usabilitat, SEO, prototipat, interacció d'usuari i molt més.
Molt recomanable!.
Read more ...
Molt recomanable!.
dilluns, 7 de febrer del 2011
Prezi editor de presentacions
Prezi és magnífica eina amb la que podem crear espectaculars presentacions online i offline.
Les llicències per usar Prezi van des d'una gratuïta amb 100MB d'espai fins a una amb 2000MB d'espai i 159 dòlars per any.
El web ens ofereix un extens tutorial en format de vídeo de com fer anar l'aplicació.
Amb Prezi la forma en que es visualitzen els continguts de les presentacions és espectacular: es poden fer zooms, girs de càmera, sobrevolar la presentació,etc.
S'ha acabat l'anar passant de pàgina en pàgina!
Read more ...
Les llicències per usar Prezi van des d'una gratuïta amb 100MB d'espai fins a una amb 2000MB d'espai i 159 dòlars per any.
El web ens ofereix un extens tutorial en format de vídeo de com fer anar l'aplicació.
Amb Prezi la forma en que es visualitzen els continguts de les presentacions és espectacular: es poden fer zooms, girs de càmera, sobrevolar la presentació,etc.
S'ha acabat l'anar passant de pàgina en pàgina!
Europeana biblioteca digital
Europeana és una biblioteca digital d'accés lliure que ens permet explorar els recursos digitals dels museus, biblioteques, arxius i col·leccions audiovisuals d'Europa. Promou el descobriment i les oportunitats d'establir contactes en un espai multilingüe, on els usuaris poden participar, compartir i inspirar-se amb la rica diversitat del patrimoni cultural i científic d'Europa.
Podem trobar:
Europeana està en diversos idiomes incloent el català.
Read more ...
Podem trobar:
- Imatges - pintures, dibuixos, mapes, fotografies i imatges d’objectes de museu
- Textos - llibres, periòdics, cartes, diaris i documents d'arxiu
- Sons - música i paraula parlada dels cilindres, cintes, discos i emissions de ràdio
- Vídeos - pel·lícules, noticiaris i emissions de TV
- Per proveïdor: biblioteques, museus,
- Per llengua
- Per país
- Per data
- Per tipus. imatge, text, vídeo
Europeana està en diversos idiomes incloent el català.
dissabte, 5 de febrer del 2011
TinEye: cerca d'imatges semblants
TinEye és una aplicació online que ens ajudarà a trobar imatges semblants.
L'aplicació cerca en segons si la imatge que hem pujat des del nostre ordinador o afegint la URL està en altres webs. Els resultats de la cerca són sobre 1,859,700,000 d'imatges que estan a Internet.
TinEye també es pot afegir al nostre navegador web com un addon pels navegadord Firefox i Chrome:
Addon pel Firefox
Addon pel Chrome
Read more ...
L'aplicació cerca en segons si la imatge que hem pujat des del nostre ordinador o afegint la URL està en altres webs. Els resultats de la cerca són sobre 1,859,700,000 d'imatges que estan a Internet.
TinEye també es pot afegir al nostre navegador web com un addon pels navegadord Firefox i Chrome:
Addon pel Firefox
Addon pel Chrome
dijous, 3 de febrer del 2011
Google Art Project: l'art com no l'havies vist mai
Google Art Project ens permet gaudir en alta resolució de més de 1.000 obres d'art de més de 400 artistes diferents.
Podem passejar des de casa nostra pels principals museus del món com The Metropolitan Museum of Art and MoMA a New York, The State Hermitage Museum a St Petersburg, Tate Britain & The National Gallery a Londres, Museu Reina Sofia a Madrid, the Uffizi Gallery a Florència i del Van Gogh Museum a Amsterdam.
Cada imatge té una qualitat impressionant, fent zoom podem veure cada obra amb un detall mai vist.
Amés podem navegar dins dels museus com si fos Google Street View, visitant les sales i accedint a les obres exposades, així com crear les nostres pròpies col·leccions per poder gaudir-les posteriorment.
Read more ...
Podem passejar des de casa nostra pels principals museus del món com The Metropolitan Museum of Art and MoMA a New York, The State Hermitage Museum a St Petersburg, Tate Britain & The National Gallery a Londres, Museu Reina Sofia a Madrid, the Uffizi Gallery a Florència i del Van Gogh Museum a Amsterdam.
Cada imatge té una qualitat impressionant, fent zoom podem veure cada obra amb un detall mai vist.
Amés podem navegar dins dels museus com si fos Google Street View, visitant les sales i accedint a les obres exposades, així com crear les nostres pròpies col·leccions per poder gaudir-les posteriorment.
Subscriure's a:
Missatges
(
Atom
)