1. Web 2.0 y
el diseño web

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

3. Trece años después, en el año 2004, el
descubrimiento de Berners-Lee se
reinventó, y no porque cambiara de un
día para otro, sino porque, como suele
ocurrir en el mundo de Internet, alguien le
puso un nuevo nombre: Web 2.02.

4. en la web 1.0 los usuarios hacían paginas
web sin base previa .
la Web 2.0 ha supuesto el nacimiento de
Todos los estilos.
Ya que aquí el usuario adquiere un nuevo
papel dentro del soporte. Y el es el que
elige.

5. la Web 2.0 ha supuesto el nacimiento de
los estilos.
Todos sabemos que nos encontramos en
una página actual porque reconocemos
una serie de cánones repetitivos: bordes
redondeados, degradados, un fondo con
diagonales y el logo reflejado.
EJEMPLO:

6.  La Web 2.0 ha supuesto la creación 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.

7.  1- Uso de colores vibrantes y
contrastados Como son estos que
ayudan a facilitar y hacer quedar bien
tu pagina web:
 2- Badges: se trata de una serie de
botones con forma de chapas o placas.
 Consiste en una estrella con bordes
redondeados y que habitualmente se
utilizan para atraer la atención sobre un
precio.

8.  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 diseños.


9.  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.

10.  4- 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.

11.  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

12.  6- Líneas diagonales: se emplean
especialmente en los fondos de las
páginas y en los de los titulares, como
motivos decorativos que se repiten.

13.  7- Desenfoques: se hacen
especialmente patentes en las sombras.
En lugar de ser sombras duras, los
diseñadores utilizan leves desenfoques.

14.  8- Logotipos reflejados: 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.

15.  1. Simplicidad: “en igualdad de
condiciones la solución más sencilla es
probablemente la correcta”6. Este
principio, conocido como el de la
Navaja de Occam, se ha convertido en
la base del diseño.

16.  mientras en la web 1.0 todo el contenido
se alineaba a la izquierda, las páginas
2.0 siempre están centradas, mejorando
la visualización de los contenidos en
cualquier tipo de resolución de
escritorio.

17.  antes la páginas se estructuraban en un
mayor número de columnas, imitando
tal vez el estilo de los periódicos; el
diseño actual tiende hacia dos, en el
caso de los blogs, y tres en el caso de las
páginas con un mayor volumen de
contenido.

18.  aunque siempre fueron distintas la zona
superior y la inferior, ahora se marca más
visualmente. Al mismo tiempo, cada
área está claramente definida para un
tipo de navegación o de interacción y
una serie de contenidos.

19.  el concepto de Usabilidad en sí mismo.
Organizar la página para que el usuario
navegue intuitivamente y sepa para
qué sirve cada elemento y con cuáles
puede interactuar.

20.  tras un período en el que la tendencia
era emplear fuentes pequeñas, como
indicativo de elegancia, se ha pasado a
un modelo en el que se consigue que las
fuentes grandes.

21.  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ágina.

22.  Hablar de futuro es referirse a lo toda la
gente hace y copia hasta que alguien
rompe la cadena y crea algo
innovador.

23.  3.4.1 Navegador
 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.

24.  Hoy en dia existen muchas variedades
de navegadores para moviles y PDA
 Inicialmente te se optó por hacer
versiones específicas para cada tipo de
navegador, pero es un coste inasumible
ante la gran proliferación de
aplicaciones y dispositivos.

25.  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.

26.  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

27.  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.

28.  - Los usuarios son más exigentes. Hasta
la llegada de la Web 2.0 el internauta
accedía a una página, la exploraba,
valoraba si algún contenido le
interesaba y, si no, se iba.

29.  - Los usuarios saben dónde está o
debería estar cada botón. Los menús
están en la parte superior y/o en la
izquierda, y el logo que abre la pantalla
es un enlace a la página de inicio.

30.  - Los usuarios no quieren diseñar.
 Hasta hace poco cuando alguien
diseñaba una página web era porque
abría un programa de retoque
fotográfico.

31.  - Los usuarios quieren participar: la Web
2.0 es a menudo considerada como la
“web colaborativa” ya que su base es
que los usuarios empiezan a opinar, a
juzgar y a decir lo que les gusta y lo que
no.

32.  - Los usuarios quieren crear: este el
objetivo último de la Web 2.0. Un
internauta que crea contenidos y que,
por lo tanto, no se encuentra ante una
página diseñada con mejor o peor
resultado, sino ante una interface.

33.  3.8.2. Principios de la Usabilidad
 1. Anticipación, el sitio web debe
anticiparse a las necesidades del
usuario.
 2. Autonomíalos usuarios deben tener el
control sobre el sitio web. Los usuarios
sienten que controlan un sitio web si
conocen su situación en un entorno
abarcable y no infinito.

34.  3.8.4 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”. Así definieron
Louis Rosenfield y Peter Morville esta
disciplina en su libro

35.  3.9. 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.