3. Web 2.0 y el diseño web
Cuenta la historia1, en nuestro caso, la Wikipedia, que
 la primera web fue publicada en el año 1991 por Tim
 Berners-Lee. El padre de la World 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.
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. El usuario adquiere un nuevo papel
  dentro del soporte, ya que deja de ser un
  “escaneador” de contenidos para ser el que
  elige, el que participa e incluso el que crea
  esos contenidos.
3.2. 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,
  hasta el punto de que a la hora de abordar el
  diseño de una página se habla del grado de
  aplicación del arquetipo 2.0 que debe tener.
• 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,
  hasta el punto de que a la hora de abordar el
  diseño de una página se habla del grado de
  aplicación del arquetipo 2.0 que debe tener.
• que facilitan la jerarquización de la información y,
  por lo tanto, la lectura. Colores contrastados
  pero, al mismo tiempo, en menor número.
• En ninguna web se suelen emplear más de dos
  colores, uno de ellos habitualmente oscuro como
  el negro o gris, junto a otro más vivo como el
  verde o el azul y, aumentando la variedad
  cromática, diferentes tramas de estos dos
  colores.
• 2- Badges: se trata de una serie de botones
  co3- Brillos, destellos y reflejos: tanto los
  logotipos como las barras de menú y los
  distintos elementos de las composiciones
  cuentan con destellos de luz y pequeñas zonas
  sobreexpuestas, que aportan volumen a los
  diseños.n forma de chapas o placas.
• 3- Brillos, destellos y reflejos: tanto los
  logotipos como las barras de menú y los
  distintos elementos de las composiciones
  cuentan con destellos de luz y pequeñas zonas
  sobreexpuestas, que aportan volumen a los
  dis4- Bordes redondeados: la llegada de la
  Web 2.0 ha supuesto el fin de las esquinas,
  dando paso a un nuevo arquetipo en el que
  todos los bordes son redondeados.eños.
• 5- Degradados: sin duda es una de las técnicas
  visuales que más han calado entre dos
  diseñadores de Web 2.0. Más pronunciados o
  más sutiles, los gradientes de color son
  empleados desde los fondos de las páginas
  hasta los favicones, los pequeños iconos que
  se muestran junto a la dirección web en el
  navegador de Internet.
• 6.Tipografías más grandes: tras un período en
  el que la tendencia era emplear fuentes peq7.
  Leads en negrita: en general, la negrita se ha
  convertido en el modo más eficiente de
  destacar la información sin recurrir a colores
  que ensucien la identidad corporativa de la
  pá8. Iconos atractivos: han dejado de ser un
  elemento auxiliar del diseño para convertirse
  en un componente prioritario.gina.ueñas,
• 3.3. 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.
• 3.4. Evolución tecnológica (y su uso)
• 3.4. Navegadores web

     • Un navegador es un programa que se utiliza para
       acceder a la web.

     • Netscape consiguió ser el navegador de referencia
       desde el 1994 hasta que, en el año
     • 1997, Microsoft introdujo el Internet Explorer en el
       Sistema Operativo Windows 98.
3.5. 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.

La utilización de este tipo de animaciones ha pasado como
decíamos a una posición secundaria, que es en animaciones en
las cabeceras de las webs, en los banners o para ilustrar noticias.
Como un ingrediente más del diseño, pero no como plato único.
• 3.6. AJAX
• Asociación Nacional de Empresas de Internet, ANEI 53
• Al mismo tiempo, Flash si se ha convertido en el gran protagonista
  de otro campo del diseño web: los vídeos en línea. Las principales
  plataformas de vídeo, como Youtube, Metacafe o Dailymotion,
  utilizan los vídeos codificados en Flash Video, debido a lo poco que
  pesan los archivos
• 3.6. 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.
• 3.7. 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.
• 3.8. Interfaces para un internauta 2.0
• 3.8.1. 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”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.
Web 2
Web 2

