Metro UI CSS

Metro UI CSS és un conjunt d'estils per crear llocs web amb una interfície similar a Windows 8. Què inclou Metro UI CSS? Una grid Responsive Plantilles Tipografia: la Segoe UI Components entre els que poden destacar: Les famoses Tiles de Windows 8, sistema...

Read more ...

Viewport Resizer

Viewport Resizer és una eina basada en el navegador per provar la capacitat de resposta de qualsevol lloc web, és a dir, com de Responsive és el nostre web o aplicació. Viewport Resizer funciona a través d’un bookmarklet, de manera que ho podem provar en...

Read more ...

Modernizr

Modernizr és una llibreria Javascript que detecta les capacitats d’un navegador web relatives a HTML5 i CSS3 i ens informarà de quines d’aquestes capacitats estan disponibles en el navegador de l’usuari i quines no, en definitiva si volem construir llocs...

Read more ...

34Grid: sistema de grid responsive

D’entre els molts, moltíssims sistemes de grid que trobem per Internet i encara que ens tinguem algun de preferit, avui voldríem destacar 34Grid System. Aquest sistema ens ofereix una aplicació senzilla i visual per a la configuració de les columnes amb els...

Read more ...

Entrevista amb Karina Ibarra

Avui entrevistem a Karina Ibarra una professional del món Internet en general i UX en particular, especialitzada en aplicacions per a dispositius mòbils que treballa com a dissenyadora d’interacció i consultora d’UX a Arquinauta. Heu de saber també que un...

Read more ...

Arquitectura de la informació per a aplicacions mòbils.

Ja vam parlar en anteriors entrades que dissenyar per a mòbils és una mica diferent que fer-ho per a la web. Els smartphones són eines bàsicament de consulta i per tant cal no sobrecarregar l’aplicació ni tampoc oferir en una sola pàgina tots els continguts disponibles (de tots és ben sabut que això també s’aplica a la web). L’arquitectura de la informació per a una aplicació mòbil ens porta un pas més enllà i com veurem té els...

Read more ...

Disseny d’interfície d’usuari, aspectes bàsics

De la mateixa manera que un excés d'informació és igual a desinformació, un excés de simplificació ens porta també a la desinformació en el sentit de no saber què és el que veiem i què podem fer amb el que tenim. Els partidaris del KISS (Keep it simple, diria que l'stupid no caldria), a banda d’intentar eliminar el "desordre" cauen en el defecte d’eliminar característiques i funcionalitats que no són supèrflues o tenen tendència...

Read more ...

Interface Sketch plantilles per a web, mòbils i tablets

Interface Sketch són plantilles gratuïtes per a web, mòbils i tablets, en format pdf just per descarregar, imprimir i dibuixar. Trobarem plantilles per iPad, iPhone4 i iPhone5, Android, Windows Phone, i per mòbils estàndards. També per les tablets iPad i...

Read more ...

Usabilitat a OSX

Aquesta és una frikada que ens ha enviat el Sr. Juanjo. La cosa està així: "Un, que procedeix dels sistemes posix no adulterats, ensopega de vegades amb les magnificiències del món de la poma traïdora... Donada la imatge adjunta, que és més pròpia de Redmon...

Read more ...

Reveal.js framework per a la creació de presentacions

Si ja estàs cansat del Power Point i el Prezi et mareja, avui presentem Reveal.js Reveal.js és un framework per a la creació de presentacions dinàmiques que utilitzen HTML5 i CSS3. Al descarregar-lo ens trobem amb un arxiu JavaScript i dos arxius de CSS....

Read more ...

Pensant i dissenyant pel mòbil. Part III

Si tot i seguir les Guidelines marcades per cada SO, encara ens trobem una mica perduts, només cal que naveguem una mica més per internet per veure i trobar inspiració. Per això avui us presentem unes quantes webs amb exemples d’interfícies per a dispositius...

Read more ...

Pensant i dissenyant pel mòbil. Part II

A banda de fer cas a les Design Guidelines dels diferents sistemes operatius dels dispositius mòbils (si us plau feu-n’hi cas que per alguna cosa hi són), hi ha unes quantes normes que cal seguir independentment del SO. Ús d’una grid per a la distribució...

Read more ...

Pensant i dissenyant pel mòbil. Part I

Ara que cada cop es veu més clar que el futur de la web va cap al mòbil, és l’hora de començar a pensar com seran les pàgines i els aplicacions, si ens convé adaptar el nostre lloc web per a la seva visualització en smartphones i tablets i si ens convé més...

Read more ...

Windows 8 i la seva nova interfície

Últimament els de Microsoft s’han posat les piles i estan oferint eines i aplicacions a tenir en compte, des del canvi que ha fet Hotmail (per assemblar-se més a gmail, no cal que ens enganyem), passant per Skydrive el sistema d’emmagatzemament al núvol,...

Read more ...

Causes que fan que els usuaris abandonin el nostre lloc web.

Avui us presentem una infografia que ens explica quines són les causes de l’abandonament del nostre lloc web. Infografia What makes someone Leave a Website? Via Kissmetrics  Aquí en van algunes: Una navegació caòtica, menús que no van enlloc, impossibilitat...

Read more ...

Construint webs i aplicacions amb estil: Bootstrap

Un Bootstrap és un framework (sí, ja ho sé dos paraules en anglès) que simplifica el procés de creació de dissenys web combinant CSS i Javascript, de manera que utilitzant els components que ens proposa podrem crear interfícies web molt ràpidament i que...

Read more ...

Entrevista amb Milán Dopico

Empezar un negocio, el que sea, es difícil, muy difícil en los tiempos que corren, pero de vez en cuando te encuentras con muy buenas iniciativas, originales y frescas. Emprender en Internet es la solución hoy en día para todos aquellos que sin una gran inversión...

Read more ...

Disseny de formularis per passos

Una de les coses bones que té l’UX és que a força de veure i estudiar diverses maneres de com fer una cosa, al final et trobes que molts ja han arribat a la mateixa conclusió. I això únicament vol dir que les coses s’estan fent bé. Una d’aquestes és la manera...

Read more ...

Plantilles en paper per projectes mòbils

Via Smashing Magazine, gran web, gran comunitat i millor revista online de referència, us presentem avui una col·lecció de plantilles imprimibles creades i pensades específicament pels projectes d’aplicacions mòbils. Podem descarregar el set de plantilles...

Read more ...

This is responsive: Recursos per al RWD

Github és un repositori tipus SouceForge on de tant en tant podem trobar coses força interessants. Un dels projectes que trobem allí desats és This is responsive, que ens ofereix un set de recursos per al Responsive web Design. En aquest set hi trobarem: Patrons i plantilles en html preparades per fer anar, diferents tipus de grids, menús i submenús i altres sistemes de navegació (breadcrumbs, per exemple) I un llistat enorme...

Read more ...

Comparativa serveis d’emmagatzemament al núvol

Espai, és aquella cosa que el diccionari defineix com “Medi que hom es representa en principi com a il·limitat, continu i tridimensional i com a continent de tots els objectes sensibles, dins el qual aquests poden canviar de posició” y també com “Medi de...

Read more ...

Frameworks per a la construcció de llocs webs responsives

Els frameworks per a la construcció de llocs webs responsives estan de moda. Ja n’hem parlat en altres articles, però sempre en surt algun de nou que té allò que li falta a un altre i definitivament val la pena seguir-ne l’evolució. Avui us presentem un recull...

Read more ...

Entrevista amb Mireia Puig

Avui entrevistem a Mireia Puig,  Llicenciada en Dret, que treballa com a consultora de legislació sobre administració pública en l'entorn d'Internet i les TIC. A molts de nosaltres tot allò que fa referència a lleis ens sona a klingon, però, és molt important saber que com a ciutadans, usuaris i consumidors tenim uns drets que ens han de respectar i uns deures que hem de complir. Heu de saber també que la Mireia és una...

Read more ...

Sneakpeekit fulls per la creació de wireframes en paper

Pels que no podem prescindir del paper a l’hora de fer un disseny o un wireframe i per a que no en passi allò del bloqueig de la pàgina en blanc (que no s’arregla fent anar un full en color) avui us presentem Sneakpeekit. Sneakpeekit ens proporciona una plantilla...

Read more ...

The Tool Box: recopilació del millor de la web per disseny i desenvolupament web

The Tool Box és uan col·lecció de les millors aplicacions online, widgets i eines de disseny i desenvolupament web que podem trobar a Internet, ordenades i classificades. Podem trobar generadors de tot tipus (text simular, colors, CSS), eines de tipografia,...

Read more ...

Wirefy un framework per a prototipus Web de disseny web de resposta (responsive)

Wirefy és una col·lecció d'arxius CSS i JS per a crear de forma ràpida prototipus web amb l’afegit de que aquests prototipus estan basats en el Responsive Web Design. Wirefy és independent d’estils gràfics de manera que els elements de disseny queden supeditats...

Read more ...

Moqups: Una aplicació en HTML5 per crear Wireframes

Moqups és una aplicació construïda amb HTML5 online i gratuïta per crear wireframes, maquetes o prototips d'interfície d'usuari. L’aplicació és molt simple i intuïtiva i està basada en estàndards oberts. Una eina molt útil per crear prototipus online...

Read more ...

Tipus de lletra d’icones per interfícies d’usuari

Avui us presentem un recull de tipus de lletra d’icones que ens seran molt útils per a la creació d’interfícies d’usuari. Els tipus de lletra d’icones o en anglés (icon fonts) són un tipus de lletra que contenen símbols i pictogrames enlloc de caràcters alfanumèrics. Aquests...

Read more ...

Premis Blocs Catalunya 2012

Un any més s'obre la convocatòria dels Premis Blocs Catalunya, per l'edició d'enguany el procés de votació està obert a qualsevol persona que vulgui participar-hi, però per fer-ho caldrà registrar-se com a usuari a la web de l'associació STIC.CAT (Societat de Tecnologia i Coneixement). El registre és molt senzill i es pot fer amb un email i password o directament amb l’usuari personal de facebook o twitter. Procés de votació...

Read more ...

Imcreator: Constructor de webs

Imcreator és una aplicació online per a poder crear un lloc web i no cal que sàpigues res de codi, ni de disseny, ni de servidors. Amb Imcreator una web és fàcil de crear, actualitzar, mantenir i promoure. Posseeix un ampli catàleg de plantilles ja fetes,...

Read more ...

Piktochart: Treu l’infografista que hi ha dins teu!!!

Pels que us agraden les infografies però, no teniu temps, ni inspiració o dissenyeu com un nen de 6 anys fart de donuts, avui us presentem Piktochart una eina online que ens ajudarà a crear infografies espectaculars a la manera del Prezi, de forma ràpida...

Read more ...

Comparativa aplicacions de feedback

Aquella cosa anomenada feedback, ah sí, saber què en pensen els nostres clients, que ens facin suggeriments, que es queixin, que donin la seva opinió, que ens critiquin (i és igual que sigui de forma constructiva o destructiva), en definitiva saber si ho...

Read more ...