usabilidad web

36
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

Upload: peter-dexter

Post on 26-Jan-2015

631 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Usabilidad Web

República Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa

Universidad Nacional Experimental Politécnica de la Fuerza ArmadaUNEFA – Chuao

9º Término de Ingeniería de SistemasSecció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

Page 2: Usabilidad Web

¿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

Page 3: Usabilidad Web

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

Page 4: Usabilidad Web

Abraham Mamani

¿Por que están importante tener en cuenta la usabilidad en una pagina

web?

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.

Page 5: Usabilidad Web

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

Page 6: Usabilidad Web

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.

Page 7: Usabilidad Web

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.

Page 8: Usabilidad Web

Nimzay Querales

3.- Arrastrar en lugar de navegación vertical.

Page 9: Usabilidad Web

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.

Page 10: Usabilidad Web

Nimzay Querales

5.- Ruido o sobrecarga visual

Page 11: Usabilidad Web

Nimzay Querales

6.- Zonas sin salida

Page 12: Usabilidad Web

Nimzay Querales

7.- Bloques de contenido unos encima de otros.

Page 13: Usabilidad Web

Yitza Morales

8.- Navegación dinámica

Page 14: Usabilidad Web

Yitza Morales

9.- Menus desplegables

Page 15: Usabilidad Web

Yitza Morales

10.- Imágenes animadas

Page 16: Usabilidad Web

Yitza Morales

20 consejos de usabilidad esenciales

para proyectos webNavegación visible todo el tiempo

Page 17: Usabilidad Web

Yitza Morales

Navegación invisible

Page 18: Usabilidad Web

Yitza Morales

Intros en Flash

Page 19: Usabilidad Web

Yitza Morales

No interrumpas el flujo de trabajo del usuario

Page 20: Usabilidad Web

Yitza Morales

Crea links semánticamente descriptivos

Page 21: Usabilidad Web

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

Page 22: Usabilidad Web

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

Page 23: Usabilidad Web

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.

Page 24: Usabilidad Web

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

Page 25: Usabilidad Web

Robert Olivares

En jQuery

Código :$("#autocomplete").autocomplete({      data: ["aero", "airplane", "book", "movie", "music", "sports", "skating", "swim"]  });

Y en HTML:Código :<input id="autocomplete" type="text" />

Motores de recomendación

Page 26: Usabilidad Web

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 "Compra con un click" 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

Page 27: Usabilidad Web

¿ Que es AJAX ?

Page 28: Usabilidad Web

• Como ha sido utilizada esta tecnología

• Algunos programas que utilizan esta tecnología

Page 29: Usabilidad Web

Haz Experimentos de UsabilidadHaz Experimentos de Usabilidad

HALO 3

HAZ PRUEBAS

SON GRATIS

DATE CUENTA CUAL TE GENERA

MÁS VISITAS

Page 30: Usabilidad Web

IMAGINA INTERFACES NUEVAS ALREDEDOR DEL CONTENIDO EXISTENTE

Page 31: Usabilidad Web

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.

Page 32: Usabilidad Web

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

Page 33: Usabilidad Web

Principios básicos en los que se basa la

usabilidadAbarca 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

Page 34: Usabilidad Web

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

Es el nivel de apoyo al usuario que facilita el cumplimiento de sus

objetivos

Page 35: Usabilidad Web

REGLAS DE USABILIDAD DE LA WEB

Rápido

Simple

Investigable

Para la Mayoría de las Personas

Manténgalo Actualizado

Page 36: Usabilidad Web

BENEFICIOS DE LA USABILIDAD DE LA

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