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.

slidershare

Embed Size (px)

Citation preview

Page 1: slidershare

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: slidershare
Page 3: slidershare

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: slidershare
Page 5: slidershare

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: slidershare
Page 7: slidershare

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: slidershare
Page 9: slidershare

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: slidershare
Page 11: slidershare

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: slidershare
Page 13: slidershare

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: slidershare
Page 15: slidershare

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: slidershare
Page 17: slidershare

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: slidershare
Page 19: slidershare

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: slidershare
Page 21: slidershare

Interfaces para un Internauta 2.0.

Usabilidad, principios de la Usabilidad,

usabilidad frente al diseño, arquitectura de la

Informacion.

Page 22: slidershare
Page 23: slidershare

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: slidershare
Page 25: slidershare

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: slidershare
Page 27: slidershare

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: slidershare
Page 29: slidershare

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: slidershare
Page 31: slidershare

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: slidershare
Page 33: slidershare

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: slidershare
Page 35: slidershare

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: slidershare
Page 37: slidershare

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: slidershare
Page 39: slidershare
Page 40: slidershare