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” »

Share and Enjoy

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” »

Share and Enjoy

Usabilidad en los registros

Uno de los mayores problemas a los que se enfrenta el diseño web, es el saber recoger toda la información posible de nuestros usuarios, sin que eso suponga una molestia y el consiguiente rechazo por su parte.

Es muy frustrante tener que rellenar un enorme formulario, mal concebido, mal diseñado y mal programado, para poder acceder en muchas ocasiones a un contenido que desconocemos.

Digo esto, porque en más de una ocasión, siguiendo el rastro a una información, me ha ocurrido el llegar a un punto en el que se me exigía registrarme para poder acceder a dicha información, sin conocer si me va a ser útil o no, sin conocer el sitio, he de introducir todos mis datos personales, permitir a una agencia de spam que me inunde el correo y todo ello seguramente para nada…

Bien, ante todo, ningún sitio debería de pedir registro sin que previamente el usuario sepa si le merece o no la pena, engañar en Internet puede darte visitas hoy pero lo que es seguro es que tus usuarios no van a volver mañana. Partiendo de esta máxima, vamos a ver cómo debemos de enfocar un registro de usuarios en nuestro sitio.

CONTINUAR LEYENDO “Usabilidad en formularios de registro” »

Share and Enjoy

SlideDeck

Un buen diseño web ha de adaptarse al perfil del usuario que lo va a utilizar y a las necesidades del producto que queremos mostrar, para esto, debemos de estar siempre a la última, ver todas las tendencias y todas las nuevas herramientas que nos ofrece el desarrollo web, en este caso y una vez más, utilizando jQuery.

Hoy os dejo una verdadera joya, el SlideDeck, una nueva forma de mostrar el contenido de una web que últimamente se está poniendo de moda, es muy intuitivo, elimina la sobrecarga de información dando una mejor experiencia de usabilidad e incluso hace divertido interactuar con él.

Es ideal para mostrar diferentes destacados en una página, o incluso, podríamos usarla para hacer enteramente la web dentro de ella (para pequeñas webs de información).

Además de espectacular, es súper usable, ya que por ejemplo podemos cambiar de información moviendo la rueda del ratón.

• Ver y descargar el código SlideDeck

Share and Enjoy

Usabilidad Web para Móvil

No podemos hablar de un diseño de web para móvil estándar, porque la disparidad de posibilidades que pueden ofrecer los distintos terminales móvil es enorme.

Nada tiene que ver la experiencia de navegación entre un terminal estándar,  no tactil de pantalla pequeña al uso de un iPhone, por ejemplo. Y lo peor de esto es que frenta la inmensa comodidad de navegación que ofrece un iPhone o un Android táctil, la mayoría de los usuarios (alrededor del 80%) tiene terminales del tipo estándar, con una horrible usabilidad web.

Además de esto, tenemos una gran franja diferencial entre velocidades de descarga.

También podemos hablar de la incompatibilidad existente entre la visualización de un sitio web en un sobremesa y en un dispositivo móvil. No podemos hacer webs para móviles con imágenes tan grandes y pesadas como se están haciendo hoy en día en webs y blogs. La limitación del tamaño de la pantalla choca frontalmente con la tendencia de grandes fuentes e imágenes.

Otro factor diferencial es el técnico. Terminales que no muestran flash o vídeo,  que no ejecutan scripts,…

Entonces, ¿qué es lo correcto?, ¿debemos hacer una web para cada tipo de terminal?, ¿no vale la web que tengo para ser vista en el móvil?,…

CONTINUAR LEYENDO “Usabilidad en una web para móvil” »

Share and Enjoy