Download - 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
¿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
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.
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 webNavegació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 :$("#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
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
¿ Que es AJAX ?
• Como ha sido utilizada esta tecnología
• Algunos programas que utilizan esta tecnología
Haz Experimentos de UsabilidadHaz 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
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
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
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
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.