Web 2

  • 1.
    3. Web 2.0y el diseño web Cuenta la historia1, en nuestro caso, la Wikipedia, que la primera web fue publicada en el año 1991 por Tim Berners-Lee. El padre de la World 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.
  • 2.
    Diseño y Web2.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. El usuario adquiere un nuevo papel dentro del soporte, ya que deja de ser un “escaneador” de contenidos para ser el que elige, el que participa e incluso el que crea esos contenidos.
  • 3.
    3.2. 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, hasta el punto de que a la hora de abordar el diseño de una página se habla del grado de aplicación del arquetipo 2.0 que debe tener.
  • 4.
    • La Web2.0 ha supuesto la creación de una serie de clichés de diseño, de elementos comunes, que configuran un estilo propio, hasta el punto de que a la hora de abordar el diseño de una página se habla del grado de aplicación del arquetipo 2.0 que debe tener.
  • 5.
    • que facilitanla jerarquización de la información y, por lo tanto, la lectura. Colores contrastados pero, al mismo tiempo, en menor número. • En ninguna web se suelen emplear más de dos colores, uno de ellos habitualmente oscuro como el negro o gris, junto a otro más vivo como el verde o el azul y, aumentando la variedad cromática, diferentes tramas de estos dos colores.
  • 6.
    • 2- Badges:se trata de una serie de botones co3- Brillos, destellos y reflejos: tanto los logotipos como las barras de menú y los distintos elementos de las composiciones cuentan con destellos de luz y pequeñas zonas sobreexpuestas, que aportan volumen a los diseños.n forma de chapas o placas.
  • 7.
    • 3- Brillos,destellos y reflejos: tanto los logotipos como las barras de menú y los distintos elementos de las composiciones cuentan con destellos de luz y pequeñas zonas sobreexpuestas, que aportan volumen a los dis4- Bordes redondeados: la llegada de la Web 2.0 ha supuesto el fin de las esquinas, dando paso a un nuevo arquetipo en el que todos los bordes son redondeados.eños.
  • 8.
    • 5- Degradados:sin duda es una de las técnicas visuales que más han calado entre dos diseñadores de Web 2.0. Más pronunciados o más sutiles, los gradientes de color son empleados desde los fondos de las páginas hasta los favicones, los pequeños iconos que se muestran junto a la dirección web en el navegador de Internet.
  • 9.
    • 6.Tipografías másgrandes: tras un período en el que la tendencia era emplear fuentes peq7. Leads en negrita: en general, la negrita se ha convertido en el modo más eficiente de destacar la información sin recurrir a colores que ensucien la identidad corporativa de la pá8. Iconos atractivos: han dejado de ser un elemento auxiliar del diseño para convertirse en un componente prioritario.gina.ueñas,
  • 10.
    • 3.3. Futurodel 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.
  • 11.
    • 3.4. Evolucióntecnológica (y su uso) • 3.4. Navegadores web • Un navegador es un programa que se utiliza para acceder a la web. • Netscape consiguió ser el navegador de referencia desde el 1994 hasta que, en el año • 1997, Microsoft introdujo el Internet Explorer en el Sistema Operativo Windows 98.
  • 12.
    3.5. Flash Los archivoselaborados 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. La utilización de este tipo de animaciones ha pasado como decíamos a una posición secundaria, que es en animaciones en las cabeceras de las webs, en los banners o para ilustrar noticias. Como un ingrediente más del diseño, pero no como plato único.
  • 13.
    • 3.6. AJAX •Asociación Nacional de Empresas de Internet, ANEI 53 • Al mismo tiempo, Flash si se ha convertido en el gran protagonista de otro campo del diseño web: los vídeos en línea. Las principales plataformas de vídeo, como Youtube, Metacafe o Dailymotion, utilizan los vídeos codificados en Flash Video, debido a lo poco que pesan los archivos • 3.6. 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.
  • 14.
    • 3.7. Elinternauta 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.
  • 15.
    • 3.8. Interfacespara un internauta 2.0 • 3.8.1. 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”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.