La importancia del rendimiento en una web o webApp

La importancia del rendimiento en una web o webApp

Cada vez son mayores las exigencias de las páginas web que diseñamos. Imágenes más grandes y pesadas o  efectos que hacen más atractiva la experiencia usuario, hacen que sea indispensable comprobar si esa experiencia  que estamos buscando no nos devuelva justo lo contrario, es decir, una página que tarda mucho en cargar y que como resultado nos da una tasa de abandono cada vez mayor. Nos gusta navegar y la oferta es inmensa, si un sitio nos hace esperar acabamos por abandonarlo antes de que cargue.

CONTINUAR LEYENDO “La importancia del rendimiento en una web o webApp” »

Comparte este Blog de Diseño Web
Google te ayuda con el color en tus diseños para Apps

Google te ayuda con el color en tus diseños para Apps

El color es un elemento indispensable a la hora de diseñar una App, una web, publicidad… Puede determinar de modo determinante la usabilidad de tu aplicación o sitio web.

El color ayuda a hacer visible la jerarquía, la navegación o arquitectura de un diseño, hace que el usuario muestre más o menos interés en nuestros contenidos y una vez interesado, puede hacer que la experiencia sea positiva o que no vuelva a usar nuestro diseño nunca más.

CONTINUAR LEYENDO “Google te ayuda con el color en tus diseños para Apps” »

Comparte este Blog de Diseño Web

Recursos para diseño web Gratis !!! Mapas

La geolocalización forma parte habitual del diseño web y aplicaciones para teléfonos y tablets. En numerosas ocasiones nos vamos a encontrar con la necesidad de diseñar incluyendo mapas de Google Maps, controladores de mapas, ubicaciones, pins de localización…

En este post de recursos de diseño web, vais a encontrar una gran variedad de mapas y demás útiles para realizar con éxito vuestros diseños de geolocalización.

CONTINUAR LEYENDO “Recursos para diseño web Gratis !!! Mapas” »

Comparte este Blog de Diseño Web
Tendencias Diseño Web para 2012. SCROLL PARALLAX

Tendencias Diseño Web para 2012. SCROLL PARALLAX

Scroll Parallax

Scroll Parallax

En este blog de diseño web, hemos visto como a lo largo de los años las tendencias del diseño web siguen sorprendiéndonos y alcanzando niveles que hace años eran difíciles de imaginar.

En esta última década hemos sido partícipes como diseñadores, de una constante evolución. Desde las web más básicas, que simplemente parecían un documento word metido en una pantalla, pasando por aquellas horrorosas webs, en las que todo parpadeaba y en las que era necesario llenar la web de botones con el mensaje “pulse aquí”, para posteriormente pasar a una época en lo que todo parecía que iba a ser flash y acto seguido abandonar la idea al darnos cuenta de que lo que verdaderamente era importante, era el SEO y la USABILIDAD.

En todo este tiempo, hemos vivido muchas mejoras en las conexiones de los usuarios, lo cual se ha visto obviamente reflejado en los diseños. Esto nos permitió empezar a utilizar grandes imágenes y backgrounds, a no estar tan pendientes del peso de la página. Nuevos dispositivos desde los que visualizar las webs, como los smartphones, iPhones, iPads,… Y en los últimos años, la implantación de una tecnología que ha dado un vuelco al diseño web y que como diseñadores nos ha permitido abrir la imaginación para poder realizar diseños con los que nunca antes nos habríamos atrevido, todo gracias a la implantación del jQuery.

CONTINUAR LEYENDO “Tendencias Diseño Web para 2012. SCROLL PARALLAX” »

Comparte este Blog de Diseño Web
Diseño Web para Google Panda. Optimiza tu web.

Diseño Web para Google Panda. Optimiza tu web.

Google Panda

Google Panda

Sabemos que tanto para un nuevo diseño web, como para actualizar uno ya existente, hay que dirigir todas nuestras acciones al posicionamiento en buscadores, SEO.

Esto diferencia un buen diseño web de otro y sobre todo, es una misión que depende, al menos en origen, del diseñador. Los conocimientos SEO son hoy en día imprescindibles para un diseñador. CONTINUAR LEYENDO “Diseño Web para Google Panda. Optimiza tu web.” »

Comparte este Blog de Diseño Web
Crear Patterns Online con CSS3. Diseño Web

Crear Patterns Online con CSS3. Diseño Web

Creación de Patterns con CSS3

Creación de Patterns con CSS3

Hoy traemos a este Blog de Diseño Web, un ejemplo de cómo hacer un pattern con CSS3, más que un ejemplo, un par de utilidades que nos vendrán muy bien a la hora de diseñar nuestro background de fondo. Como siempre, ojo con las versiones de navegador, especialmente al Explorer.

En http://leaverou.me/css3patterns/ podemos encontrar varios ejemplos de patterns hechos con CSS. Lo mejor de todo es que estos ejemplos son editables, por lo que podréis customizarlos.

El segundo ejemplo, lo he encontrado en http://patternizer.com Una web en la que podrás diseñar tu propio pattern mediante un interface gráfico, para más tarde copiar el código CSS generado

Comparte este Blog de Diseño Web