1. LA Web 2.0
estandarización. Mientras en
Desde el punto de vista la Web 1.0 los diseñadores
visual este nuevo modo de realizaban páginas sin Todos sabemos que nos encontramos en una
página actual porque reconocemos una serie de
hacer webs ha supuesto apenas base previa, ya que cánones repetitivos: bordes redondeados,
una existían pocas referencias de degradados, un fondo con diagonales y el logo
reflejado.
diseño digital, la Web 2.0 ha
supuesto el nacimiento de
los estilos.
2. Navegadores web
Un navegador es un programa que se utiliza para acceder
a la web. Desde el primer explorador, llamado NCSA
Mosaica 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
sitas 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 Nielasen, 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,
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 Curta Cloninger en su artículo “Usability expertos are Fromm
Mar, trapicó designar are forma 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 Rosen Field y Peter Morbillo esta disciplina en su libro “Información
Architecture foro te Word Wide Web: Designan Large-Scale Web Setes”.
Tomando como punto de partida el artículo de Rain Baker titulado “Chat es
información 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 siete funcione:
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 Word Wide Web Consorcio (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 Bernés-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 , 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 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
17.
18. CONCLUSIONES
No está claro de donde provino el estilo 2.0. Nos recuerda elementos
muy dispares: desde la portada del disco Tubular Bellas de Mike
Holyfield, hasta los reflejos de las obras de Roy Liechtenstein o las siluetas
contrastadas de Keith Harina. 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 uos 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.
19. Web 2.0 y el diseño web
Introducción.-, la historia cuenta, la
Wikipedia, que la primera web fue
publicada en el año 1991 por Tim
Bernés-Lee. El padre de la Word Wide
Web elaboró un documento
informático que rompía con lo anterior
porque contenía hipervínculos, es
decir, ofrecía posibilidad de ir a otro
texto al pulsar sobre una palabra.
Trece años después, en el año 2004, el
descubrimiento de Bernés-Lee se
reinventó, y no porque cambiara de
un día para otro, sino porque, como
suele ocurrir en el mundo de Internet,
alguien le puso un nuevo nombre: Web