El documento discute la evolución del diseño web desde la Web 1.0 a la Web 2.0, donde se han establecido estándares que han permitido una mayor estandarización y accesibilidad. También analiza conceptos como usabilidad, arquitectura de la información y tecnologías como CSS y XHTML que han mejorado la experiencia del usuario en la Web 2.0. Concluye que el estilo Web 2.0 pronto quedará obsoleto a medida que surjan nuevas tendencias que rompan los convencionalismos actuales.
1. Desde el punto de vista
estandarización. Mientras en la Web 1.0 Todos sabemos que nos encontramos en una
visual este nuevo modo de los diseñadores realizaban páginas sin página actual porque reconocemos una
hacer webs ha supuesto apenas base previa, ya que existían pocas serie de cánones repetitivos: bordes
referencias de diseño digital, la Web 2.0 ha redondeados, degradados, un fondo con
una supuesto el nacimiento de los estilos. diagonales y el logo reflejado.
2. Navegadores web
Un navegador es un programa que se utiliza para acceder
a la web. Desde el primer explorador, llamado NCSA
Mosaic de principio de los noventa hasta hoy, la evolución
ha sido espectacular.
A pesar de que las estadísticas actuales nos dicen que IE
sigue caminando, las corrientes alternativas van
abriéndose paso. Opera abrió el camino y, hoy en
día, Mozilla FireFox está haciend “pupa” al dominio de IE
con cuotas del 20% en algunos países europeos.
3. PROGRAMA FLASH
Los archivos elaborados con el programa de
animación 2D por excelencia en el campo web,
Flash, han pasado de ser la solución definitiva cuando
deseamos hacer una web visualmente atractiva, a
una posición mucho más discreta.
Durante algún tiempo muchas páginas consistían en
un gran archivo de Flash que contenía todos los
menús, textos, fotos, etc. Esto supone un gran
problema de accesibilidad, ya que cualquiera que
isite la página desde un navegador no gráfico,
como pueden los lectores para personas ciegas, o
muchos móviles y PDA, no veían nada.Lo mismo
sucede con los buscadores de Internet, que cuando
recorren las páginas
localizando palabras en función de las cuales indexar
la web, no encontraban nada. Y como cada día es
más evidentemente que si no estás en los
buscadores, comoGoogle o Yahoo, no existes, no
tiene sentido darle toda la responsabilidad a un
archivo de Flash.
4.
5. PROGRAMA AJAX
El término AJAX (Asynchronous JavaScript And
XML), al igual que el de Web 2.0, no es ningún
invento, ni un gran avance tecnológico, es el
nombre que se le puso a una serie de
técnicas y combinación de tecnologías ya
existentes. Poco a poco se ha convertido en
una palabra de moda, que popularizó Jesse
James Garrett en su artículo “Ajax: A New
Approach to Web Applications”8.
El ejemplo que popularizó el uso de esta
tecnología fue como casi siempre, al hablar
de web hoy en día, de la mano de
Google, con sus aplicaciones GMaps y Gmail.
De repente, el usuario descubrió que los
contenidos de las páginas podían
actualizarse de una manera más amable, sin
tener que soportar la recarga de completa
de la página. Se actualizaba solamente lo
que el usuario quería.El uso de Ajax ha
supuesto una revolución en el concepto de
interacción del usuario con la página web.
6.
7. INTERNAUTA 2.0
¿Qué evolucionó antes? ¿El internauta o la web?
Como en el famoso caso del huevo y la gallina,
no está claro quién nació antes, pero parece
evidente que con el surgimiento de las
aplicaciones 2.0 los usuarios comenzaron a
exigirlas. Entre una web donde ver vídeos y otra
donde además de ver vídeos puedo
comentarlo, compartirlo y subir los míos propios,
el usuario elegirá siempre la segunda opción.
Atrás queda aquella web 1.0 donde los
internautas eran meros espectadores que
perdían más tiempo buscando que utilizando los
sites y que simplemente leían texto con
hipervínculos.
8. INTERFACES PARA UN INTERNAUTA 2.0
- USABILIDAD
El considerado gran gurú de la
Usabilidad, Jacob Nielsen, la definió así
en el año2003: “El atributo de calidad
que mide lo fáciles que son de usar las
interfaces Web”11. Se trata en una
disciplina cuyo objetivo es facilitar la
interacción del usuario y, por esta razón,
es lógico que naciera o, más bien,
cobrara fuerza, con la llegada de la Web
2.0. Si el mundo web se sustenta en que
los internautas participen, es necesario
estudiar qué es lo que los estimula.
De ahí el nacimiento de una nueva
profesión inexistente hasta hace poco:
los expertos en Usabilidad, personas
especializadas en la interacción entre los
ordenadores y las personas y,
concretamente, entre los sitios web y los
internautas de hoy en día. Para hacernos
idea de cómo funciona, podemos ver los
cinco componentes con los que Jacob
Nielsen mide la usabilidad.
9.
10. PRINCIPIOS DE LA USABILIDAD
Anticipación,
Autonomía,
Los colores han de utilizarse con precaución
ConsistenciaEficiencia del usuario, los sitios
Reversibilidad
Ley de Fitts
Reducción del tiempo de latencia
Aprendizaje
El uso adecuado de metáforas
La protección del trabajo de los usuarios
Legibilidad,
Seguimiento de las acciones del usuario
Interfaz visible.
11. USABILIDAD FRENTE AL DISEÑO
La Usabilidad se desarrolla con la parte izquierda del cerebro y representa la
razón y la acción lógica; por lo tanto se corresponde con Marte. Por su parte, el
Diseño reside en la parte derecha del cerebro y se identifica con lo emocional
y la acción intuitiva, así que se corresponde con Venus. Esta teoría,
desarrollada por Curt Cloninger en su artículo “Usability experts are from Mars,
graphic designers are from Venus”, es una muestra de la lucha aparentemente
existente entre diseño y Usabilidad.
Decimos aparentemente porque el paso del tiempo ha demostrado que
ninguna web puede prescindir de la Usabilidad, porque el usuario se frustra y se
va si no sabe manejar la interface y, al mismo tiempo, si algo no es atractivo
visualmente para el internauta es difícil que se desarrolle como producto: no se
diferenciaría de los demás, parecería anticuado, nadie recordaría la web, etc
12. ARQUITECTURA DE LA INFORMACIÓN
“El arte y la ciencia de estructurar y clasificar sitios web e intranets con el fin de ayudar a los usuarios a
encontrar y manejar la información”. Así definieron Louis Rosenfield y Peter Morville esta disciplina en su libro
“Information Architecture for the World Wide Web: Designing Large-Scale Web Sites”.
Tomando como punto de partida el artículo de Iain Barker titulado “What is information architecture?”15,
podemos definir los siguientes como los pasos necesarios para una arquitectura de la información acertada.
Los beneficios de organizar la información correctamente son vitales para que el site funcione:
- Los clientes pasarán más tiempo navegando
- Mejorará la imagen de marca, ya que percibirán la página positivamente y no se frustrarán por no
encontrar lo que buscan.
- Aumenta su fidelidad, es más probable que vuelvan.
13.
14. ESTÁNDARES
El verdadero triunfo de la Web 2.0 ha sido el triunfo de los estándares web, un término
a veces poco conocido entre los internautas pero con una importancia vital para el
desarrollo web. Se define como el “conjunto de recomendaciones dadas por el World
Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo
crear e interpretar documentos basados en el Web” (Alexis Bellido)16.
Es decir, son las normas que permiten que las webs se puedan visionar no sólo en
Internet Explorer o Mozilla Firefox, sino también en los navegadores para personas
ciegas o dispositivos móviles como PDA o teléfonos móviles, así como para los
internautas que utilizan velocidades de transferencia baja.
“El poder de la web está en su universalidad. El acceso a la web para todos,
independientemente de su discapacidad, es un aspecto esencial.” Esta frase de Tim
Berners-Lee representa a la perfección lo que suponen los estándares web: que la red
no suponga una brecha con ningún colectivo por no disponer al cien por cien de sus
sentidos, ni por navegar en un soporte distinto a un plasma de 17”.
15. CCS
Las hojas de estilo en cascada (Cascading Style Sheets, CSS)
son un lenguaje usado para definir la presentación de un
documento estructurado escrito en HTML o XML. Consiste en
uno o varios documentos en los que se escriben las
características que va a tener cada uno de los elementos de
la página: titulares, párrafos, columnas, enlaces, etc., de modo
que afectan o pueden afectar al conjunto del site.
16. XHTML
El XHTML (Lenguaje de Marcado de Hipertexto Extensible) es el lenguaje de marcado pensado
para sustituir al HTML, pero aún le queda camino por recorrer. Cuando se daba por muerto el
HTML 4.0 surge una nueva revisión del W3C el HTML 5.0 lo que hace que seguramente convivan
durante un largo periodo de tiempo ambos.
El XHTML es una versión más estricta del código HTML para conseguir reducir las posibilidades de su
uso y que la interpretación por los distintos dispositivos sea más simple, y que pequeños
dispositivos, con menor capacidad que los ordenadores de mesa tradicionales puedan
soportar, como los móviles.
Las principales ventajas que aportan son:
• La compatibilidad con navegadores antiguos
• La independencia del diseño. Pudiendo adoptar presentaciones distintas según el dispositivo.
• Facilidad de edición del código y su mantenimiento
• Mejoras de rendimiento.
17.
18. CONCLUSIONES
No está claro de donde provino el estilo 2.0. Nos recuerda elementos muy dispares: desde
la portada del disco Tubular Bells de Mike Oldfield, hasta los reflejos de las obras de Roy
Lichtenstein o las siluetas contrastadas de Keith Haring. Pero lo que sí está claro que esta
forma de diseñar está traspasando los límites de las pantallas de ordenador, para
convertirse en un referente del diseño digital como se aprecia, por ejemplo, en los
grafismos de televisión.
Como conclusión, podemos resumir todo lo expuesto hasta ahora en que el diseño Web
2.0 pronto estará pasado de moda. Cuando las normas de un estilo están tan claras, es
porque el siguiente paso será su redefinición. El diseño supone en gran medida romper los
cánones, así que debemos estar preparados para la llegada de la próxima tendencia.
Un nuevo modo de hacer webs, donde se imponga unos nuevos hábitos de navegación
por parte de los usuarios y que nos obligue a redefinir la usabilidad, el aspecto visual y, en
conjunto, la interacción.