SlideShare a Scribd company logo
1 of 40
Download to read offline
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.
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.
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.
Uso de colores vibrantes y
contrastados.

Por criterios puramente estéticos, la web 2.0 se
caracteriza por el uso colores con mucho contraste.
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.
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.
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.
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.
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.
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.
Interfaces para un Internauta 2.0.

Usabilidad, principios de la Usabilidad,
usabilidad frente al diseño, arquitectura de la
Informacion.
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.
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.
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.
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”.
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.
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.
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.
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.
Web 2.0 y diseño de web
Web 2.0 y diseño de web
Web 2.0 y diseño de web

More Related Content

Similar to Web 2.0 y diseño de web

Similar to Web 2.0 y diseño de web (20)

Web de diseño
Web de diseñoWeb de diseño
Web de diseño
 
Lidia
LidiaLidia
Lidia
 
Web2mili
Web2miliWeb2mili
Web2mili
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Web 2.0. sanchez
Web 2.0. sanchezWeb 2.0. sanchez
Web 2.0. sanchez
 
LA WED
LA WEDLA WED
LA WED
 
La Web 2 0
La Web 2 0La Web 2 0
La Web 2 0
 
La Web 2 0
La Web 2 0La Web 2 0
La Web 2 0
 
Presentación1
Presentación1Presentación1
Presentación1
 
Primavera 777
Primavera 777Primavera 777
Primavera 777
 
Presentacion Web
Presentacion WebPresentacion Web
Presentacion Web
 
Web 2
Web 2Web 2
Web 2
 
Web 2 power point
Web 2 power pointWeb 2 power point
Web 2 power point
 
Las web
Las webLas web
Las web
 
Web 1 , 2 , 3.0
Web 1 , 2 , 3.0Web 1 , 2 , 3.0
Web 1 , 2 , 3.0
 
Web 1.0 , 2.0 , 3.0
Web 1.0 , 2.0 , 3.0Web 1.0 , 2.0 , 3.0
Web 1.0 , 2.0 , 3.0
 
Web 2
Web 2 Web 2
Web 2
 

Web 2.0 y diseño de web

  • 1. 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.
  • 2.
  • 3. 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.
  • 4.
  • 5. 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.
  • 6.
  • 7. Uso de colores vibrantes y contrastados. Por criterios puramente estéticos, la web 2.0 se caracteriza por el uso colores con mucho contraste.
  • 8.
  • 9. 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.
  • 10.
  • 11. 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.
  • 12.
  • 13. 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.
  • 14.
  • 15. 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.
  • 16.
  • 17. 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.
  • 18.
  • 19. 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.
  • 20.
  • 21. Interfaces para un Internauta 2.0. Usabilidad, principios de la Usabilidad, usabilidad frente al diseño, arquitectura de la Informacion.
  • 22.
  • 23. 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.
  • 24.
  • 25. 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.
  • 26.
  • 27. 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.
  • 28.
  • 29. 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”.
  • 30.
  • 31. 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.
  • 32.
  • 33. 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.
  • 34.
  • 35. 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.
  • 36.
  • 37. 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.