dilluns, 28 de febrer del 2011

El photoshop que alguns clients creuen que tenim

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 ...

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 ...

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 ...

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 ...

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:
  • 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
Read more ...

dimecres, 16 de febrer del 2011

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

  • 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
Molt recomanable.
Read more ...

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 ...

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 ...

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 ...

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
  • 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.
Magnífica eina que Chuck Norris ens recomana


Read more ...

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 ...

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 ...

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 ...

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:
  • 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
Amés la cerca es pot afinar per diferents criteris:
  • 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à.
Read more ...

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 ...

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 ...