Diseño Web Horizontal

Diseño Web Horizontal

Diseño Web Horizontal

Diseño Web Horizontal

Hace ya tiempo que tenía ganas de hablar del diseño web horizontal.

Lejos de las creencias de los llamados «gurús» de la usabilidad, han ido proliferando muchas web relacionadas con el diseño, fotografía, revistas,… En las que en lugar de tener que desplazarse verticalmente por el sitio web, el desplazamiento se hace de modo horizontal.

En este tipo de webs nos encontramos con algún problemilla.  El primero es que lo normal es que nuestro ratón sólo tenga scroll vertical, por lo que tendremos que ir desplazando manualmente el scroll de la barra del navegador, pero vamos a ver algún ejemplo en el que esto se soluciona de un modo perfecto.
El segundo y quizás el más importante, es que debemos de indicar de algún modo al usuario, que se encuentra en una web distinta, que si quiere más contenido tendrá que desplazarse horizontalmente.
Una solución, sería hacer un corte en la página, de modo que se dejase ver que hay más contenido hacia la derecha, por ejemplo, con un contenido cortado por la resolución de pantalla, pero tendríamos que tener presente las distintas resoluciones de pantalla para que esto funcionase. Así que lo normal es encontrarnos con unas flechas dibujadas que nos indican el desplazamiento.

En estos ejemplos podréis ir viendo cómo ha ido evolucionando este tipo de webs, desde el Html con tablas, hasta el uso de CSS.

(más…)

Reconocimientos para Gloobs.com

Reconocimientos para Gloobs.com

Llena de orgullo ver que sitios de referencia colocan tu web como modelo para terceros. Estos son algunos de esos portales de diseño que han incluído mi web personal, www.gloobs.com.
He tratado de traducir de aquellas que lo tenían, su propia descripción web.

  1. CSSelite
    Una gran web referencia, tanto por su diseño como por su contenido.

    Una gran web referencia, tanto por su diseño como por su contenido.

  2. CLD Web gallery

    CrazyLeaf Diseño Web Gallery es una colección de inspiración de calidad basados en CSS y Flash sitios web. Es un lugar para admirar lo mejor de la web pueden ofrecer.

    CrazyLeaf Diseño Web Gallery es una colección de inspiración de calidad basados en CSS y Flash sitios web. Es un lugar para admirar lo mejor de la web pueden ofrecer.

  3. SJ63

    <b>Desde China</b>, una de las webs referencia de ese lado del mundo y con un impresionante número de visitantes.

    Desde China, una de las webs referencia de ese lado del mundo y con un impresionante número de visitantes.

  4. Design Snack

    Muy buena selección de diseños.

    Muy buena selección de diseños.

  5. csshere

    Un escaparate que acerca los sitios web diseñados con <b>XHTML y CSS</b>, la creatividad y la inteligencia.

    Un escaparate que acerca los sitios web diseñados con XHTML y CSS, la creatividad y la inteligencia.

  6. CSSmania

    Para mi una de las mejores web referencia del diseño a nivel mundial.

    Para mi una de las mejores web referencia del diseño a nivel mundial.

  7. CSS Loggia

    Css Loggia tiene como objetivo de ofrecer como recurso central una amplia gama de diseños web que puedan servir de inspiración para crear nuevos y emocionantes diseños web.

    Css Loggia tiene como objetivo de ofrecer como recurso central una amplia gama de diseños web que puedan servir de inspiración para crear nuevos y emocionantes diseños web.

  8. cssbased
    Una de las web referencia en el mundo.

    Una de las web referencia en el mundo.

Herramientas para evaluar un buen diseño web

Herramientas para evaluar un buen diseño web

Herramientas para evaluar una buena web

Herramientas para evaluar una buena web

Podríamos decir que un diseño es bueno, cuando los usuarios del sitio son capaces de encontrar la información en poco tiempo.

Muchos factores influyen en la conducta del usuario a la hora de permanecer o dejar un sitio web. No se trata únicamente de los contenidos, también es muy importante el diseño, la usabilidad, el tiempo de carga, que no requiera de determinados plugins para ser visto… Todo esto repercute en que el usuario siga y vuelva o marche para siempre de nuestro sitio.

Hay una serie de factores que nos indican el grado de optimización de un sitio.

(más…)

Información general sobre cualquier sitio web

AbouThiSite es un sitio nuevo en el que podemos obtener información sobre cualquier sitio web que consultemos.

Basta con introducir la url que queremos consultar, y automáticamente nos dará datos sobre ella, como la fecha de creación, la titularidad, media de visitas diarias (siempre que superen un mínimo), localización, pagerank…

Además, también nos ofrece información sobre la paleta de colores utilizada, dándonos porcentajes de cada color predominante utilizado.

Otra dirección que también os puede ser interesante es la de quarkbase.com, en la que también podréis encontrar datos interesantes sobre una url determinada.

La verdad es que no deja de ser una web interesante para «espiar al vecino» 😉

Diseño web. Simplicidad y usabilidad.

Creo en la simplicidad, por supuesto que no todos los sitios web pueden ser igual de sencillos, pero si deberían ser todos capaces de en pocos rasgos dar a conocer lo que el usuario está esperando de ese site.

Toda web tiene un objetivo y todo usuario tiene una atención finita.
El diseñador ha de ser capaz de llevar la atención del usuario hacia lo que quiere y no quiere buscar, pero de un modo fácil y sencillo, sin banners estridentes ni demás recursos tan usados en muchas web.

El usuario ha de diferenciar en todo momento lo realmente importante de una información, es muy importante saber elegir un titular o saber cuándo tenemos que poner en negrita una frase. En mi relación laboral como diseñador de www.muchoviaje.com pude comprobar como cuando hacía publicidad online para otros sitios (orange, msn, yahoo,….) el resultado de click through era mucho mayor cuando las creatividades estaban disimuladas con el aspecto del site que las contenía. Esto es, el usuario veía esas creatividades como parte de la información del site y no como publicidad externa.

Tenemos que permitir la comunicación, y también tenemos que reducir al mínimo el ruido.

No podemos seguir engañando al usuario con contenidos falsos. Que un usuario no encuentre el contenido de la información que ha solicitado bien por mala arquitectura y usabilidad del sitio o bien por haber sido «engañado» no genera visitas válidas, porque ese usuario no volverá nunca a consultar en nuestra web.