por Omar Benyakhlef | Ajax, Diseño de páginas web, jQuery, Usabilidad
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.
por Omar Benyakhlef | Ajax, Diseño de páginas web, Diseño para móviles
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?,…
(más…)
por Omar Benyakhlef | Ajax, Diseño de páginas web, Mootools, Tutoriales
Diseño Retro con Mootools
El diseño web con Ajax no tiene límites, hoy os dejo un increible reloj retro creado en Mootools.
El diseño retro está muy logrado, incluso deja caer sus números con un efecto «flip», como aquellos paneles del aeropuerto que marcaban los números de los vuelos y sus retrasos.
(más…)
por Omar Benyakhlef | Ajax, Diseño de páginas web, jQuery, Mootools
Magia con jQuery
Ya conocéis mi debilidad por usar Ajax en diseño web, me parece una solución que además de dar usabilidad a nuestra web, nos da oportunidad de sorprender al usuario, captando así su atención.
En esta ocasión vamos a hablar de unas cuantas librerías para hacer animaciones.
Muchos de los ejemplos que vais a ver están en bruto, es decir, no llevan nada de diseño, en vosotros estará el hacer que esas animaciones sean todo lo espectaculares que vuestra imaginación os sugiera.
(más…)
por Omar Benyakhlef | Ajax, Diseño de páginas web, jQuery, Mootools, Usabilidad
LightBox
Bien, como todos sabéis los popup hace tiempo que pasaron a la historia del diseño web.
Afortunadamente y debido a varios motivos (usabilidad, y popup killers en navegadores) esta práctica ha desaparecido y ha dejado paso a otro tipo de popups, menos agresivos y más vistosos.
Hoy, buscando un LightBox para un proyecto nuevo, me he dado cuenta de que no tenía material en el blog, así que aquí os dejo unas cuantas reseñas que seguramente os puedan ayudar.
(más…)
por Omar Benyakhlef | Ajax, Diseño de páginas web, Google, SEO, Usabilidad
HTML 5
Desde hace tiempo el diseño web ha tenido que ir sufriendo las diferentes lecturas de los navegadores respecto al lenguaje de etiquetas de hipertexto que se utiliza para crear y poder visualizar los contenidos de las páginas web.
El Explorer empezó llevándose mal con el Netscape y ahora lo hace con todos los demás, particularmente hace mucho tiempo que tomé la determinación de prescindir de él, sin embargo sigo comprobando que cada uno de mis diseños se vea igual en él, porque sigue siendo una gran mayoría la que lo usa (aunque no creo que los motivos sean por haberlo elegido frente a otros).
Así que maqueto para firefox, porque así me aseguro que también funcionará para los demás navegadores importantes (safari, chrome, ópera…), y luego hackeo para explorer cuando es necesario.
Con el desarrollo del nuevo HTML 5, se está tratando al parecer, de conseguir minimizar todas estas incompatibilidades. Todavía se trata de una versión beta, aunque portales de la relevancia de youtube, ya han desarrollado su versión en este lenguaje.
No intentéis acceder a este enlace con explorer, como siempre será el último en subirse al carro…
La nueva versión HTML 5, trata de añadir semántica y usabilidad implícitas en sus etiquetas, para así de este modo eliminar ambigüedad e incluso facilitar más si cabe la labor a los buscadores.
A la hora de maquetar una web, lo que hacemos hoy en día es dividir las zonas de contenido con divs, estas etiquetas son siempre la misma y las diferenciamos a través de la CSS.
HTML 5 crea nuevas etiquetas para diferenciar los «divs» más usados en el desarrollo de una página web, veamos algunas de las más importantes: (más…)
