por Omar Benyakhlef | Diseño de páginas web, Usabilidad
Primer pantallazo
Como todos sabéis, hoy en día en diseño web, la resolución más común, es 1024×768 px, eso significa que pensando en que lo normal en un usuario es que tenga un par de barras extras colocadas en el navegador, nos deja una resolución en vertical visible de unos 560 px, es decir, todo contenido que quede por debajo de este área, tendrá que ser visto haciendo scroll.
(más…)
por Omar Benyakhlef | Diseño de páginas web, SEO
Redireccionamiento 301 y Google
Desde hace varios meses me ronda la idea de cambiar este blog de diseño web y llevarlo a mi servidor.
Empecé el blog como un cajón en el que guardar toda la información que tenía perdida en favoritos, luego poco a poco esto fue creciendo y hasta ahora..
Mi intención es migrar todo el blog a mi servidor, seguir usando wordpress, pero teniendo absoluto control sobre él, cosa que ahora no ocurre, ya que como sabéis wordpress.com tiene muchas restricciones a la hora de poder modificar diseño o instertar scripts.
Pues bien, el primer problema con el que me encuentro, es que si llevo el blog a mi servidor, uniendo así la web y el blog, me encontraré con el problema de que tendré que modificar la url de muchas páginas de mi web que ahora mismo están muy bien posicionadas en Google.
Este problema es fácilmente subsanable, ya que bastaría con redireccionar esas url’s a su nueva ubicación. Existen varias formas de hacerlo, pero sólo una es la correcta, el redireccionamiento 301.
REDIRECCIONAMIENTO 301
El código del estado 301 indica que una página ha sido trasladado permanentemente y que los buscadores deberín dejar de indexar la URL antigua, sustituyéndola con la nueva. Si el redireccionamiento va a ser temporal usaremos el 302.
(más…)
por Omar Benyakhlef | Diseño de páginas web
imaginación en la comunicación
Tanto en el diseño web como en cualquier otro tipo de diseño, a veces nos dejamos llevar por el camino fácil y no nos preocupamos de hacer más atractivas aquellas materias que damos por supuesto que no lo son.
Independientemente de que en este caso se trate de infografía, la idea de este post es extrapolar al diseño web, la idea de que cualquier temática que abordemos, por «pesada» que sea, puede llegar a ser atractiva, y si no decidme si los datos que representan esta muestra de imágenes os llamarían la atención si estuviesen simplemente colocados en una tabla.
A continuación os dejo unos ejemplos que he encontrado en www.freelancereview.net, como podéis observar, resulta imposible no fijarse en ellos, si bien es cierto, en algunos casos el diseñador ha llevado tan al límite su imaginación, que resulta complicado leer los textos, sin embargo el propósito de captar la atención está más que lograda.
Podéis ver el resto de los 100 en http://www.freelancereview.net/100-seriously-creative-infographics/
por Omar Benyakhlef | Diseño de páginas web, HTML5, Trucos CSS
HTML5 y CSS3
TUTS+ es uno de los mejores sitios (conjunto de sitios) que existen en la red relacionados con el diseño web. En este caso el artículo es de net tuts +
En él podréis aprender a montar una estructura de página típica para blog, es decir, cabecera, menú de navegación, cuerpo principal, columna lateral y pie. Veréis cómo se utiliza el HTML5 en compañía de CSS3.
Desgraciadamente todavía existen navegadores que no reconocen el uso conjunto de estas dos tecnologías, sin embargo parece ser que todos los esfuerzos se encaminan a que un día podamos dejar de la do el «parcheo» de las CSS para cada navegador, y dedicarnos a lo que verdaderamente nos ocupa, diseñar un sitio web para sus usuarios.
En cualquier caso, el artículo me parece muy útil, ya que todas las tendencias nos encaminan al uso de HTML5 con CSS3.
En este post, nos enseñan a estructurar una página en HTML5, y a usar etiquetas como <article>, que sirve para denotar la entrada independiente en un blog.
Respecto al CSS3, en este post se analiza cada contenido del blog por separado y nos introduce en «nuevos trucos», como son los degradados, sombras o esquinas redondeadas.
por Omar Benyakhlef | Diseño de páginas web, Diseño para móviles
Futuro del Diseño Web
El Futuro del Diseño Web tiene una cita en Londres del 17 al 19 de Mayo en el «Future of Web Design», uno de los certámenes más importantes en lo que se refiere al Diseño Web.
Conferencias y talleres dedicados al CSS3, al HTML5, jQuery, accesibilidad, diseño de interfaces emocionales, diseño para iPhone, Google Analytics,.. En definitiva una enorme oportunidad para quien tenga la suerte de poder asistir.
Para más información, http://futureofwebdesign.com/schedule/
por Omar Benyakhlef | Diseño de páginas web
Premios webby
70 son las categorías que engloban estos premios, en los que se valoran campos como el diseño web, usabilidad o funcionalidad a diversos tipos de web. Dentro de esas 70 categorías podemos encontrar todo tipo de temática, desde blogs, webs gubernamentales, de informática, política, o aquellas categorías en lo que se valora es la estética o la navegación.
Son muchas para analizarlas en un post, mejor es echar un vistazo y ver cómo han ido las tendencias de diseño en este último año.
Cabe destacar que entre todas las webs premiadas una única española, MoneyStrands, Francisco J. Martín ha obtenido el premio Webby de proyectos financieros.
Por otra parte tampoco me parece extraño, viendo lo poco que parece interesar a las empresas españolas la inversión en una buena web, donde lo que verdaderamente importa es el abaratamiento de costes sin importar el resultado (sobre este tema podríamos hablar mucho, pero creo que es una causa de momento perdida).
En lo referente a lo que nos ocupa, el diseño web, estas son algunas de las web premiadas:
Verdaderamente ni están todas las que son, ni son todas las que están, pero merece mucho la pena echar un vistazo y ver hacia dónde va el diseño web en el Mundo.
Podéis ver el listado completo en: http://www.webbyawards.com/webbys/current.php