Wed

150 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
150
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Wed

  1. 1. IDIOMA: Ingles_TIPO: GeneralFACILIDAD DE USO: sencillo
  2. 2.  Una página web personal “Twitter” y que otros usuarios pueden seguir a través de un link o una suscripción.Los mensajes o “actualizaciones” se pueden insertar a través de la propia web personal, vía mensajes SMS, mensajes instantáneos de chat y por otras aplicaciones
  3. 3.  COMUNICACIÓN INTERNA :Especialmente los empleados que viajan a menudo, pueden “twittear” desde cualquier lugar a su página personal COMUNICACIÓN EXTERNA: La empresa puede recibir en tiempo real lo que los usuarios piensan de sus productos y servicios. PROMOCION:Es posible utilizar la herramienta para promocionar laempresa.
  4. 4. JAIKU:(http://www.jaiku.com/)Pownce (http://www.pownce.com/)
  5. 5. 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, Trece años después, en el año 2004, el descubrimiento de Berners-Lee se reinventó ofrecía posibilidad de ir a otro texto
  6. 6.  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, Las páginas han evolucionado, pero los usuarios más. Cada día son más exigentes a la hora de elegir el tiempo que pasan en cada site. Gracias a esta demanda el diseño 2.0 se ha visto obligado a incluir como disciplina no sólo la elección de formas y colores, sino también a pensar en el individuo que va a interaccionar. Así nace la Usabilidad, un término que también surgió cuando alguien le puso nombre, en concreto fue Jacob Nielsen.
  7. 7.  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. Aunque existen unas características concretas, que abordaremos a continuación, 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. Grandes masas con volumen, utilizando técnicas de 3D
  8. 8. Uso de colores puramente estéticos, la Web2.0 se cvibrantes y contrastados: además de por criterios aracteriza por el uso colores con mucho contraste
  9. 9. 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, una promoción o “un gran mensaje de Beta” , es decir, indica que se trata de 4 una versión no definitiva de la web.
  10. 10. Brillos, destellos y reflejos: tanto los logotipos como las barras demenú y los distintos elementos de las composiciones cuentan condestellos de luz y pequeñas znas sobreexpuestas, que aportanvolumen a los diseños. Al mismo tiempo, las webs se llenan de objetoscon un reflejo de él mismo sobre su base.4- Bordes redondeados: la llegada de la Web 2.0 ha supuesto el fin delas esquinas, dando paso a un nuevo arquetipo en el que todos losbordes son redondeados. Bien sea a través de los programas dediseño o a través de las hojas de estilo CSS; incluso han surgido unagran cantidad de aplicaciones online que redondean los diseños pornosotros.5- Degradados: sin duda es una de las técnicas visuales que más hancalado entre dos diseñadores de Web 2.0. Más pronunciados o mássutiles, los gradientes de color son empleados desde los fondos de laspáginas hasta los favicones, los pequeños iconos que se muestranjunto a la dirección web en el navegador de Internet.
  11. 11. 6-Líneas diagonales: se emplean especialmente en losfondos de las páginas y en los de los titulares, comomotivos decorativos que se repiten. Estos patronesrayados se componen habitualmente de un color y unatrama de este, es decir, una versión más oscura o másclara de la misma. El contraste siempre es leve para nodificultar la lectura ni centrar la atención sobre elementosdecorativos.7- Desenfoques: se hacen especialmente patentes en lassombras. En lugar de ser sombras duras, los diseñadoresutilizan leves desenfoques.8- Logotipos reflejados: durante un tiempo seconvirtieron prácticamente en un estándar los logotiposreflejados, de forma que según va separándose el dibujodel reflejo va desenfocándose como si se tratara de papelmojado.
  12. 12. Simplicidad: “en igualdad de condiciones la solución más sencilla es probablementela correcta”6. Este principio, conocido como el de la Navaja de Occam, se haconvertido en la base del diseño.Diseño centrado: mientras en la web 1.0 todo el contenido se alineaba a laizquierda, las páginas 2.0 siempre están centradas, mejorando la visualización de loscontenidos en cualquier tipo de resolución de escritorio.3. Menos columnas: antes la páginas se estructuraban en un mayor número decolumnas, imitando tal vez el estilo de los periódicos; el diseño actual tiende haciados, en el caso de los blogs, y tres en el caso de las páginas con un mayor volumende contenido Separar la navegación: aunque siempre fueron distintas la zonasuperior y la inferior, ahora se marca más visualmente. Al mismo tiempo, cada áreaestá claramente definida para un tipo de navegación o de interacción y una serie decontenidos.
  13. 13.  4.Separar la navegación: 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. 5. Navegación simple: 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. 6. Tipografías más grandes: 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 también sean visualmente atractivas. Los sites pueden ser bonitos y a la vez respetar los principios de la usabilidad. 7. 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ágina Iconos atractivos 8 :Iconos atractivos: han dejado de ser un elemento auxiliar del diseño para convertirse en un componente prioritario. En general, se puede decir que la principal característica del diseño 2.0 es la sutilidad
  14. 14.  Páginas Web en FlashEste tipo de página web son construidas usando el softwarede Adobe llamado Flash. Este software permite realizaranimaciones. Este tipo de página suelen ser muy vistosas yestan cargadas de efectos, movimientos, sonidos y demás.Para su construcción es necesario conocer a profundidad estesoftware de animación.El resultado de la construcción de este tipo de páginas sonuna serie de archivos en extensión swf que se suben a unservidor de Hosting. Para poder ser visualizados se necesitaque la PC del visitante tenga instalado un programa anexo alnavegador o plug-in. Cabe señalar que el 90% de las pcs delmundo tienen este plugin instalado.
  15. 15. Son páginas estáticas construidas en el lenguaje demarcado HTML. Para construirlas se necesita saber estelenguaje que es bastante sencillo. Se puede usar softwarepara edición web o simplemente un editor de textocualquier, inclusive el bloc de notas.Este tipo de página tienen las desventajas de las páginasestáticas y son poco recomendables.Pueden ser hechas con muy pocos conocimientos, solo esnecesario saber un poco de diseño web para poderrealizarlas.
  16. 16.  Son páginas dinámicas y estan desarrolladas en algún lenguaje de programación de servidor como: PHP, ASP, ColdFusion, Ruby, etc. Usan además una base de datos para almacenar los contenidos de la página en sí. Para su desarrollo se requiere el uso de estos lenguajes y una serie de conocimientos anexos. Pueden realizar todo tipo de funcionalidades y son ideales como herramientas de ventas y de interacción con los clientes Si estan construídas de manera idónea por un profesional de conozca a profundidad las herramientas y la forma en que funciona el Internet pueden convertirse en un elemento fundamental de su empresa.
  17. 17.  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.
  18. 18. Evolución tecnológica y su uso
  19. 19.  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. 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.
  20. 20. 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
  21. 21. 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,
  22. 22.  El uso de Ajax ha supuesto una revolución en el concepto de interacción del usuario con la página web. Ya podemos mover las ventanas a nuestro gusto y ponerlas en donde nos apetezca, eliminarlas de la vista o añadir nuevas ventanas con nuestras RSS favoritas en servicios como Netvives o goolge
  23. 23. . 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
  24. 24.  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. 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, de diseño vectorial o de programación. Eso ya no es así. Cuando hoy en día alguien quiere, por ejemplo, hacer su blog, 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. 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. No se trata de hacer una aplicación amable por fuera y dura por dentro, sino que es necesario poner a la vista las entrañas de la web
  25. 25.  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.
  26. 26. - Aprendizaje: ¿es fácil para los usuarios emplear las utilidades básicas de una web la primera vez que se encuentran con ella?- Eficacia: una vez que el diseño ya les es familiar, ¿cuánto tardan en aprender a realizar las tareas?- Memorización: cuándo los usuarios vuelven al diseño después de un período sin utilizarlo, ¿cuánto tardan en reestablecer la habilidad?
  27. 27.  Eduardo Manchón, co-fundador de Panoramio, interpreta y esquematiza los principios de la Usabilidad de Bruce Tognazzini13 y que, a su vez, estaban basados en gran medida en los principios heurísticos de Jacob Nielsen: 1. Anticipación, el sitio web debe anticiparse a las necesidades del usuario. 2. Autonomía, los 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. 3. Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios con problemas de distinción de colores (aprox. un 15% del total). 4. Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo. 5. Eficiencia del usuario, los sitios web se deben centrar en la productividad del usuario, no en la del propio sitio web. Reversibilidad, un sitio web ha de permitir deshacer las acciones realizadas 7. Ley de Fitts indica que el tiempo para alcanzar un objetivo con el ratón esta en función de la distancia y el tamaño del objetivo. A menor distancia y mayor tamaño más facilidad para usar un mecanismo de interacción. 8. Reducción del tiempo de latencia. Hace posible optimizar el tiempo de espera del usuario, permitiendo la realización de otras tareas mientras se completa la previa e informando al usuario del tiempo pendiente para la finalización de la tarea. 9. Aprendizaje, los sitios web deben requerir un mínimo proceso de aprendizaje y deben poder ser utilizados desde el primer momento
  28. 28.  10. El uso adecuado de metáforas facilita el aprendizaje de un sitio web, pero un uso inadecuado de estas puede dificultar enormemente el aprendizaje. 11. La protección del trabajo de los usuarios es prioritario, se debe asegurar que los usuarios nunca pierden su trabajo como consecuencia de un error. 12. Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser suficientemente grande. 13. Seguimiento de las acciones del usuario. Conociendo y almacenando información sobre su comportamiento previo se ha de permitir al usuario realizar operaciones frecuentes de manera más rápida. 14. Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, etc
  29. 29.  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. Consiste en uno o varios documentos en los que se escriben las características que va a tener cada uno de los elementos de la página: titulares, párrafos, columnas, enlaces, etc., de modo que afectan o pueden afectar al conjunto del site
  30. 30.  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. Cuando se daba por muerto el HTML 4.0 surge una nueva revisión del W3C el HTML 5.0 lo que hace que seguramente convivan durante un largo periodo de tiempo ambos. El XHTML es una versión más estricta del código HTML para conseguir reducir las posibilidades de su uso y que la interpretación por los distintos dispositivos sea más simple, y que pequeños dispositivos, con menor capacidad que los ordenadores de mesa tradicionales puedan soportar, como los móviles.
  31. 31. Como conclusión, podemos resumir todo lo expuesto hasta ahora en que el diseño Web 2.0 pronto estará pasado de moda. Cuando las normas de un estilo están tan claras, es porque el siguiente paso será su redefinición. El diseño supone en gran medida romper los cánones, así que debemos estar preparados para la llegada de la próxima tendencia.

×