Guía tipográfica para el diseño web móvil

Guía tipográfica para el diseño web móvil

El año 2017 fue denominado por Google como“El año de los móviles” en base a su informe anual Consumer Barometer 2017.  Por primera vez en la historia, el uso de Internet en dispositivos móviles registraba un porcentaje superior al 50 % en los 63 países incluidos en el estudio.  España es en este sentido uno de los países más “adictos” a su uso, un 91% de los usuarios online se conecta a través de su Smartphone, los mismos que Hong Kong o en Singapore.Un 64% ve vídeos online y un 79% utiliza su móvil para realizar búsquedas, una de las cifras más altas del mundo, muy por encima de la media mundial que es del 65%.

Estos datos son suficientemente relevantes como para prestar una mayor atención al diseño web móvil, especialmente a las tipografías utilizadas.  Desgraciadamente nuestra labor como diseñadores web viene condicionada en la mayoría de las ocasiones por las guías de estilo establecidas por nuestros clientes.

El uso correcto de la tipografía en el diseño web móvil es fundamental en la usabilidad y experiencia del usuario, veamos lo que dicen los expertos sobre cómo mejorar este uso en dispositivos móviles. CONTINUAR LEYENDO “Guía tipográfica para el diseño web móvil” »

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
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
A Google le gusta la semántica del HTML5

A Google le gusta la semántica del HTML5

Etiquetas HTML5 que favorecen el SEO

Etiquetas HTML5 que favorecen el SEO

En este blog de diseño web hemos hablado ya  de la importancia que tiene el flujo del Html sobre el posicionamiento de la web, así como la importancia que da Google a la velocidad de carga de una página para mejorar su posicionamiento.

El HTML5 facilita la clasificación de los motores de búsqueda así como la descripción de tu sitio a los usuarios. Además permite realizar una navegación mucho más rápida a través de tu web. Vamos a ver cómo…

CONTINUAR LEYENDO “A Google le gusta la semántica del HTML5” »

Comparte este Blog de Diseño Web