WWW para editores (y más allá) (2)

8,798 views
9,033 views

Published on

Segunda parte de la presentación que sirvió de base para las sesiones de introducción a la edición en línea de los másteres de edición de la Universitat Autònoma de Barcelona y de Editrain/Universidad de Alcalá (2009)

Hipertexto y software. Arquitectura de información. Diseño de interacción. Diseño de navegación. Diseño de interfaz. Categorización, nomenclatura, estructura. Herramientas de orientación: mapas, índices. Buscador. Modelo conceptual, metáforas.

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

  • Be the first to like this

No Downloads
Views
Total views
8,798
On SlideShare
0
From Embeds
0
Number of Embeds
6,104
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WWW para editores (y más allá) (2)

  1. 1. WWW para editores Xavier Badosa 2009 (2)
  2. 2. Dan Taylor
  3. 3. Hipertexto
  4. 4. Hipertexto Software
  5. 5. Hipertexto Software información Arquitectura de la información
  6. 6. Hipertexto Software información tareas Arquitectura de Diseño de la información interacción
  7. 7. Hipertexto Software información tareas SITIO Arquitectura de Diseño de la información interacción
  8. 8. Hipertexto Software información tareas SITIO Arquitectura de Diseño de la información interacción PÁGINA
  9. 9. Hipertexto Software información tareas SITIO Arquitectura de Diseño de la información interacción PÁGINA Diseño de interfaz
  10. 10. Hipertexto Software información tareas SITIO Arquitectura de Diseño de la información interacción PÁGINA Diseño de Diseño de navegación interfaz
  11. 11. Software tareas Diseño de interacción Diseño de interfaz
  12. 12. The Inmates Are Running the Asylum Why High Tech Products Drive Us Crazy and How to Restore the Sanity Alan Cooper
  13. 13. —1945 1945 —1955 1955 —1965 1965 —1980 1980 —1995 1995 — ? Jakob Nielsen, Usability Engineering
  14. 14. —1945 los propios inventores 1945 —1955 1955 —1965 1965 —1980 1980 —1995 1995 — ? Jakob Nielsen, Usability Engineering
  15. 15. —1945 los propios inventores 1945 —1955 expertos, pioneros 1955 —1965 1965 —1980 1980 —1995 1995 — ? Jakob Nielsen, Usability Engineering
  16. 16. —1945 los propios inventores 1945 —1955 expertos, pioneros 1955 —1965 tecnócratas, profesionales de la computación 1965 —1980 1980 —1995 1995 — ? Jakob Nielsen, Usability Engineering
  17. 17. —1945 los propios inventores 1945 —1955 expertos, pioneros 1955 —1965 tecnócratas, profesionales de la computación grupos especializados 1965 —1980 sin conocimientos de ordenadores 1980 —1995 1995 — ? Jakob Nielsen, Usability Engineering
  18. 18. —1945 los propios inventores 1945 —1955 expertos, pioneros 1955 —1965 tecnócratas, profesionales de la computación grupos especializados 1965 —1980 sin conocimientos de ordenadores 1980 —1995 profesionales empresariales, aficionados 1995 — ? Jakob Nielsen, Usability Engineering
  19. 19. —1945 los propios inventores 1945 —1955 expertos, pioneros 1955 —1965 tecnócratas, profesionales de la computación grupos especializados 1965 —1980 sin conocimientos de ordenadores 1980 —1995 profesionales empresariales, aficionados 1995 — ? todo el mundo Jakob Nielsen, Usability Engineering
  20. 20. datos
  21. 21. lógica datos
  22. 22. interfaz lógica datos
  23. 23. interfaz magia Jesse James Garrett
  24. 24. Orin Optiglot
  25. 25. Hipertexto información Arquitectura de la información Diseño de navegación
  26. 26. Hipertexto categorización información Arquitectura de la información Diseño de navegación
  27. 27. Hipertexto categorización información Arquitectura de la información Diseño de navegación
  28. 28. Hipertexto categorización información Arquitectura de la información Diseño de navegación
  29. 29. Hipertexto Nomenclatura información Arquitectura de la información Diseño de navegación
  30. 30. Hipertexto Nomenclatura información Arquitectura de la información Diseño de navegación
  31. 31. Hipertexto Estructura información Arquitectura de la información Diseño de navegación
  32. 32. Hipertexto Estructura información Arquitectura de la información Diseño de navegación
  33. 33. Hipertexto Estructura información Arquitectura de la información Diseño de navegación
  34. 34. Hipertexto información Arquitectura de la información Diseño de navegación
  35. 35. Hipertexto Herramientas de información orientación Arquitectura de la información Diseño de navegación
  36. 36. Hipertexto Herramientas de información orientación Arquitectura de mapa la información Diseño de navegación
  37. 37. ?
  38. 38. ?
  39. 39. Hipertexto Herramientas de información orientación Arquitectura de mapa la información Diseño de navegación
  40. 40. Hipertexto Herramientas de información orientación Arquitectura de mapa la información índice Diseño de navegación
  41. 41. Software tareas Diseño de interacción Diseño de interfaz
  42. 42. Software tareas buscador Diseño de interacción Diseño de interfaz
  43. 43. Software tareas modelo conceptual Diseño de interacción Diseño de interfaz
  44. 44. Software tareas modelo conceptual Diseño de interacción Diseño de interfaz
  45. 45. 2001
  46. 46. 2001 2002
  47. 47. 2001 2002 2005
  48. 48. Finales 2007
  49. 49. 2002
  50. 50. 2002
  51. 51. ¿Abierto? ¿Cerrado?
  52. 52. ¿Abierto? ¿Cerrado?
  53. 53. ¿Abierto? ¿Cerrado? Barrera: Manky Maxblack
  54. 54. ¡Abierto! Barrera: Manky Maxblack
  55. 55. Software tareas Diseño de interacción Diseño de interfaz
  56. 56. Software tareas Diseño de interacción Diseño de interfaz
  57. 57. Software tareas Diseño de interacción Diseño de interfaz
  58. 58. WWW para editores Fin de la segunda parte

×