40
WEB 2.0 Y E DISEÑO WEB. Introduccion. El padre de la World Wide Web elaboró un documento informático que rompía con lo anterior porque contenía hipervínculos.

Web 2.0 y diseño de web

Embed Size (px)

Citation preview

Page 1: Web 2.0 y diseño de web

WEB 2.0 Y E DISEÑO WEB.

Introduccion.

El padre de la World Wide Web elaboró

un documento informático que rompía

con lo anterior porque contenía

hipervínculos.

Page 2: Web 2.0 y diseño de web
Page 3: Web 2.0 y diseño de web

Diseño y Web 2.0

La llegada de la Web 2.0 ha supuesto una

revolución en el diseño, tanto en lo que se refiere

a la concepción artística como en las interfaces.

Page 4: Web 2.0 y diseño de web
Page 5: Web 2.0 y diseño de web

Estilo 2.0

La Web 2.0 ha supuesto la creación de una serie

de clichés de diseño, de elementos comunes, que

configuran un estilo propio. Existen características

concretas.

Page 6: Web 2.0 y diseño de web
Page 7: Web 2.0 y diseño de web

Uso de colores vibrantes y contrastados.

Por criterios puramente estéticos, la web 2.0 se

caracteriza por el uso colores con mucho contraste.

Page 8: Web 2.0 y diseño de web
Page 9: Web 2.0 y diseño de web

Logotipos reflejado.

Durante un tiempo se convirtieron prácticamente en

un estándar los logotipos reflejados, de forma que

según va separándose el dibujo del reflejo va

desenfocándose como si se tratara de papel mojado.

Page 10: Web 2.0 y diseño de web
Page 11: Web 2.0 y diseño de web

Futuro del diseño 2.0

Hablar de diseño implica en general referirse a una

estandarización, hablar de escuelas, de

tendencias, de modos de actuar generalizados,

pero al mismo tiempo de ruptura y originalidad.

Page 12: Web 2.0 y diseño de web
Page 13: Web 2.0 y diseño de web

Evolución tecnológica.

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.

Page 14: Web 2.0 y diseño de web
Page 15: Web 2.0 y diseño de web

Flash.

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.

Page 16: Web 2.0 y diseño de web
Page 17: Web 2.0 y diseño de web

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.

Page 18: Web 2.0 y diseño de web
Page 19: Web 2.0 y diseño de web

El 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.

Page 20: Web 2.0 y diseño de web
Page 21: Web 2.0 y diseño de web

Interfaces para un Internauta 2.0.

Usabilidad, principios de la Usabilidad,

usabilidad frente al diseño, arquitectura de la

Informacion.

Page 22: Web 2.0 y diseño de web
Page 23: Web 2.0 y diseño de web

Usabilidad.

El considerado gran gurú de la Usabilidad, Jacob

Nielsen, la definió así en el año 2003: “El atributo

de calidad que mide lo fáciles que son de usar las

interfaces Web.

Page 24: Web 2.0 y diseño de web
Page 25: Web 2.0 y diseño de web

Principios de la Usabilidad.

Anticipación, autonomia, los colores deben

usarse con precaucion, consistencia,

Eficacia del usuario, reversidad, ley de fitts,

reduccion del tiempo de la distancia,

Aprendizaje, el uso adecuado de metaforas,

legibilidad, seguimiento de las acciones

Del usuario, interfaz visible.

Page 26: Web 2.0 y diseño de web
Page 27: Web 2.0 y diseño de web

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 tancon Marteto se corresponde.

Page 28: Web 2.0 y diseño de web
Page 29: Web 2.0 y diseño de web

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”.

Page 30: Web 2.0 y diseño de web
Page 31: Web 2.0 y diseño de web

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.

Page 32: Web 2.0 y diseño de web
Page 33: Web 2.0 y diseño de web

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.

Page 34: Web 2.0 y diseño de web
Page 35: Web 2.0 y diseño de web

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.

Page 36: Web 2.0 y diseño de web
Page 37: Web 2.0 y diseño de web

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.

Page 38: Web 2.0 y diseño de web
Page 39: Web 2.0 y diseño de web
Page 40: Web 2.0 y diseño de web