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:

9 comentarios to '¿qué es diseño web?'

Suscríbase a los comentarios con RSS o TrackBack a '¿qué es diseño web?'.

  1. nomeacuerdo said,

    on February 19th, 2008 at 18:26

    Sabroso el artículo de la web vernácula. En especial me mató el ejemplo de Geocities 1996. Podría decirse que la búsqueda de cumplir estándares y el abuso del css mataron todo ese feeling tan sabrosón que tenía la red noventera.

    Se rumora por ahi que las colecciones frontpagescas se mudaron a powerpoint y ahora se rehusan a morir saltando de mail en mail.

  2. aquijuan said,

    on July 24th, 2008 at 23:43

    Hey Giro!

    Gustan los enlaces del artículo, en particular http://web.archive.org, raro que uno se refiera a lo que ve publicado hace un año como “en aquella época”, todo esto del diseño también parece un afán por la temporalidad supongo.

    Creo que las consecuencias del dot.com van más por ese lado, cuando se le agrega más de lo mismo a algo, (en este caso vigencia, en otros casos “menor tamaño”) el sancocho es bueno pero siempre le falta algo de sal.

    Encontré dos enlaces rotos, por si puede arreglarlos:

    404 – http://www.tfd.com/buzzword

    Video de Youtube de Paul Rand. Eliminaron muchas vinas de YouTube del man, no busqué más fuentes pero debe haber, como el video de los powerpoint que menciona nomeacuerdo n_n

  3. mga said,

    on July 25th, 2008 at 10:48

    donjuan

    a la web le pasa un poco como a los perros: un año humano son como diez años web :) aunque en el caso web/tecnología es como exponencial (un año humano son cada vez más años web). al que le llame la atención ese tema puede darle una mirada a la teoría de la singularidad:

    http://en.wikipedia.org/wiki/Technological_singularity

    “buzzword” sí me está abriendo

    encontré nuevamente el video de rand en youtube (arreglado)

    el tema de los links rotos será parte de la web por siempre. pero esa efimeridad es parte de su atractivo. hasta le tienen un término (hablando de buzzwords): “linkrot”. en 1998 se calculaba que el 6% de los links en la red estaban “rotos” (desconozco la cifra de hoy pero dudo que sea menor):

    http://www.useit.com/alertbox/980614.html


  4. on December 15th, 2008 at 17:55

    […] la base sobre la cual cualquier aventura pueda desarrollarse (de pronto es por eso que me gusta el diseño web pero ese es ya otro cuento). En las fotos se pueden ver pedazos de mapas y guías que hice para una […]


  5. on May 23rd, 2009 at 10:58

    […] explicación breve sobre qué es diseño web la da este artículo; además, este otro artículo me parece más que interesante por la cantidad de aspectos que revisa y el buen número de […]


  6. on August 3rd, 2009 at 16:01

    […] la base sobre la cual cualquier aventura pueda desarrollarse (de pronto es por eso que me gusta el diseño web pero ese es ya otro cuento). En las fotos se pueden ver pedazos de mapas y guías que hice para una […]

  7. WebHostingPeru said,

    on November 30th, 2009 at 09:57

    Déjame felicitarte, que bueno que está tu blog los temas tienen la información exacta que me interesa, sigue posteando más sobre estos temas de color y diseño.
    Felicitaciones.

  8. Hostper said,

    on December 2nd, 2009 at 12:58

    Hola estuve revisando tu blog y me parece muy interesante y entretendido, sobre todo que la información es detallada y precisa, espero que sigas posteando más temas para informarnos y comentar


  9. on July 9th, 2013 at 16:09

    […] la fecha, Pinterest sólo se encuentra disponible en inglés, pero gracias a que es un sitio muy amigable eso queda de lado. El atractivo visual hace que la red social sea muy flexible y logra que las […]

Opine