Interfaz usuario en PSD gratis !!!

CrazyPixels nos trae un interfaz de usuario súper completo para descargar gratuitamente.

El archivo es un PSD, en el que podremos encontrar múltiples utilidades para nuestros diseños de interfaz. Botones de sonido, controles, formularios, calendario, sliders de avatares, mapas, cajas de diálogo,… Todo lo que necesitas para diseñar tu interfaz de usuario.
El diseño es muy limpio y elegante, como todas las capas vienen separadas y bien guardadas en su carpeta, no te será difícil costumizarlo a tu gusto o necesidad.

CONTINUAR LEYENDO “Interfaz usuario en PSD gratis !!!” »

Comparte este Blog de Diseño Web

La evolución web desde 1990 a 2012

Evolución web desde 1990 a 2012

Desde hace unos años, el diseño web ha sufrido una tremenda transformación, gracias a las nuevas tecnologías y a la obligatoria necesidad de los distintos navegadores de adaptarse a ellas.

La web hoy en día es un Universo cada vez mayor de páginas web y aplicaciones web relacionadas entre sí, lleno de vídeos, fotos y contenido interactivo.

Pero detrás de todo esto, existe una interacción de tecnologías y navegadores que intentan día a día hacerse más compatibles y dar al usuario una mejor experiencia.
En los últimos años, la tecnología web ha evolucionado tremendamente, esto, permite a los diseñadores web,  la posibilidad de dar rienda suelta a la imaginación, sin tantas limitaciones como hasta ahora había. Las páginas web actuales, son el resultado de los esfuerzos de una comunidad web de código abierto que ayuda a definir estas tecnologías web, como HTML5, CSS3 y WebGL y asegurarse de que están apoyados en todos los navegadores web.

En http://evolutionofweb.appspot.com/, podréis ver toda la evolución que ha sufrido la web desde 1990 hasta 2012. Las bandas de color en esta visualización representan la interacción entre las tecnologías de la web y los navegadores. Como veréis es una lucha es interminable por poder dar al usuario una compatibilidad con las nuevas tecnologías que van surgiendo.

 

Comparte este Blog de Diseño Web
24 Ejemplos de HTML5 & jQuery & CSS3… Alucinante !!!

24 Ejemplos de HTML5 & jQuery & CSS3… Alucinante !!!

24 Ejemplos de HTML5 & jQuery & CSS3… Alucinante !!!

24 Ejemplos de HTML5 & jQuery & CSS3… Alucinante !!!

El diseño webestá en constante evolución.

La aparición hace unos años del jQuery y CSS3, unido a las mejoras introducidas (aunque todavía ridículas) en las velocidades de conexión, han supuesto un cambio radical en la concepción de diseños web.

Ahora con la implantación cada vez mayor de las webs hechas con HTML5, llegamos a un periodo en el que “todo es posible“.

Con un poco de imaginación y atractivos diseños, vamos a ver una total revolución en el diseño web, sobre todo en la usabilidad.

A continuación os dejo con 24 ejmplos de páginas web realizadas en HTML5, jQuery y CSS3,  que me han sorprendido mucho, estamos entrando en una nueva fase de diseño y usabilidad, en la que ya no hace falta pulsar sobre un botón para realizar una acción, en la que podremos interactuar mucho más con la web y dejar de ser meros espectadores.

CONTINUAR LEYENDO “24 Ejemplos de HTML5 & jQuery & CSS3… Alucinante !!!” »

Comparte este Blog de Diseño Web
Scroll infinito contra paginación. HTML5 History API

Scroll infinito contra paginación. HTML5 History API

Scroll infinito con History API HTML5

Scroll infinito con History API HTML5

La constante evolución del diseño web, hace que cada vez tengamos más posibilidades de hacer más usables nuestras páginas web.

En esta ocasión Warpspire.com nos deja un claro ejemplo de cómo el HTML5 va a ser una revolución en el diseño web .

Todos aquellos que hayáis navegado por Twitter, habréis visto que no existe paginación. La página se va cargando de nuevo cada vez que llegamos al final del scroll. Esto permite no sobre cargar la página, ya que el contenido se va cargando paulatinamente y sobre todo hace mucho más fácil y rápida la navegación.

Lo mismo sucede si analizamos Facebook, donde podemos ver que también se renuncia a la paginación, utilizando también el scroll sin fin.

Esta API de HTML5 es verdaderamente útil y mejora aún más la navegación de Twitter y Facebook.

CONTINUAR LEYENDO “Scroll infinito contra paginación. HTML5 History API” »

Comparte este Blog de Diseño Web
Códigos QR

Códigos QR

Códigos QR

Un código QR (Quick Response Barcode) es un sistema para almacenar información en una imagen.

Fueron creados por Denso-Wave (Japón) en 1994.

Se caracterizan entre otras cosas por los tres cuadrados que se encuentran en tres de sus esquinas y que permiten detectar la posición del código al lector.

Un QR es básicamente un link, un enlace. Al leer un código QR con un smartphone, recibe una orden que abre una dirección web. ¿Por qué hacer esto y no colocar directamente la url?, pues por varios motivos, empezando porque es mucho más llamativo, refleja novedad, tecnología e incita a saber qué hay detrás. Por otro lado, no hace falta teclear, basta con pasar por encima el dispositivo y nos dirige directamente a la información que quiere mostrarnos. También hay que tener en cuenta las largas url’s que se están utilizando últimamente en marketing, ¿para qué teclearlas?.

Los códigos QR se están utilizando cada vez más en Marketing, en tarjetas de visita, en cartelas de exposiciones, en cualquier lugar que nos sirva de enlace a un sitio web en el que ampliar la información con un buen Diseño Web.

Muchas marcas están utilizando ahora estos códigos QR en sus campañas de publicidad, a través de promociones, regalos y sorteos a los que tendrás acceso a través de leer ese código QR.

Yo creo que en principio el código QR debe mostrar contenido exclusivo, dar más información de la marca, dar opción a conseguir acciones que de otra manera no podrían obtener, es decir, conseguir un formato que represente exclusividad aunque al alcance de cualquiera (cualquiera que tenga un smartphone con lector). En la cabecera de este post hay un QR creado por mi, la única manera que tienes de saber a dónde va a dirigirte es leyéndolo, así que… tu verás ¿?.

Hay varias empresas que ya han incluido esta tecnología en sus campañas de marketing. Nissan en las redes para promocionar el Juke, la cadena de almacenes Macy’s para atraer clientes a sus tiendas, al igual que la cadena de ópticas Alain Afflelou, CocaCola con la campaña Coca Cola Music en Alemania,…

Lo cierto es que estos códigos, aunque ya llevan años creados, están todavía por explotar, y seguramente veremos mil y una formas de utilizarlos. De momento, si te apetece generar alguno, aquí te dejo dónde crearlos online gratuitamente, hay muchos, este es uno de ellos.

 

 

Comparte este Blog de Diseño Web
Optimizar la velocidad de carga, una necesidad.

Optimizar la velocidad de carga, una necesidad.

Velocidad de carga

Velocidad de carga

El tiempo de carga es uno de los factores más decisivos a la hora de tener éxito en tu diseño web. Todos los estudios concurren en la idea de que una página no debe pesar más de 130 kb con archivos adjuntos incluidos (includes, css, js…)

Hace poco, hablábamos de cómo el algoritmo de Google había introducido la velocidad de carga para posicionar una página. La importancia es evidente, porque no sólo se trata de indexar, si no también de conversión y rentabilidad de tu web.

Las últimas encuestas realizadas por Akamai sobre tiendas online,  indicaban unos datos bastante significativos y sorprendentes.

Casi un 50% de los usuario espera una velocidad de 2 segundos o menos para la carga de la página a la que está intentando acceder y tienden a abandonar el intento si se superan los 3 segundos.

CONTINUAR LEYENDO “Optimizar la velocidad de carga, una necesidad.” »

Comparte este Blog de Diseño Web