diumenge 7 d’abril de 2013

Browserdiet: Millorar el rendiment de les nostres pàgines web

Navegues per Internet i veus "como perder peso" i penses ja hi tornem a ser el “milagro anti grasa”, però no, no, avui és: “Como perder peso en el navegador”, o més ben dit com millorar el rendiment i la velocitat de descàrrega de les nostres pàgines web, bastant més interessant, la veritat.
browserdiet.com és una guia amb consells i recursos que ens ajudaran a construir millor els nostres llocs web.
Des de com fer més lleuger el codi HTML i CSS fins a com optimitzar les sol·licituds que es fan al servidor.
Interessant fer-hi una ullada no només per aprendre, també per refrescar conceptes.


dijous 14 de març de 2013

RWD Wireframes

Wireframes RWD és una eina de codi obert (la trobareu al GitHub)  que ens ajuda a crear wireframes directament en el navegador. L'eina permet definir uns contenidors i després determinar la seva mida, col·locació, ordre de les capes, i la visibilitat per als diferents amples de pantalla.


Un eina útil i curiosa que val la pena provar!

dimarts 5 de març de 2013

Beautiful Web Type: el millor de Google web fonts

Google web fonts és un recurs valuosíssim per als dissenyadors web, ja que ens ofereix centenars de fonts tipogràfiques per a ús gratuït en llocs web. Un inconvenient que te Google Fonts és que n’hi ha moltes i trobar un tipus de lletra que ens agradi o ens vagi bé requereix de temps i dedicació (coses que molts cops no tenim).
Beautiful Web Type és una pàgina que ens ofereix una solució a aquest inconvenient presentant algunes de les millors tipografies que ofereix Google Fonts, i ens les presenta en contextos que ens poden ajudar a inspirar-nos a l’hora de fer-les anar.
Així ja no cal fer anar sempre la Open Sans!


dijous 28 de febrer de 2013

dimecres 27 de febrer de 2013

Apps d’ iPhone i Ipad per a aquells que ens agrada l’UX i aquestes coses

Ara que tots anem més o menys connectats i gairebé no es pot sortir de casa sense el gadget de torn, també és bo saber que a banda de fer-se fotos al mirall o fotos a cupcakes i amanides i enviar-les a l’Instagram o fer anar el WhatsApp també podem treballar amb tablets i smartphones.
Avui us presentem una col·lecció d’apps per a l’iPhone i l’iPad en les que podrem treballar o, si més no, fer-ho veure.
UX i Wireframes a tot arreu. Pels que fem wireframes i mockups i podem disposar d’un iPhone o d’un iPad tenim:
iMockups: iMockups ens permet crear prototipus web de forma ràpida i compta amb la majoria de les característiques de les aplicacions per fer mockups, un catàleg de controls d'interfície, possibilitat de col·laboració, presentació en pantalla completa i els típics i útils controls d'edició: desfer, refer, tallar, copiar, enganxar i zoom.
Preu: $6.99



OmniGraffle El magnífic Omnigraffle en la seva versió mòbil sobren les explicacions.
Preu: $49.99



Blueprint: Aplicació per a disseny d'interfície d'usuari. Podem assignar controls als components que anem afegint per a crear un flux d’interacció. Compta a una vista de mapa per poder veure totes les pantalles.
El disseny de la interfície es pot provar directament amb l'Ipad per veure com funciona.
Compta també amb eines per a poder enviar el disseny per correu electrònic o convertir-lo a pdf.
Preu: $19.99



SketchyPad: Sckechypad compta amb una gran quantitat de plantilles dinàmiques fàcils d'organitzar i editar.
Possibilitat d'exportar en format Balsamiq i també a pdf.
Possibilitat d’Importar imatges directament a la maqueta
Preu: $4.99