Miércoles de Profundización en                                     e-business                                     Tema : H...
DiseñoCentradoen elUsuario
El usuarioes lo másimportanteTenemosqueasegurarque sea fácil deocuparportodosEl contenidoesfundamento
El desafío del diseño centrado en el usuariotiene que ver con la forma de conjugar lasnecesidades del usuario y las instit...
El tiene3componentefundamentales
El (DCU) tiene3componentefundamentales
¿Quées la usabilidad?
Mediciónquedeterminaqué tanfácil de usares un sitio
¿Quées la AI?
Organizargrandescantidades decontenidosparaque elusuariopuedamanejarlos, navegarporellosfácilmenteysatisfacersusnecesidade...
¿Quées la Accesibilidad?
Cualidad de un sitiovisitadode formasatisfactoriaporel mayor número depersonas, independiente desuscapacidadesfísicas, del...
“El poder de la web está en suuniversalidad.Acceso a la web paratodosindependientede sudiscapacidad”           Tim Berners...
Problema
Imaginen una habitación en completo desorden conmuchos papeles, fotografías, carpetas, papelesapilados a punto de caer, li...
Hay dos opciones:Quesepaexactamentedóndeestá lo quebusca.Que se ponga a ordenar.En el diseño web pasa lo mismo, exceso de ...
Solución
Definiendoobjetivosclarosquedebecumplir el sitioConociendo a los usuarios
METODOLOGÍA, NO ARTE
Los elementos de la experiencia de usuarioJjgarret.net
Paracadaetapaexistendiferentesherramientas
EntrevistasIndagacionesEncuentasResultado:Perfiles de usariosDocumento de necesidadesPersonas
Inventario decontenidosyfuncionalidadesResultado:Todo elcontenidonecesarioquetendré el sitio, aplicación, etc.
Card sortingMapa de contenidosMapas de interacciónResultado:Estructuración de lainformación, organización
WEBSORT
XSORT
OPTIMAL SORT
OMNIGRAFFLE
VISIO
Mapa de contenidos
Mapa de interacción
WireframesPartituras de interacciónResultado:Estructuración de lainformación, organización enla pantalla
OMNIGRAFFLE
GRAFFLETOPIA
AXURE
MOCKFLOW
GOOGLE DOCS
UXPIN
Maquetas, diseño visualResultado:Maquetas, colores, íconografía.
Un sitio webquedesdesuconcepción noestápensado en losusuariosestádestinado al fracaso
Darcy Vergara                                                    darcy.vergara@gmail.com                                  ...
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web
Upcoming SlideShare
Loading in …5
×

Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web

731 views

Published on

Encuentre algunas herramientas de arquitectura de la información (AI) y usabilidad web, webinar dictado por Darcy Vergara

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
731
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Herramientas de arquitectura de la información y usabilidad web - Accesibilidad web

  1. 1. Miércoles de Profundización en e-business Tema : Herramientas de Arquitectura de la información y Usabilidad web Conferencista: Darcy Vergara País: Chile Aula Virtual: http://www.interlat.co/moodle/www.interlat.co – info@interlat.co- http://www.facebook.com/interlat - www.twitter.com/interlat - PBX: 57(1) 658 2959 - Bogotá - Colombia
  2. 2. DiseñoCentradoen elUsuario
  3. 3. El usuarioes lo másimportanteTenemosqueasegurarque sea fácil deocuparportodosEl contenidoesfundamento
  4. 4. El desafío del diseño centrado en el usuariotiene que ver con la forma de conjugar lasnecesidades del usuario y las institucionessin caer en el desorden, afinandoestructuras de contenidos paradeterminados contextos
  5. 5. El tiene3componentefundamentales
  6. 6. El (DCU) tiene3componentefundamentales
  7. 7. ¿Quées la usabilidad?
  8. 8. Mediciónquedeterminaqué tanfácil de usares un sitio
  9. 9. ¿Quées la AI?
  10. 10. Organizargrandescantidades decontenidosparaque elusuariopuedamanejarlos, navegarporellosfácilmenteysatisfacersusnecesidadesde información
  11. 11. ¿Quées la Accesibilidad?
  12. 12. Cualidad de un sitiovisitadode formasatisfactoriaporel mayor número depersonas, independiente desuscapacidadesfísicas, delentornootecnológicas
  13. 13. “El poder de la web está en suuniversalidad.Acceso a la web paratodosindependientede sudiscapacidad” Tim Berners Lee
  14. 14. Problema
  15. 15. Imaginen una habitación en completo desorden conmuchos papeles, fotografías, carpetas, papelesapilados a punto de caer, libros apilados unos sobreotros, sin tapas ni títulos ni autores y quierenencontrar algo ¿cómo lo hacen?
  16. 16. Hay dos opciones:Quesepaexactamentedóndeestá lo quebusca.Que se ponga a ordenar.En el diseño web pasa lo mismo, exceso de contenido, datos,informaciónypresentados de manerasquelas personas no puedenencontrarlo quebuscan.
  17. 17. Solución
  18. 18. Definiendoobjetivosclarosquedebecumplir el sitioConociendo a los usuarios
  19. 19. METODOLOGÍA, NO ARTE
  20. 20. Los elementos de la experiencia de usuarioJjgarret.net
  21. 21. Paracadaetapaexistendiferentesherramientas
  22. 22. EntrevistasIndagacionesEncuentasResultado:Perfiles de usariosDocumento de necesidadesPersonas
  23. 23. Inventario decontenidosyfuncionalidadesResultado:Todo elcontenidonecesarioquetendré el sitio, aplicación, etc.
  24. 24. Card sortingMapa de contenidosMapas de interacciónResultado:Estructuración de lainformación, organización
  25. 25. WEBSORT
  26. 26. XSORT
  27. 27. OPTIMAL SORT
  28. 28. OMNIGRAFFLE
  29. 29. VISIO
  30. 30. Mapa de contenidos
  31. 31. Mapa de interacción
  32. 32. WireframesPartituras de interacciónResultado:Estructuración de lainformación, organización enla pantalla
  33. 33. OMNIGRAFFLE
  34. 34. GRAFFLETOPIA
  35. 35. AXURE
  36. 36. MOCKFLOW
  37. 37. GOOGLE DOCS
  38. 38. UXPIN
  39. 39. Maquetas, diseño visualResultado:Maquetas, colores, íconografía.
  40. 40. Un sitio webquedesdesuconcepción noestápensado en losusuariosestádestinado al fracaso
  41. 41. Darcy Vergara darcy.vergara@gmail.com @darcyvergara www.darcyvergara.com Gracias! Aula Virtual: http://www.interlat.co/moodle/www.interlat.co – info@interlat.co- http://www.facebook.com/interlat - www.twitter.com/interlat - PBX: 57(1) 658 2959 - Bogotá - Colombia

×