Introducción a la usabilidad; análisis del sitio del Instituto Smithsonian de Investigaciones Tropicales, explicación de las funciones de una interfaz gráfica, como el detalle de los diferentes elementos de navegación.

1. Usabilidad
Harold Maduro
http://www.flickr.com/photos/ellasdad/425813314/

2. ¿Usabilidad?
Jackob Nielsen definió Usabilidad como
el atributo de calidad que mide lo
fáciles que son de usar las interfaces
Web.
wikipedia.org

3. http://havenworks.com

4. Tus usuarios no son tontos.
¿Por qué tu sitio los hace sentir de esa manera?
http://jjg.net

5. Haz el sitio para satisfacer al público objetivo,
no a la junta directiva

6. El sitio debe ser fácil de usar para todos,
no sólo para los usuarios más avanzados del
Internet.

7. La información debe ser fácil de encontrar.

8. El sitio debe verse bien en la mayor variedad
de computadoras* posibles, no sólo en la tuya.
(*) navegadores, resoluciones distintas de pantallas y sistemas
operativos

9. El contenido (texto) debe estar bien
organizado y legible.

10. Reduce el texto de contenido en un 50%.
Luego, redúcelo nuevamente.

11. No utilices animaciones innecesarias,
demasiado movimiento desconcentra al usuario
de lo que realmente esta buscando.

12. Evita usar pop-ups o abrir nuevas ventanas.

13. Si tu sitio va a ser todo en flash, que no rompa la
forma como funciona un sitio corriente, como el
botón de back, por ejemplo.

14. Si vas a usar íconos que representen conceptos o
contenidos, asegúrate que comuniquen
correctamente tu mensaje.

15. ¡Nunca, nunca, nunca, nunca, nunca
incluyas un “splash screen”!

16. Escoge bien los colores: que exista un
buen contraste entre el color de fondo y color
de texto
No uses fondos muy complicados o cargados.

17. http://mamascheesies.com/

18. no seamos los
malos de la película.

19. ¡No hagas al usuario pensar!

20. Diseño centrado en el usuario
En términos generales, el diseño centrado
en el usuario es una filosofía y proceso de
diseño en el que las necesidades, los deseos
y las limitaciones del usuario final de una
interfaz toman una atención y relevancia
considerable en cada nivel del proceso de
diseño.

21. diseño centrado en el
usuario = UX
http://www.alexrossart.com/

23. casos de éxito
http://www.alexrossart.com/

24. stri.org

25. ten en cuenta a tu audiencia

26. stri.org

28. interfaz
La interfaz permite al usuario
navegar y usar el sitio web o
medio digital para realizar
una tarea o consumir
contenido.

29. interfaz
La interfaz debe responder algunas preguntas:
¿Dónde estoy?

30. dónde estoy: imagen de marca

31. patrones de recorrido del ojo en forma de F

32. dónde estoy: los colores también comunican la marca

33. dónde estoy: la fotografía también comunica la marca

34. dónde estoy: la fotografía también comunica la marca

35. dónde estoy: la fotografía también comunica la marca

36. dónde estoy: la fotografía también comunica la marca

37. interfaz
La interfaz debe responder algunas preguntas:
¿Hacia dónde puedo ir?

38. hacia dónde puedo ir: navegación y búsqueda

39. hacia dónde puedo ir: más contenido

40. hacia dónde puedo ir: banners

41. hacia dónde puedo ir: búsquedas especializadas

42. hacia dónde puedo ir: enlaces a herramientas

43. hacia dónde puedo ir: navegación por audiencia

44. hacia dónde puedo ir: pie de página o footer

45. elementos de navegación: las páginas 404

46. elementos de navegación: las páginas 404

47. elementos de navegación: navegación local

48. elementos de navegación: navegación local

49. elementos de navegación: navegación local

50. navegación: también te dice dónde estás

51. 1
2
3
4
navegación: también te dice dónde estás

52. elementos de navegación: rutas navegadas

53. elementos de navegación: mapa del sitio

54. elementos de navegación: el logo (te lleva al home)

55. elementos de navegación: búsqueda

56. interfaz
La interfaz debe responder algunas preguntas:
¿Qué hay aquí?

57. contenido

58. enlaces a más contenidos
fotos / banners
búsqueda
especializada
noticias
contenido

59. contenido

60. banners
(promociones,
eventos)
noticias
fechas de
eventos
contenido

61. contenido

62. mapas
contenido

63. ¡el contenido es el rey!

64. ahora te toca a tí.
http://www.alexrossart.com/

65. mtsobek.com

66. tropicstar.com

67. puntacaracol.com.pa

68. Usabilidad es tener un
avanzado sentido común

69. como Batman.
http://www.alexrossart.com/

70. gracias.
harold maduro
harold@epiphycorp.com
tel. (507) 6674.1605