mga/blog

ISSN 2011-0146

¿qué es diseño web?

publicado en diseño,general,web por mga en February 19, 2008

Actualización (16/12/2008): Hoy SitePoint (reconocido sitio web dirigido a creadores web) anunció la muerte de Web 2.0. Ma alegrará ver como ese desagradable término finalmente se disipa en la nube de internet y todo vuelve a la “normalidad”.

Han pasado unos quince años desde que se masificó lo que hoy conocemos como Internet. Esa masificación se da en parte gracias a la distribución libre de dos elementos claves: el lenguaje HTML y el navegador web. Ambos son creación de Tim Berners-Lee mientras trabajaba en el CERN, un centro de investigación europeo. El primero es un lenguaje muy sencillo que permite a personas sin conocimiento de programación realizar documentos de hipertexto mientras que el segundo es el programa que hace visible dichos documentos (evoluciones de dicho programa se pueden ver hoy en los numerosos navegadores disponibles). A esta combinación de tecnologías, por un lado la comunicación y transferencia de información vía red y por el otro el hipertexto, Berners-Lee decidió llamarla World Wide Web (WWW). WWW no fue el primer proyecto que sacó provecho de la Internet (paralelo a este existen otros menos conocidos como FTP, Gopher y WAIS entre otros) pero hoy día es el más popular ya que permite moverse dentro de la información en un ambiente que combina texto e imágenes (“navegar”) y que luego se complementaría con video, sonido y posibilidades adicionales de interacción gracias a programas que se instalan en los navegadores: plug-ins.

Under Construction

La facilidad para crear documentos de hipertexto (páginas web) que permite el HTML dió lugar a que cualquier persona con un editor de texto simple (Notepad, SimpleText) pudiera “diseñar” sus propios sitios web (¿quién no conoce un primo de un amigo que “diseña páginas web”?). La WWW como la conocemos ahora empieza a surgir en los noventas con una gran incertidumbre; se sospechaba que sería un medio importante pero no se tenía certeza de cómo debía ser abordado. Pioneros como Jeff Bezos (Amazon), Jerry Yang y David Filo (Yahoo), Sabeer Bhatia y Jack Smith (Hotmail), Pierre Omidyar (eBay) daban las primeras pautas de diseño exitosas que luego serían imitadas por muchos y encapsuladas en lo que hoy conocemos como “comercio electrónico”, “portales” o “redes sociales”. Otros como Joshua Davis (praystation.com), Yugo Nakamura (yugop.com), ioResearch (theremediproject.com) y Eric Natzke (natzke.com) asumiendo la vanguardia web, experimentaban con el medio y las herramientas que se producían (Java, Flash, VRML, video). La anterior no pretende ser una lista exhaustiva ni esto una historia resumida de la WWW (para eso ya hay otros sitios web).

The Remedi Project

El diseño web surge orgánicamente con el medio, con claras bases en otras disciplinas del diseño pero con sus particularidades y peculiaridades; se establecen nuevas estéticas y lenguajes. Un interesante análisis y recuento sobre la estética temprana (90s-00s) de la WWW se puede ver y leer en La web vernácula: los indígenas y los bárbaros (traducción propia del título en inglés), un artículo de Olia Lialina, rusa, artista y diseñadora web (no olvide hacer clic en el botón abajo a la derecha que parece decir “continuar” en ruso):

So what was this culture? What do we mean by the web of the mid 90’s and when did it end?

To be blunt it was bright, rich, personal, slow and under construction. It was a web of sudden connections and personal links. Pages were built on the edge of tomorrow, full of hope for a faster connection and a more powerful computer. One could say it was the web of the indigenous…or the barbarians. In any case, it was a web of amateurs soon to be washed away by dot.com ambitions, professional authoring tools and guidelines designed by usability experts.

Si no tuvo la oportunidad de ver esos sitios web como eran hace 10 años no se preocupe, existe la máquina del tiempo web. Escriba un url y de clic en “take me back”… puede ver cómo era Yahoo en 1996.

Hoy día no nos libramos de esas “modas de diseño web”: ahora se habla de una tal Web 2.0 y un tal AJAX (y no es el héroe mitológico ni el detergente) y que en realidad no son más que apodos (también conocidos como buzzwords) a estilos de diseño, tecnologías o metodologías que existen desde hace rato (más de diez años en el caso de AJAX). No pongo links intencionalmente :). Al parecer no soy el único que detesta (sí, detesta) la compulsividad de algunos a reempaquetar conceptos/ideas/modas en “nuevos e innovadores” conceptos y de otros de seguirlos ciegamente: en 2007 se llevó a cabo la charla Destroy The Web 2.0 Look:

Lialina tiene también un artículo sobre la “nueva generación web”, aptamente llamado La web vernácula 2 que también vale la pena leer.

Pero el problema sigue ahí: aún no sabemos qué es “diseño web”. Wikipedia hace un intento pero se queda en una definición técnica. Recientemente encontré un artículo de Jeffrey Zeldman que podría ser lo que buscamos:

We get better design when we understand our medium. Yet even at this late cultural hour, many people don’t understand web design. Among them can be found some of our most distinguished business and cultural leaders, including a few who possess a profound grasp of design—except as it relates to the web.

[…]

The trouble is, web design, although it employs elements of graphic design and illustration, does not map to them. If one must compare the web to other media, typography would be a better choice. For a web design, like a typeface, is an environment for someone else’s expression. Stick around and I’ll tell you which site design is like Helvetica.

Architecture (the kind that uses steel and glass and stone) is also an apt comparison—or at least, more apt than poster design. The architect creates planes and grids that facilitate the dynamic behavior of people. Having designed, the architect relinquishes control. Over time, the people who use the building bring out and add to the meaning of the architect’s design.

Zeldman finalmente plantea su definición de diseño web:

Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.

Mi traducción: el diseño web es la creación de ambientes digitales que facilitan y motivan la actividad humana; reflejan o adaptan voces y contenidos individuales; cambia en el tiempo de forma agraciada pero siempre conservando su identidad. Acá está nuevamente el link al artículo completo porque realmente vale la pena leerlo.

Para terminar, ya que estamos en eso de las definiciones, veamos qué dice Paul Rand (logo de IBM y UPS entre otros) sobre su definición de diseño:

Links relacionados en este mismo blog: