| |

Interfaces Google: Douglas Bowman, usabilidad, rediseños…

ByLuis

Este sábado Douglas Bowman, por si alguien no le conoce, uno de los mejores desarolladores web ampliamente conocido por su labor en la promoción de los estándares web especialmente desde su blog y creador, entre otras obras maestras, de la versión actual de Blogger, confirmaba que se va a Google para desempeñar un cargo creado para él: Visual Design Lead en el que será el responsable de las interfaces de los productos colaborativos y de comunicación como Calendar, Writely, Gmail Page Creator, y el mencionado Blogger.

¿Google quiere dejar de ser feo?. No. Nunca ha sido feo, aunque le ataquen por ahí “pseudo-gurus insulsos” como apunta Armando Sosa. Google ha estado tradicionalmente mal maquetado y ahí Bowman con su experiencia en interfaces sociales, además del talento gráfico ¿por qué negarlo?, al servicio siempre de la “usabilidad Google” encajan a la perfección. Lástima que las tareas de Bowman no incluya la maquetación del buscador.

Siguiendo con la usabilidad…

Este artículo de Don Norman y el más reciente publicado por Derek Powazek en los que critican la usabilidad y el diseño de la home del buscador comparándola con MSN Search y Yahoo solo generan confusión. Joshua Porter repasa los dos textos y aporta opiniones muy interesantes:

The success of Google doesn’t come from their sparse homepage, their goofy logo, or by “deception”. It comes from the ability to consistently give relevant results to our queries… end of story.

For Google to change its design strategy to satisfy the whim of a few designers would be suicide. It would ignore their amazing success to date, erode the emotional attachment of the people who use it, and start them down the slippery slope of compromising a simple, easy-to-use search engine.

¿Rediseños de la home de Google como el que propuso Andy Rutledge pueden ser un suicidio?. Es más estético. Con niveles de información mejor jerarquizados, pero que a priori, a falta de análisis con usuarios, tendería a la distracción. Principalmente, con los azules de fondo y los contenidos de la parte inferior.

google_redux.gif

Volviendo al fichaje de Bowman. Una prueba más de que la vanguardia en la industria del diseño web se encuentra en la blogosfera y que las interfaces sociales, en las que por definición pasaremos mayor tiempo navegando, han de ser además de muy eficaces como todas, “enamorar” visualmente.

Dicho esto, sin contenidos no hay diseño pijo que te salve.

|

El nuevo Flickr: Colores de fondo, por favor

ByLuis

flickr-gamma.png Si ya el rediseño de Techcrunch es vulgar, los cambios en la interfaz de Flickr, especialmente en la desaparición del gris como color de fondo en la navegación del header y el footer, solo hace abundar en la confusión. Tanto blanco se me hace aburrido. Incluso han eliminado el border de las fotos.

Austeridad al estilo Google en esta nueva fase bautizada como Gamma, pero se equivocan. En Flickr se navega interior y jerarquizadamente en el que referencias visuales, como pueden ser diferentes colores de fondo, son efectivas.

Entre las mejoras, ahí sí que han acertado:

  • Más protagonismo del buscador y los feeds (grupos incluidos).
  • Los sets lo sitúan ahora a la derecha que después de las conclusiones del Eyetrack III, el modelo de plantilla con lateral a la derecha es el que capta con mayor rapidez el contenido principal, en este caso las últimas fotos publicadas.
  • Potenciación del Organizr.

Flickr Gamma en la blogosfera:

Más en: Technorati | Agregax

| |

Posicionamiento y estilo de las imágenes en los lectores RSS

ByLuis

Este verano cuando hicimos las plantillas (web de uso interno) de Blogia 2.0, uno de los elementos que cuidamos fue el de dar estilo a las imágenes cuando el autor elige la posición de la imagen desde el editor WYSIWYG.

cssimg-feeds.jpg

Desde entonces, nos preguntamos por qué los lectores RSS, sobre todo los on line, no incluyen unas líneas de CSS para respetar el posicionamiento de las fotos que incluimos en los posts. Requerería de una estandarización ya usada ampliamente por muchas css blogueras pero no en la de los lectores de feeds.

Con 3 clases sería más que suficiente:

/* --- Img's post -------------------- */
img.left, img.right, img.center {
border: 3px solid #d0dfc3;
padding: 3px
}
img.left {
float: left;
margin: 0.5em 1em 0.5em 0;
}
img.right {
float: right;
margin: 0.5em 0 0.5em 1em;
}
img.center {
margin: 0 auto 10px auto;
display: block;
text-align: center
}

Que sepamos, solo Bloglines contempla img.left pero sin preocuparse excesivamente de darle un estilo cuidado.