Usabilidad

831 views
735 views

Published on

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.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
831
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Usabilidad

  1. 1. Usabilidad Harold Maduro http://www.flickr.com/photos/ellasdad/425813314/
  2. 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. 3. http://havenworks.com
  4. 4. Tus usuarios no son tontos. ¿Por qué tu sitio los hace sentir de esa manera? http://jjg.net
  5. 5. Haz el sitio para satisfacer al público objetivo, no a la junta directiva
  6. 6. El sitio debe ser fácil de usar para todos, no sólo para los usuarios más avanzados del Internet.
  7. 7. La información debe ser fácil de encontrar.
  8. 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. 9. El contenido (texto) debe estar bien organizado y legible.
  10. 10. Reduce el texto de contenido en un 50%. Luego, redúcelo nuevamente.
  11. 11. No utilices animaciones innecesarias, demasiado movimiento desconcentra al usuario de lo que realmente esta buscando.
  12. 12. Evita usar pop-ups o abrir nuevas ventanas.
  13. 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. 14. Si vas a usar íconos que representen conceptos o contenidos, asegúrate que comuniquen correctamente tu mensaje.
  15. 15. ¡Nunca, nunca, nunca, nunca, nunca incluyas un “splash screen”!
  16. 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. 17. http://mamascheesies.com/
  18. 18. no seamos los malos de la película.
  19. 19. ¡No hagas al usuario pensar!
  20. 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. 21. diseño centrado en el usuario = UX http://www.alexrossart.com/
  22. 22. casos de éxito http://www.alexrossart.com/
  23. 23. stri.org
  24. 24. ten en cuenta a tu audiencia
  25. 25. stri.org
  26. 26. interfaz La interfaz permite al usuario navegar y usar el sitio web o medio digital para realizar una tarea o consumir contenido.
  27. 27. interfaz La interfaz debe responder algunas preguntas: ¿Dónde estoy?
  28. 28. dónde estoy: imagen de marca
  29. 29. patrones de recorrido del ojo en forma de F
  30. 30. dónde estoy: los colores también comunican la marca
  31. 31. dónde estoy: la fotografía también comunica la marca
  32. 32. dónde estoy: la fotografía también comunica la marca
  33. 33. dónde estoy: la fotografía también comunica la marca
  34. 34. dónde estoy: la fotografía también comunica la marca
  35. 35. interfaz La interfaz debe responder algunas preguntas: ¿Hacia dónde puedo ir?
  36. 36. hacia dónde puedo ir: navegación y búsqueda
  37. 37. hacia dónde puedo ir: más contenido
  38. 38. hacia dónde puedo ir: banners
  39. 39. hacia dónde puedo ir: búsquedas especializadas
  40. 40. hacia dónde puedo ir: enlaces a herramientas
  41. 41. hacia dónde puedo ir: navegación por audiencia
  42. 42. hacia dónde puedo ir: pie de página o footer
  43. 43. elementos de navegación: las páginas 404
  44. 44. elementos de navegación: las páginas 404
  45. 45. elementos de navegación: navegación local
  46. 46. elementos de navegación: navegación local
  47. 47. elementos de navegación: navegación local
  48. 48. navegación: también te dice dónde estás
  49. 49. 1 2 3 4 navegación: también te dice dónde estás
  50. 50. elementos de navegación: rutas navegadas
  51. 51. elementos de navegación: mapa del sitio
  52. 52. elementos de navegación: el logo (te lleva al home)
  53. 53. elementos de navegación: búsqueda
  54. 54. interfaz La interfaz debe responder algunas preguntas: ¿Qué hay aquí?
  55. 55. contenido
  56. 56. enlaces a más contenidos fotos / banners búsqueda especializada noticias contenido
  57. 57. contenido
  58. 58. banners (promociones, eventos) noticias fechas de eventos contenido
  59. 59. contenido
  60. 60. mapas contenido
  61. 61. ¡el contenido es el rey!
  62. 62. ahora te toca a tí. http://www.alexrossart.com/
  63. 63. mtsobek.com
  64. 64. tropicstar.com
  65. 65. puntacaracol.com.pa
  66. 66. Usabilidad es tener un avanzado sentido común
  67. 67. como Batman. http://www.alexrossart.com/
  68. 68. gracias. harold maduro harold@epiphycorp.com tel. (507) 6674.1605

×