por Omar Benyakhlef | Diseño de páginas web, Redes Sociales
Sigue este blog a través de twitter
Desde que en 1995 apareciese la primera red social, classmates.com, la importancia de este tipo de web ha ido creciendo, hasta convertirse en una herramienta imprescindible en cualquier negocio. Basta con decir que en 2009 Facebook alcanzaba ya los 350 millones de usuarios, con 275 millones de visitas únicas al mes.
En 2009 los usuarios de habla hispana en youtube crecían un 80%. España, se ha convertido en el 7º país en el uso de redes sociales y el 80% de los usuarios de internet, pertenecen a alguna red social, con un dato también muy importante, de estos usuarios de redes sociales, un 60% las consulta a diario. En España el número de usuarios de Facebook ha crecido un 999%, llegando casi a los 8 millones de usuarios !!!
(más…)
por Omar Benyakhlef | Diseño de páginas web, Tutoriales
Turoriales illustrator
He encontrado un post de designyourway.net muy interesante, en el que podéis consultar hasta 100 tutoriales de Illustrator para vuestros diseños web.
Ejemplos muy útiles en los que podéis consultar el uso de máscaras, la herramiento de malla de degradado, etc.
Espero que os sean útiles.
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
Iconos de redes sociales
Aquí os dejo una web en la que podréis descargar multitud de iconos para colocar en vuestros diseños web. Se trata de variada muestra de iconos de redes sociales recopilada por w3mag.com.
Podréis encontrar diseños muy variados y originales, desde formas geométricas a iconos incrustados en botellas o sellos, desde lo más grunge a lo más 2.0. Espero que os sirvan.
Ver y descargar colección de iconos gratuitos.
por Omar Benyakhlef | accesibilidad, Diseño de páginas web
Accesibilidad Web
Hacer una web accesible, no sólo es una «obligación legal» (por ejemplo en sitios públicos), también debería ser una obligación moral.
Existen diversas limitaciones de accesibilidad, visuales, motrices, auditivas,… y el esfuerzo al diseñar una web es mucho menor si lo desarrollamos desde el nacimiento de la web.
Desde ya hace varios años, a la hora de diseñar una web para un organismo público, la Ley nos obliga a desarrollar un diseño que cumpla las directrices marcadas por la W3C a través de la WCAG (Web Content Accessibility Guidelines).
Dentro del nivel de accesibilidad de una web, se establecen tres categorías, denominadas A, AA, AAA según el grado de accesibilidad (mínimo, adecuado, máximo).
Hoy vamos a ver alguno de los consejos que nos da la W3C para llegar a estos grados de accesibilidad y como en muchos de los casos no se consideran nunca.
(más…)
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…)
