República Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa Universidad Nacional Experimental Politécnica de la Fuerza Armada UNEFA – Chuao 9 º Término de Ingeniería de Sistemas Sección “A” – Aula: 1011 Procesamiento de Datos II       Profesor: Integrantes: Jorge Servin    Boyer Juan.   Mamani Abraham   Morales Yitza.   Querales Nimzay.   Olivares Robert Caracas, 18-11-09
¿Qué es la usabilidad web? Los usuarios; hay que conocer y entender sus objetivos para poder desarrollar productos que satisfagan sus necesidades, que sean fáciles de aprender y de utilizar. Son los usuarios los que determinan cuándo un producto es fácil de usar. La usabilidad web debe hacer que el usuario se encuentre cómodo y seguro en el sitio y evitar que en algún momento el usuario se sienta: Perdido e incapaz de encontrar los contenidos buscados,  Defraudado por no poder completar una tarea o por perder demasiado tiempo con ella. Abraham  Mamani
Abraham  Mamani Jakob Nielsen, nació en 1957  en Dinamarca, es considerado el padre de la Usabilidad, la definió como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligentemente posible. No sólo la tecnología y el aspecto gráfico son factores determinantes para hacer un sitio web llamativo. Es importante que cumpla con las siguientes características: Entendible Novedoso Comprensible Inteligente Atractivo. Es decir la finalidad, en este caso de un sitio web, es lograr que el usuario encuentre lo que busca en el menor tiempo posible. Opiniones de Jakob Nielsen
¿Por que están importante tener en cuenta la usabilidad en una pagina web? Abraham  Mamani Debemos entender que en Internet el usuario es el que manda y que sin usuarios el sitio web no tendría sentido.  Además, al proporcionar usabilidad web estamos realizando una mejora global de la calidad del sitio y por ello obtenemos más ventajas competitivas: Mejorar la imagen de la empresa.  Fidelizar a los usuarios.  Facilitar los procesos de venta.  Incrementar la actitud positiva hacia el producto.  Reducir costes de atención al cliente.
10 pesadillas de la Usabilidad que deberías evitar “Porque los sitios que ganan premios son tan horrorosos”   Ferry McGovern  En la mayoría de los diseños profesionales (excepto en diseños especiales para mostrar cosas como por ejemplo portafolios) necesitas ofrecer a tus visitantes: Navegación clara y sencilla, que hable por si misma de como usarla. Texto de presentación preciso y directo. Búsquedas. Estructura visible de la página. Nimzay Querales
Nimzay Querales  1.- Formularios de login ocultos As Lee  “alguien que haya perdido el tiempo registrándose en tu pagina puede permitirse más de 2 segundos encontrando como logearse” . Vale, ¿pero porque debería hacerlo? ¿Porque el enlace no está en un sitio visible? Suena bastante razonable.
Nimzay Querales  2.- Pop-ups para presentación de contenido El pop-ups son ventanas emergentes que salen durante la navegación, normalmente contienen publicidad .
Nimzay Querales  3.- Arrastrar en lugar de navegación vertical.
Nimzay Querales  4.- Enlaces invisibles (Originalmente creada por Trenton Moss),  ¿Puedes ver los enlaces? 1,3,4,6,7 y el 11 son enlaces, y 2, 5, 8, 9 y 10 no lo son.
Nimzay Querales  5.- Ruido o sobrecarga visual
Nimzay Querales  6.- Zonas sin salida
Nimzay Querales  7.- Bloques de contenido unos encima de otros.
Yitza Morales 8.- Navegación dinámica
Yitza Morales 9.- Menus desplegables
Yitza Morales 10.- Imágenes animadas
Yitza Morales 20 consejos de usabilidad esenciales  para proyectos web Navegaci ó n visible todo el tiempo
Yitza Morales Navegación invisible
Yitza Morales Intros en Flash
Yitza Morales No interrumpas el flujo de trabajo del usuario
Yitza Morales Crea links semánticamente descriptivos
Robert Olivares Toques profesionales Implementar ciertos arreglos de usabilidad, simples en su concepción, pueden mejorar mucho la calidad de tu trabajo final y el profesionalismo  que reflejas.   Uso de prototipos
Robert Olivares Esconde lo que el usuario no necesita saber   Usa  lo que creas Es increíble la cantidad de gente que crea cosas para otros y jamás las usa
Robert Olivares Escucha tus estadísticas Google Analytics  es un software genial. Te permite, usando  pageTracker._setVar , colocar variables de tu creación en las estadísticas. Así puedes ver cosas como las temáticas más visitadas.
Robert Olivares Crea formularios decentes Aunque tu cliente lo crea, tu no necesitas el cumpleaños de tus usuarios. Hay una gran cantidad de datos que realmente no necesitas al registrar un usuario.  Autocompletado en los campos de texto
Robert Olivares En jQuery   Código : $(&quot;#autocomplete&quot;).autocomplete({       data: [&quot;aero&quot;, &quot;airplane&quot;, &quot;book&quot;, &quot;movie&quot;, &quot;music&quot;, &quot;sports&quot;, &quot;skating&quot;, &quot;swim&quot;]   });   Y en HTML: Código : <input id=&quot;autocomplete&quot; type=&quot;text&quot; />   Motores de recomendación
Asesina todos los clicks que puedas La web de las  descargas de Apple  tiene un componente Acordion con las  descargas por categorías, al cual no necesitas dar click para cambiar de panel. Amazon tiene implementada la peligrosa función &quot; Compra con un click &quot; para  eliminar todos los pasos innecesarios y dolorosos del e-comerce. A más clicks hagas desaparecer, mejor será la experiencia y fidelidad de tus usuarios.   Robert Olivares
¿  Que es AJAX  ?
Como ha sido utilizada esta tecnología Algunos programas que utilizan esta tecnología
Haz Experimentos de Usabilidad HALO 3 HAZ PRUEBAS  SON GRATIS DATE CUENTA CUAL TE GENERA MÁS VISITAS
IMAGINA INTERFACES NUEVAS ALREDEDOR DEL CONTENIDO EXISTENTE
CONVERSACIONES ANIDADAS El hecho de crear una nueva interfaz para el correo electrónico cambió sin duda la forma  en la que usamos nuestro email. No crearon una nueva interfaz, no insertaron multitouch o una ruedita al correo. Simplemente lo organizaron en un hilo como un foro.
Principios básicos en los que se basa la usabilidad Facilidad con la que nuevos usuarios desarrollan una iteración efectiva con el sistema o producto Esta relacionada con la sintetización, familiaridad Generalización de los conocimientos previos  y la consistencia FACILIDAD DE APRENDIZAJE
Principios básicos en los que se basa la usabilidad Abarca la posibilidad de diálogo, similitud con tareas anteriores FLEXIBILIDAD Optimización entre el usuario y el sistema Relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información
Principios básicos en los que se basa la usabilidad Capacidad de observación del Usuario ROBUSTEZ Recuperación de información y de ajuste de la tarea al usuario E s el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos
REGLAS DE USABILIDAD DE LA WEB Rápido Simple Investigable Para la Mayoría de las Personas Manténgalo Actualizado
BENEFICIOS DE LA USABILIDAD DE LA WEB Entre los principales beneficios se encuentran:  - Reducción de los costes de aprendizaje. - Disminución de los costes de asistencia y ayuda al usuario. - Optimización de los costes de diseño, rediseño y  mantenimiento. - Aumento de la tasa de conversión de visitantes a clientes de un sitio web. - Mejora la imagen y el prestigio. - Mejora la calidad de vida de los usuarios, ya que reduce su  estrés, incrementa la satisfacción y la productividad.

Usabilidad Web

  • 1.
    República Bolivariana deVenezuela Ministerio del Poder Popular para la Defensa Universidad Nacional Experimental Politécnica de la Fuerza Armada UNEFA – Chuao 9 º Término de Ingeniería de Sistemas Sección “A” – Aula: 1011 Procesamiento de Datos II       Profesor: Integrantes: Jorge Servin Boyer Juan. Mamani Abraham Morales Yitza. Querales Nimzay. Olivares Robert Caracas, 18-11-09
  • 2.
    ¿Qué es lausabilidad web? Los usuarios; hay que conocer y entender sus objetivos para poder desarrollar productos que satisfagan sus necesidades, que sean fáciles de aprender y de utilizar. Son los usuarios los que determinan cuándo un producto es fácil de usar. La usabilidad web debe hacer que el usuario se encuentre cómodo y seguro en el sitio y evitar que en algún momento el usuario se sienta: Perdido e incapaz de encontrar los contenidos buscados, Defraudado por no poder completar una tarea o por perder demasiado tiempo con ella. Abraham Mamani
  • 3.
    Abraham MamaniJakob Nielsen, nació en 1957 en Dinamarca, es considerado el padre de la Usabilidad, la definió como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Es decir un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligentemente posible. No sólo la tecnología y el aspecto gráfico son factores determinantes para hacer un sitio web llamativo. Es importante que cumpla con las siguientes características: Entendible Novedoso Comprensible Inteligente Atractivo. Es decir la finalidad, en este caso de un sitio web, es lograr que el usuario encuentre lo que busca en el menor tiempo posible. Opiniones de Jakob Nielsen
  • 4.
    ¿Por que estánimportante tener en cuenta la usabilidad en una pagina web? Abraham Mamani Debemos entender que en Internet el usuario es el que manda y que sin usuarios el sitio web no tendría sentido. Además, al proporcionar usabilidad web estamos realizando una mejora global de la calidad del sitio y por ello obtenemos más ventajas competitivas: Mejorar la imagen de la empresa. Fidelizar a los usuarios. Facilitar los procesos de venta. Incrementar la actitud positiva hacia el producto. Reducir costes de atención al cliente.
  • 5.
    10 pesadillas dela Usabilidad que deberías evitar “Porque los sitios que ganan premios son tan horrorosos” Ferry McGovern En la mayoría de los diseños profesionales (excepto en diseños especiales para mostrar cosas como por ejemplo portafolios) necesitas ofrecer a tus visitantes: Navegación clara y sencilla, que hable por si misma de como usarla. Texto de presentación preciso y directo. Búsquedas. Estructura visible de la página. Nimzay Querales
  • 6.
    Nimzay Querales 1.- Formularios de login ocultos As Lee “alguien que haya perdido el tiempo registrándose en tu pagina puede permitirse más de 2 segundos encontrando como logearse” . Vale, ¿pero porque debería hacerlo? ¿Porque el enlace no está en un sitio visible? Suena bastante razonable.
  • 7.
    Nimzay Querales 2.- Pop-ups para presentación de contenido El pop-ups son ventanas emergentes que salen durante la navegación, normalmente contienen publicidad .
  • 8.
    Nimzay Querales 3.- Arrastrar en lugar de navegación vertical.
  • 9.
    Nimzay Querales 4.- Enlaces invisibles (Originalmente creada por Trenton Moss), ¿Puedes ver los enlaces? 1,3,4,6,7 y el 11 son enlaces, y 2, 5, 8, 9 y 10 no lo son.
  • 10.
    Nimzay Querales 5.- Ruido o sobrecarga visual
  • 11.
    Nimzay Querales 6.- Zonas sin salida
  • 12.
    Nimzay Querales 7.- Bloques de contenido unos encima de otros.
  • 13.
    Yitza Morales 8.-Navegación dinámica
  • 14.
    Yitza Morales 9.-Menus desplegables
  • 15.
    Yitza Morales 10.-Imágenes animadas
  • 16.
    Yitza Morales 20consejos de usabilidad esenciales para proyectos web Navegaci ó n visible todo el tiempo
  • 17.
  • 18.
  • 19.
    Yitza Morales Nointerrumpas el flujo de trabajo del usuario
  • 20.
    Yitza Morales Crealinks semánticamente descriptivos
  • 21.
    Robert Olivares Toquesprofesionales Implementar ciertos arreglos de usabilidad, simples en su concepción, pueden mejorar mucho la calidad de tu trabajo final y el profesionalismo que reflejas. Uso de prototipos
  • 22.
    Robert Olivares Escondelo que el usuario no necesita saber Usa lo que creas Es increíble la cantidad de gente que crea cosas para otros y jamás las usa
  • 23.
    Robert Olivares Escuchatus estadísticas Google Analytics es un software genial. Te permite, usando pageTracker._setVar , colocar variables de tu creación en las estadísticas. Así puedes ver cosas como las temáticas más visitadas.
  • 24.
    Robert Olivares Creaformularios decentes Aunque tu cliente lo crea, tu no necesitas el cumpleaños de tus usuarios. Hay una gran cantidad de datos que realmente no necesitas al registrar un usuario. Autocompletado en los campos de texto
  • 25.
    Robert Olivares EnjQuery Código : $(&quot;#autocomplete&quot;).autocomplete({       data: [&quot;aero&quot;, &quot;airplane&quot;, &quot;book&quot;, &quot;movie&quot;, &quot;music&quot;, &quot;sports&quot;, &quot;skating&quot;, &quot;swim&quot;]   }); Y en HTML: Código : <input id=&quot;autocomplete&quot; type=&quot;text&quot; /> Motores de recomendación
  • 26.
    Asesina todos losclicks que puedas La web de las descargas de Apple tiene un componente Acordion con las descargas por categorías, al cual no necesitas dar click para cambiar de panel. Amazon tiene implementada la peligrosa función &quot; Compra con un click &quot; para eliminar todos los pasos innecesarios y dolorosos del e-comerce. A más clicks hagas desaparecer, mejor será la experiencia y fidelidad de tus usuarios. Robert Olivares
  • 27.
    ¿ Quees AJAX ?
  • 28.
    Como ha sidoutilizada esta tecnología Algunos programas que utilizan esta tecnología
  • 29.
    Haz Experimentos deUsabilidad HALO 3 HAZ PRUEBAS SON GRATIS DATE CUENTA CUAL TE GENERA MÁS VISITAS
  • 30.
    IMAGINA INTERFACES NUEVASALREDEDOR DEL CONTENIDO EXISTENTE
  • 31.
    CONVERSACIONES ANIDADAS Elhecho de crear una nueva interfaz para el correo electrónico cambió sin duda la forma en la que usamos nuestro email. No crearon una nueva interfaz, no insertaron multitouch o una ruedita al correo. Simplemente lo organizaron en un hilo como un foro.
  • 32.
    Principios básicos enlos que se basa la usabilidad Facilidad con la que nuevos usuarios desarrollan una iteración efectiva con el sistema o producto Esta relacionada con la sintetización, familiaridad Generalización de los conocimientos previos y la consistencia FACILIDAD DE APRENDIZAJE
  • 33.
    Principios básicos enlos que se basa la usabilidad Abarca la posibilidad de diálogo, similitud con tareas anteriores FLEXIBILIDAD Optimización entre el usuario y el sistema Relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información
  • 34.
    Principios básicos enlos que se basa la usabilidad Capacidad de observación del Usuario ROBUSTEZ Recuperación de información y de ajuste de la tarea al usuario E s el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos
  • 35.
    REGLAS DE USABILIDADDE LA WEB Rápido Simple Investigable Para la Mayoría de las Personas Manténgalo Actualizado
  • 36.
    BENEFICIOS DE LAUSABILIDAD DE LA WEB Entre los principales beneficios se encuentran: - Reducción de los costes de aprendizaje. - Disminución de los costes de asistencia y ayuda al usuario. - Optimización de los costes de diseño, rediseño y mantenimiento. - Aumento de la tasa de conversión de visitantes a clientes de un sitio web. - Mejora la imagen y el prestigio. - Mejora la calidad de vida de los usuarios, ya que reduce su estrés, incrementa la satisfacción y la productividad.