El modelo de plano esquemático: ideas para un buen diseño web

Publicado por: Maria Elena Mateo — Martes, 26 de abril de 2005
Guardado en: Usabilidad Web Versión Imprimible

Toda ciudad desconocida implica un reto de orientación, tanto en lo que se refiere a la utilización de medios de transporte como al mero desplazamiento por sus calles. Acostumbrada a la simplicidad del metro de Valencia, que apenas cuenta con 4 líneas (eso sí, con ramales y terminaciones distintas en una misma línea), la complicación de un trazado de metro como el de Madrid conlleva una gran dificultad.

Sin embargo, en mi reciente visita a Madrid para acudir a las Jornadas de Fesabid, pude constatar que la dificultad no era tal una vez captado el concepto general y comprendido las indicaciones básicas que ofrece su plano y la señalización que se puede encontrar en sus estaciones. Entonces recordé haber leído la revolución que implicó este tipo de plano de metro esquemático cuando en 1931 fue diseñado por Harry Beck para representar la estructura del metro de Londres.

Harry Beck, ingeniero electrónico, ideó un plano en el que representaba las diferentes líneas y paradas mediante elementos simples: líneas rectas o en ángulos de 45 grados, número limitado de símbolos, distancias entre estaciones constante… Es decir, en vez de utilizar los modelos anteriores, que eran fieles topográficamente a la superficie, imitó la estructura de un diagrama de red eléctrica. Beck comprendió que los usuarios del metro no necesitaban saber en todo momento dónde se encontraban respecto a la superficie, tan sólo cuando salían de las estaciones y que, sin embargo, sí que era importante toda la información relativa a las conexiones entre líneas. Al simplificar el intrincado trazado del metro y limitar la información que ofrecía a la estrictamente necesaria, el plano ganó en legibilidad y comprensión y, por ello, fue rápidamente imitado.

Los conceptos básicos -de practicidad, claridad y sencillez- empleados para la elaboración de este diseño se unieron en mi mente con algunas de las cosas que se habían dicho en las comunicaciones, mesas redondas y demás actividades de las Jornadas de Fesabid (para que luego digan que no sirven para nada) y las asimilé al diseño web o de intranets y a su usabilidad. Estas son algunas de las ideas que pude tomar de este modelo:

  • La información que se ofrece debe ser la que realmente necesita el usuario.
  • Un exceso de información dificulta la comprensión por parte del usuario e implica un menor aprovechamiento de la información realmente útil.
  • Los elementos sencillos y uniformes en el diseño (diseño consistente) facilitan la comprensión del sitio por parte del usuario.
  • El diseño de un sitio web o una intranet debe ser lo suficientemente claro e intuitivo para que permita un rápido aprendizaje de su uso.


  1. 5 comentarios a “El modelo de plano esquemático: ideas para un buen diseño web”

  2. Gentileza de Catorze, enviado el 26 abr 2005 | Responder

    El plano del metro de París debe ser un portal :-)

  3. Gentileza de Maria Elena Mateo, enviado el 27 abr 2005 | Responder

    Pues imaginate como sería si no fuera un plano esquemático…

  4. Gentileza de carlos m., enviado el 19 dic 2005 | Responder

    hola, resulta que también tengo la plantilla shaded grey, como la tuya (creo) y me gustaría preguntarte cómo la has decorado con esos azules tan cucos, pues la verdad es que se lee mucho mejor que el modelo original… es muy complicado? un saludo

  1. 2 Trackback(s)

  2. may 5, 2005: El Documentalista Enredado »
  3. feb 2, 2006: El Documentalista Enredado » Un año no más

Lo sentimos, los comentarios están cerrados.

ATENCION - En ocasiones, los comentarios se moderan, lo que significa que si tu comentario no se publica inmediatamente, aunque lo normal es que sí que lo haga, es que es sospechoso de ser Spam. Pero no te preocupes, no hace falta que lo reenvíes, ni que escribas desconsolado por la pérdida de tu texto, seguramente aparecerá publicado en breve, en cuanto hayamos tenido tiempo de revisarlo.

Los autores de este blog no se responsabilizan de las opiniones y comentarios vertidos por los usuarios. Cualquier sugerencia será bien recibida.

La Cita

“Gran diferencia existe entre la persona que pide leer un libro y la que pide un libro para leer”
Gilbert Keith Chesterton

Búsqueda

 Suscribirse mediante RSS o suscribirse por e-mail (?)

Introduce tu e-mail: