Diseño web
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Diseño web

on

  • 276 views

 

Statistics

Views

Total Views
276
Views on SlideShare
276
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Diseño web Presentation Transcript

  • 1. historia   la Wikipedia, fue la primera web publicada en el año 1991 por Tim Bernés-Lee. El padre de la Word Wide Web elaboró un documento informático. Trece años después, en el año 2004, el descubrimiento de Bernés-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.0
  • 2. DISEÑO Y WEB 2.0 Las paginas 1.0 fuerondibujadas por diseñadoresque provenían del mundode los carteles, prensa sinembargo las 2.0 han sidopensados por creadores esespecializados en diseño dewebs. El usuario adquiereuna nuevo papel delsoporte ya que deja de serun escaneador decontenidos.
  • 3. Estilo 2.0   Es una conjunción de estilos cuya máxima es la sutileza y la combinación de elementos dispares. Grandes masas con volumen, utilizando técnicas de 3D, a la que figuran planas. 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.
  • 4. caracteristicas  1- Uso de colores vibrantes y contrastados: además de por criterios puramente estéticos, la Web 2.0 se caracteriza por el uso colores con mucho contraste que facilitan la jerarquización de la información 2- Badges: se trata de una serie de botones con forma de chapas o placas. 3 Brillos, destellos y reflejos: son las webs que se llenan de objetos con un reflejo de él mismo sobre su base. 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. 5- Degradados: sin duda es una de las técnicas visuales que más han calado entre dos diseñadores de Web 2.0. 6- Líneas diagonales: se emplean especialmente en los fondos de las páginas y en los de los titulares.
  • 5. Diseño general 1 Simplicidad: la Navaja de Occam, se haconvertido en la base del diseño.2 Diseño centrado: mejorando lavisualización de los contenidos en cualquiertipo de resolución de escritorio.3 Menos columnas: el diseño actual tiendehacia dos, en el caso de los blogs, y tres en elcaso de las páginas.4 Separar la navegación: cada área estáclaramente definida para un tipo denavegación o de interacción.5 Navegación simple: el concepto deUsabilidad en sí mismo.
  • 6. 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. Todos los movimientos artísticos se caracterizan porque mucha gente hace lo mismo, hasta que alguien lo rompe y crea algo más innovador. Por esta razón la Web 2.0 está generando un movimiento en contra de estos estándares.
  • 7. Manual de aplicación en entornos corporativos  Este diseñador apuesta por utilizar las tendencias actuales estéticas actuales como base para los nuevos cánones web, creando sites en los que no aparezca ninguno de los clichés. es evidente que los diseños que rompen con el estándar contienen características de las citadas anteriormente, ya que mientras la Web 2.0 continúe siendo vanguardia los internautas seguirán utilizándolo como referencia para saber si les gusta o no una página
  • 8. Navegadores web   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.  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. El dominio que ejerció IE fue tal que el desarrollo web se orientó totalmente a la visualización en este navegador. Nacieron frases como “Optimizado para Internet Explorer”, que venía a significar si no usabas el Explorador de Windows.
  • 9. Los otros navegadores  Hoy en día existen otras aplicaciones que están ganando importancia como son los navegadores para móviles y para PDA, los navegadores de sólo texto….
  • 10. Entornos corporativos   Lo más importante es que cada navegador interpreta a su modo el código HTML, por lo que los desarrolladores web se ven obligados a que sus páginas puedan ser consultadas por distintos medios.  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.
  • 11. 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 durante algún tiempo muchas páginas consistían en un gran archivo de Flash que contenía todos los menús, textos, fotos. Y como cada día es más evidentemente que si no estás en los buscadores, como Google o Yahoo, no existes, no tiene sentido darle toda la responsabilidad a un archivo de Flash.
  • 12. 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 usuario descubrió que los contenidos de las páginas podían actualizarse de una manera más amable, sin tener que soportar la recarga de completa de la página. Se actualizaba solamente lo que el usuario quería. El uso de Ajax ha supuesto una revolución en el concepto de interacción del usuario con la página web
  • 13. El internauta 2.0 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. Atrás queda aquella web 1.0 donde los internautas eran meros espectadores que perdían más tiempo buscando que utilizando los sites y que simplemente leían texto con hipervínculos.
  • 14. características al internauta 2.0  1. Utiliza IE, Firefox, Opera, Safari…  2. Accede desde su PC, PDA, Blackberry, TV, WII…  3. Se conecta por GPRS, ADSL, Cable…  4. Busca la operativa en las páginas  5. Genera información: Blogs, páginas personales…  6. Publica contenido, lo ordena.  - 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
  • 15. Los usuarios saben dónde está cada boton  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. El paso de los años ha hecho que los internautas conozcan una serie de convenciones sobre cómo se diseñan las páginas. se han creado una serie de símbolos universales como puede ser el de RSS.
  • 16. 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.  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.  Aprendizaje, Eficacia, Memorización.
  • 17. Principios de la Usabilidad  1. Anticipación, el sitio web debe anticiparse a las necesidadades del usuario. Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios con problemas de distinción de colores. Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo. Eficiencia del usuario, los sitios web se deben centrar en la productividad del usuario, no en la del propio sitio web
  • 18. Usabilidad frente al diseño  usuario se frustra y se va al no  el sabe manejar la interface y, si mismo tiempo, si algo no es atractivo visualmente para el internauta es difícil que se desarrolle como producto: no se diferenciaría de los demás, parecería anticuado, nadie recordaría la web.  El diseño necesita que la Usabilidad le diga cómo navega el usuario, y la Usabilidad necesita que el diseño le ayude a jerarquizar la información, a organizar contenidos y, en conjunto, a mejorar el producto.
  • 19. 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. Pasos: Entender el contenido de la web. Realizar estudios de card sorting. Elaborar un borrador del árbol de la web. Evaluar la correspondencia entre nuestro árbol y los resultados del card sorting.
  • 20. Estándares  que las webs se puedan  Es decir, son las normas que permiten visionar no sólo en Internet Explorer o Mozilla Firefox, sino también en los navegadores para personas ciegas o dispositivos móviles como PDA o teléfonos móviles, así como para los internautas que utilizan velocidades de transferencia baja.  Derivado de los estándares nació el concepto de accesibilidad, orientado precisamente a integrar en la web a las personas con minusvalías mentales o físicas.