por Omar Benyakhlef | accesibilidad, Diseño de páginas web, Google, SEO, Usabilidad
Google y la velocidad de carga de una web
Hemos hablado en numerosas ocasiones de la importancia de la velocidad de carga en un diseño web. Una página web pesada perjudica la usabilidad, requiere un mayor coste (ancho de banda) y se traduce en la mayor de las ocasiones, en un abandono del usuario.
Hace unos días Matt Cutts (SEO de Google) reproducía en su blog un post el que comunicaba la incorporación de una nueva variable al algoritmo de Google, la velocidad de carga.
Este nuevo valor no variará mucho las posiciones en los resultados de búsqueda, ya que se estima que sólo afectará a un 1% de las consultas, pero aún así, es un factor que desde hace ya mucho tiempo, tanto diseñadores como programadores web, venimos teniendo muy en cuenta.
El tiempo de carga de nuestras web, depende fundamentalmente de las imágenes, CSS, javascript y flash. Deberemos pues optimizar al máximo cada uno de estos componentes.
Para optimizar el CSS, existen varios «trucos», desde reducir al mínimo la cantidad de espacios en blanco que aparecen en el archivo, a colocar una CSS distinta para cada tipo de páginas similares que forman nuestra web. También podemos hacer lo mismo con los archivos js, ya que en numerosas ocasiones además cargamos js que no van a ser utilizados en nuestra página.
Últimamente se ven imágenes enormes en sitios web, además de estar de moda, vienen fomentadas por las mayores velocidades de conexión que tenemos hoy en día, pero esto no es motivo para dejar de optimizarlas al máximo a la hora de guardarlas para web.
En todo caso, si queremos analizar nuestra web, Google y Firefox ponen a nuestra disposición un complemento para hacer un exhaustivo control de carga de cada uno de los elementos que componen nuestra web, imágenes, CSS, scripts, …
- Page Speed – un complemento para Firefox recomendado por Google.
Si queréis otro complemento más vistoso e igual de fiable, también podéis usar el navegador Google Chrome, y abrir la consola javascript, en la que podréis ver también todos los tiempo de carga componente a componente (pestaña Elements).
Además de estos dos complementos, tenemos también la posibilidad de ver online la velocidad de carga de nuestras páginas, aunque de un modo más genérico.
por Omar Benyakhlef | Diseño de páginas web, Usabilidad
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.
(más…)
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 | Diseño de páginas web, Diseño para móviles, Usabilidad
Tendencias del diseño web
El diseño web ha de adaptarse a los nuevos dispositivos. Pero no se trata únicamente de una motivación meramente económica, buscar una razón más para vender más (algo que todos buscamos), se trata también de explorar un mundo de posibilidades nuevas que nos llegan de la mano de la tecnología de estos nuevos terminales, y en especial claro está de Apple y su acelerómetro.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Usabilidad
Usabilidad de una página web
¿Qué entendemos por un diseño web usable?.
La usabilidad es un valor empírico, ya que sus resultados son obtenidos a través de unos test realizados a una muestra de usuarios. Estos valores obtenidos no son ni buenos ni malos, sino que dependen del propósito que nos hayamos marcado o de con qué lo estemos comparando. Se trata pues de evaluar si el diseño web es válido para el propósito para el que ha sido construido.
¿Es usable tu diseño web?, para contestar a esta pregunta hay que evaluar varios factores, por separado y en conjunto, ya que todos y cada uno de ellos han de tenerse en cuenta si verdaderamente queremos que nuestra página web sea usable. Para evaluar la usabilidad de una web, deberemos de verificar la accesibilidad, la identidad, navegabilidad y contenido.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Diseño para móviles, Usabilidad
Diseño de Web para Móvil
En este blog de diseño, ya hemos hablado alguna vez de las Web para Móviles .
En este post quiero tratar dos aspectos muy importantes a mi parecer. El imparable crecimiento de usuarios de Internet a través de su móvil y la necesidad de tener páginas web para móviles especialmente adaptadas a estos dispositivos.
(más…)
