SlideShare una empresa de Scribd logo
1 de 38
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.
Diseño web

Más contenido relacionado

La actualidad más candente (13)

Web 2.
Web 2.Web 2.
Web 2.
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores SocialesWeb 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores Sociales
 
Web 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores SocialesWeb 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores Sociales
 
Web 2
Web 2Web 2
Web 2
 
Web 2
Web 2Web 2
Web 2
 
La Web 2.0
La Web 2.0La Web 2.0
La Web 2.0
 
Sanipat+¡n sof+¡a ntic's_e5
Sanipat+¡n sof+¡a ntic's_e5Sanipat+¡n sof+¡a ntic's_e5
Sanipat+¡n sof+¡a ntic's_e5
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
Web 20 en educación
Web 20 en educaciónWeb 20 en educación
Web 20 en educación
 
Trabajo final infotec.
Trabajo final infotec.Trabajo final infotec.
Trabajo final infotec.
 
Diseño web semana 3
Diseño web semana 3Diseño web semana 3
Diseño web semana 3
 
Web20 1 y la educacion
Web20 1 y la educacionWeb20 1 y la educacion
Web20 1 y la educacion
 

Similar a Diseño web (20)

slidershare
slidershareslidershare
slidershare
 
Web de diseño
Web de diseñoWeb de diseño
Web de diseño
 
Web2mili
Web2miliWeb2mili
Web2mili
 
Lidia
LidiaLidia
Lidia
 
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
Web 2.0Web 2.0
Web 2.0
 
Web 2.0. sanchez
Web 2.0. sanchezWeb 2.0. sanchez
Web 2.0. sanchez
 
Presentación1
Presentación1Presentación1
Presentación1
 
LA WED
LA WEDLA WED
LA WED
 
Diseño web
Diseño webDiseño web
Diseño web
 
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
 
Presentación1
Presentación1Presentación1
Presentación1
 
Primavera 777
Primavera 777Primavera 777
Primavera 777
 
Presentacion Web
Presentacion WebPresentacion Web
Presentacion Web
 
La web 2
La web 2La web 2
La web 2
 
Web 1 , 2 , 3.0
Web 1 , 2 , 3.0Web 1 , 2 , 3.0
Web 1 , 2 , 3.0
 

Diseño 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.