La usabilidad en la web

23 07 2007

Y otra vez voy a intentar explicar o al menos que se entienda mi concepto de usabilidad en la web, y en general creo que será aplicable a otros ámbitos relaccionados con la informática. Digo otra vez, ya que en su día hice un articulillo sobre el tema de la usabilidad de los enlaces en ventana nueva

Muchas veces tendemos a creer que todo aquel que se enfrenta a un ordenador o concretamente, navega por la web, es un maldito experto como nosotros ya que se cumple que todos, de alguna forma, nos creemos expertos en algo.

Esta afirmación no puede ser mas errónea, y es que existe un altísimo porcentaje de usuarios de ordenadores e internet que no tienen ni puta idea, y ni falta que les hace, saber navegar correctamente o siquiera conocer qué narices significa RSS, CSS, web 2.0, AJAX o lindezas similares.

Esta es una guerra personal que mantengo con todo el que puedo. El ejemplo mas claro de las malas prácticas en usabilidad es sin duda los blogs y las páginas web en general. ¿Porqué se le da tanta importancia al aspecto y no tanto al contenido?

escritorio

¿Porque se le da mas importancia a tener mucho contenido en vez de tener “el buen contenido”? Me explico:

Cuando he inaugurado este nuevo blog, me he pasado tres días (lo que duraba el traspaso de dominio) buscando un tema bonito pero lo mas simple posible para mi amado wordpress. Al final, gracias a la traducción de yukei encontré unsleepable que cumplía todas las espectativas sobre sencillez y limpieza.

Fijaos que el esquema que he preparado para este blog contiene 4 elementos únicamente, el post principal (y los que vienen por detrás), y una columna derecha (sidebar) que tiene solamente 5 apartados, páginas, categorías, enlaces y la chorrada del plugin de picassa donde la mayoría de las veces sale mi gata. Es una estructuración muy sencilla y que permite en un primer vistazo observar toda la página web sin agobiarse para los nuevos visitantes.

Yo creo que todos alguna vez nos hemos enfrentado a un programa que contiene trescientasmil utilidades agrupadas en trescientosmil botones, y para mas inri con tres o cuatro ventanas independientes del programa principal. La primera vez que abres uno de estos programas (o webs) la sensación se resume en una frase: “Madre mía que infierno, cuantas cosas y que complicado”.

Hace poco estuve con un compañero de trabajo en una presentación de TOAD 9, la herramienta de administración y desarrollo de código de quest software para oracle y otros gestores de bases de datos. Cuando el ingeniero encargado de la presentación abrió el programa para que vieramos una demo, el auditorio completo suspiró, maldijo, y mi compañero y yo coincidimos en un sonoro: “jooooder, como se han pasado”. Había mas botones y ventanas que sitio para escribir código.

toad

En la web hay muchísimos ejemplos de esto que digo, miles de páginas en las que se intenta abarcar tanta información y tantas posibilidades que lo único que hacen es confundir al visitante y por supuesto agobiarlo. A las webs en la mayoría de las veces se llega a través de buscadores, y es un fastidio haber encontrado una web en la que creias haber encontrado cierta información, y luego darte cuenta de que una vez en dicha web, no hay un Dios que sea capaz de dar con ella.

Me gusta el estilo de:

20 minutos

Tiene muchísima información, muchísima ya que es un periódico online y como tal esta repletito de noticias y contenidos varios pero fijaos, cuando entras por primera vez te pegas de frente con dos columnas, la principal y mas centrada son noticias lineales compuestas de una foto y el título de la noticia. Nada mas y nada menos. No confunde, en 5 minutos veo todas las noticias de portada de un tirón. Me encanta.

20minutos

sopmacs

Y mi ídolo en usabilidad web es sopmacs, y es que hoy en día en la web no creo que exista nadie tan limpito y organizadito como el creador de este blog sobre mac. Es el ejemplo mas claro que he visto sobre usabilidad y sobre todo inmejorable contenido. Un 10.

sopmac

Los malos

No me gusta para nada el estilo de:

larioja.com

Fijaos, nada mas entrar nos tenemos que pegar con las noticias, los extractos de las mismas, el banner en la cabecera, los videos promocionales, el tiempo, los especiales…. ufff, abrumador

lariojacom

Ojo, que para mi gusto las hay muchísimo peores, fijaos en la web de telecinco que barbaridad:

telecinco

Conclusión

Ahora, como siempre para gustos colores, pero me da que hay mucha gente allí fuera con muy, pero que muy mal gusto y por supuesto con conceptos de web que a mi parecer son “no usables”.


Acciones

Información

2 comentarios to “La usabilidad en la web”

24 07 2007
svodoba (11:56:33) :

Tu lucha no es en vano, socio. Desde que me empezaste a hablar del tema lo tengo muy en cuenta para mis nuevos diseños y funionalidades. De hecho, pese a los errores que pueda dar mi web en cuanto hojas de estilo y tal (que estoy en ello), lo que si es verdad es que cada vez las hago mas simples y a la vez potentes (bueno, o esa es mi intención, con temas basados en Ajax y chorradas varias de las que no interesan a nadie).

Tienes razon en que en la puta web de telecinco, cada vez que quiero ver la programacion de la f1, tengo que estar media hora navegando para encontrarla, no es nada practica.

Y una cosa mas. Yo tengo un plugin que se llama WP-Resalta Busqueda que lo que hace es que cuando llegas desde Google por alguna busqueda, las palabras buscadas aparecen resaltadas en distintos colores, como cuando buscas en caché. Esta muy bien y retiene muchas visitas, ya que no se pierden buscando por todos los lados, salta tanto a la vista que mola. Se puede descargar en: http://www.anieto2k.com/plugins-themes/

En conclusion, que sigas opinando de este tema tronco, que a alguien siempre motivaras.

27 01 2008
blog.ilcastro.org (23:00:42) :

[...] Tengo que confesar que es un auténtico vicio y a pesar de que en España no está muy extendida por el tema del idioma (que retrasados somos), me encanta sobre todo por su rapidez y usabilidad. [...]

Deja un comentario

Puedes usar estas etiquetas : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>