Presentación1

608 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
608
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Presentación1

  1. 1. La primera web fue publicada en el año 1991por Tim Berners-Lee. El padre de la WorldWide Web elaboró un documento informáticoque rompía con lo anterior porque conteníahipervínculos, es decir, ofrecía posibilidad deir a otro texto al pulsar sobre una palabra.Trece años después, en el año 2004, eldescubrimiento de Berners-Lee se reinventó,y no porque cambiara de un día para otro,sino porque, como suele ocurrir en el mundode Internet, alguien le puso un nuevonombre: Web 2.0
  2. 2. El usuario adquiere un nuevopapel dentro del soporte, yaque deja de ser un“escaneador” de contenidospara ser el que elige, el queparticipa e incluso el que creaesos contenidos.La Web 2.0 ha supuesto elnacimiento de los estilos.
  3. 3. La Web 2.0 ha supuesto la creación de una serie de clichésde diseño, de elementos comunes, que configuran un estilopropio. Aunque existen unas características concretas, podemos definir el diseño 2.0 como una conjunción de estilos cuya máxima es la sutileza y la combinación de elementos dispares.
  4. 4. Uso de colores vibrantes y contrastados Badges Brillos, destellos y reflejos Bordes redondeados Degradados Líneas diagonales Desenfoques
  5. 5. Logotipos reflejados
  6. 6. Todos los movimientos artísticos secaracterizan porque mucha gente hacelo mismo, hasta que alguien lo rompe ycrea algo más innovador. Por estarazón la Web 2.0 está generando unmovimiento en contra de estosestándares.Apuestan por utilizar las tendenciasactuales estéticas como base para losnuevos cánones web, creando sites enlos que no aparezca ninguno de losclichés.
  7. 7. Navegador Wed:Es un programa que se utiliza paraacceder a la web. Desde el primerexplorador, llamado NCSA Mosaicde principio de los noventa hastahoy.Netscape consiguió ser el navegador de referencia desde el1994 hasta que, en el año 1997, Microsoft introdujo elInternet Explorer en el Sistema Operativo Windows 98.
  8. 8. A pesar de que lasestadísticas actuales nosdicen que IE siguecaminando, las corrientesalternativas vanabriéndose paso. Hoy endía, Mozilla Fire Fox estáhaciendo “pupa” aldominio de IE con cuotasdel 20% en algunos paíseseuropeos.
  9. 9. Otros Navegadores: Existen otras aplicaciones que están ganando importancia como son los navegadores para móviles y para PDA, los navegadores de sólo texto….Lo más importante es que cada navegador interpreta a sumodo el código HTML, por lo que los desarrolladores webse ven obligados a que sus páginas puedan ser consultadaspor distintos medios.
  10. 10. Los archivos elaborados con el programa de animación 2Dpor excelencia en el campo web, Flash, han pasado de ser lasolución definitiva cuando deseamos hacer una webvisualmente 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.
  11. 11. Es el nombre que se le pusoa una serie de técnicas ycombinación de tecnologíasya existentes.El uso de Ajax ha supuesto una revolución en el conceptode interacción del usuario con la página web. Ya podemosmover las ventanas a nuestro gusto y ponerlas en donde nosapetezca, eliminarlas de la vista o añadir nuevas ventanascon nuestras RSS favoritas en servicios como Netvives oIgoogle.
  12. 12. 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.Atrás queda aquella web 1.0 donde los internautas eranmeros espectadores que perdían más tiempo buscando queutilizando los sites y que simplemente leían texto conhipervínculos.
  13. 13. Los usuarios son más exigentesLos usuarios saben dónde está o debería estar cada botónLos usuarios no quieren diseñarLos usuarios quieren participar Los usuarios quieren crear
  14. 14. Usabilidad:El considerado gran gurú de laUsabilidad, Jacob Nielsen, ladefinió así en el año 2003: “Elatributo de calidad que midelo fáciles que son de usar lasinterfaces Web” El considerado gran gurú de la Usabilidad, Jacob Nielsen, la Aprendizaje definió así en el año Eficacia 2003: “El atributo de calidad que Memorización mide lo fáciles que son de usar las interfaces Web”
  15. 15. Principios de la Usabilidad  Anticipación  Autonomía  Los colores han de utilizarse con precaución  Consistencia Eficiencia del usuario Reversibilidad - Aprendizaje - El uso adecuado de metáforas Ley de Fitts - Legibilidad Reducción del tiempo - Interfaz visible de latencia
  16. 16. Usabilidad frente al diseño:se desarrolla con la parteizquierda del cerebro yrepresenta la razón y la acciónlógica; por lo tanto se El diseño necesita que lacorresponde con Marte. Por Usabilidad le diga cómosu parte, el Diseño reside en la navega el usuario, y laparte derecha del cerebro y se Usabilidad necesita que elidentifica con lo emocional y diseño le ayude a organizar,la acción intuitiva, así que se y en conjunto, a mejorar elcorresponde con Venus. producto.
  17. 17. Arquitectura de la información:  Entender el contenido de la web  Realizar estudios de card sorting  Elaborar un borrador del árbol de la web Evaluar la correspondencia -Crear el mapa del sitio entre nuestro árbol y los -Definir las funcionalidades resultados del card sorting. de la página.
  18. 18. Son las normas que permiten que laswebs se puedan visionar no sólo enInternet Explorer o Mozilla Firefox,sino también en los navegadores parapersonas ciegas o dispositivos móvilescomo PDA o teléfonos móviles, asícomo para los internautas queutilizan velocidades de transferenciabaja.Derivado de los estándares nació el concepto de accesibilidad,orientado precisamente a integrar en la web a las personascon minusvalías mentales o físicas.
  19. 19. 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.-Es más sencillo realizar cambios globales.-El estilo del site se mantiene en toda su extensión.-El site es más accesible.-Rápida descarga
  20. 20. -Separación del diseño y la programación.-Está optimizado para buscadores.-El usuario puede usar sus propias normas de estilo.-Una mayor libertad en la maquetación.
  21. 21. XHTML:Es el lenguaje de marcado pensadopara sustituir al HTML, pero aún lequeda camino por recorrer. Cuando sedaba por muerto el HTML 4.0 surgeuna nueva revisión del W3C el HTML5.0 lo que hace que seguramenteconvivan durante un largo periodo detiempo ambos.Es una versión más estricta del código HTML para conseguirreducir las posibilidades de su uso y que la interpretación porlos distintos dispositivos sea más simple
  22. 22. Principales ventajas: La compatibilidad con navegadores antiguos La independencia del diseño. Pudiendo adoptar presentaciones distintas según el dispositivo. Facilidad de edición del código y su mantenimiento Mejoras de rendimiento.
  23. 23. Podemos resumir todo loexpuesto hasta ahora en que eldiseño Web 2.0 pronto estarápasado de moda. Cuando lasnormas de un estilo están tanclaras, es porque el siguientepaso será su redefinición. Eldiseño supone en gran medidaromper los cánones, así quedebemos estar preparados parala llegada de la próximatendencia.

×