Your SlideShare is downloading. ×
Usabilidad
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Usabilidad

637
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 …

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
637
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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/
  • 22. casos de éxito http://www.alexrossart.com/
  • 23. stri.org
  • 24. ten en cuenta a tu audiencia
  • 25. stri.org
  • 26. interfaz La interfaz permite al usuario navegar y usar el sitio web o medio digital para realizar una tarea o consumir contenido.
  • 27. interfaz La interfaz debe responder algunas preguntas: ¿Dónde estoy?
  • 28. dónde estoy: imagen de marca
  • 29. patrones de recorrido del ojo en forma de F
  • 30. dónde estoy: los colores también comunican la marca
  • 31. dónde estoy: la fotografía también comunica la marca
  • 32. dónde estoy: la fotografía también comunica 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. interfaz La interfaz debe responder algunas preguntas: ¿Hacia dónde puedo ir?
  • 36. hacia dónde puedo ir: navegación y búsqueda
  • 37. hacia dónde puedo ir: más contenido
  • 38. hacia dónde puedo ir: banners
  • 39. hacia dónde puedo ir: búsquedas especializadas
  • 40. hacia dónde puedo ir: enlaces a herramientas
  • 41. hacia dónde puedo ir: navegación por audiencia
  • 42. hacia dónde puedo ir: pie de página o footer
  • 43. elementos de navegación: las páginas 404
  • 44. elementos de navegación: las páginas 404
  • 45. elementos de navegación: navegación local
  • 46. elementos de navegación: navegación local
  • 47. elementos de navegación: navegación local
  • 48. navegación: también te dice dónde estás
  • 49. 1 2 3 4 navegación: también te dice dónde estás
  • 50. elementos de navegación: rutas navegadas
  • 51. elementos de navegación: mapa del sitio
  • 52. elementos de navegación: el logo (te lleva al home)
  • 53. elementos de navegación: búsqueda
  • 54. interfaz La interfaz debe responder algunas preguntas: ¿Qué hay aquí?
  • 55. contenido
  • 56. enlaces a más contenidos fotos / banners búsqueda especializada noticias contenido
  • 57. contenido
  • 58. banners (promociones, eventos) noticias fechas de eventos contenido
  • 59. contenido
  • 60. mapas contenido
  • 61. ¡el contenido es el rey!
  • 62. ahora te toca a tí. http://www.alexrossart.com/
  • 63. mtsobek.com
  • 64. tropicstar.com
  • 65. puntacaracol.com.pa
  • 66. Usabilidad es tener un avanzado sentido común
  • 67. como Batman. http://www.alexrossart.com/
  • 68. gracias. harold maduro harold@epiphycorp.com tel. (507) 6674.1605