El documento describe diferentes herramientas para representar gráficamente procesos y estructuras de información como diagramas de flujo y storylines. Los diagramas de flujo muestran el proceso de un programa o proyecto mediante símbolos estándar y flechas. Los storylines se usan para mostrar la estructura de navegación de sitios web u otros entornos multimedia, centrándose en la secuencia de la información. También describe diferentes tipos de estructuras de información como lineal, jerárquica, simétrica y en telaraña.

1. Disseny interactiu V: diagrames, storylines Mariona Grané. Laboratori de Mitjans Interactius. Universitat de Barcelona EMAF CAV UB

2. Diagrama de flujo … o Storyline Los diagramas de flujo son una herramienta esencial para representar graficamente un algoritmo . Utiliza s ímbolos estándar para indicar acciones diferentes y los símbolos se unen mediante flechas que indican la secuencia de la acción. Nota: cada año algunos se empeñan en hacer un diagrama de flujo de su web.

3. Diagrama de flujo … o Storyline Se utilizan para mostrar el proceso de un programa inform ático atendiendo a la programación

4. Diagrama de flujo … o Storyline Se utilizan para mostrar el proceso de desarrollo de una acci ón o proyecto

5. Diagrama de flujo … o Storyline En cambio … el Storyline se utiliza para mostrar la estructura de la información y los sistemas de navegación de entornos web o entornos mm. Se considera una parte de un gui ón multimedia y se centra en atender a la estructura de navegación.

6. Estructura del entorno lineal La linealidad … un libro seria lineal se basa en la secuenciación ordenada de contenidos

7. Estructura del entorno jerárquica La opción más habitual en webs 1.0 Un espacio principal nos lleva a otros en un nivel diferente, y estos a otros y así sucesivamente

8. Estructura del entorno simétrica Con la misma idea jerarquica, pero manteniendo la simetria en cada apartado y subapartado

9. Estructura del entorno telaraña Basada en la idea hipertextual, donde los diferentes apartados se relacionan todos entre si

10. El projecte de zurich

11. Estructura del entorno

12. Estructura del entorno

13. Estructura del entorno

14. Estructura del entorno

15. Estructura del entorno

16. Estructura del entorno

17. Estructura del entorno

18. Estructura del entorno

19. Estructura del entorno

20. Estructura del entorno

21. Estructura del entorno

22. Estructura del entorno

23. Estructura del entorno

24. Estructura del entorno

25. Estructura del entorno

26. Estructura del entorno

27. Estructura del entorno

28. Estructura del entorno

29. Estructura del entorno

30. Estructura del entorno

31. Estructura del entorno

32. Estructura del entorno

33. Estructura del entorno

34. Estructura del entorno

35. Estructura del entorno

36. Estructura del entorno

37. Estructura del entorno

38. un storyline Debe estar bien estructurado, las flechas deben mostrar los sentidos de la navegación, debe usarse para marcar cada una de las pantallas que existen en nuestro entorno,todos los niveles,todas las relaciones. Estructura del entorno

40. implica > diseño comunicativo

42. implica > diseño comunicativo