Este documento describe conceptos clave sobre navegación y diseño de interfaz. Explica que la navegación es un proceso de planificación y descubrimiento en entornos virtuales mediante el control de dispositivos. Luego detalla diferentes formas de navegar, atributos como interacción y simulación, y tendencias en el diseño como el uso de bases de datos multimedia y representaciones especializadas como ambientes 3D. Finalmente, cubre conceptos como inmersión en ciberespacio y el uso de recursos como color e información jerarquizada para estimular pro

1. Programación III
Docente: Lic. Gustavo Nieva
Navegación y Diseño de Interfaz

2. Qué significa Navegar?
Navegación es un proceso de planificación y
descubrimiento en entornos virtuales, mediante el
control de dispositivos.

3. Una forma de navegar

4. Interfaz de control:
 Composición de la imagen en función de otorgarle al usuario, un
eje central y simulación de control del recorrido.

5. control

6. control

7. Atributos de la navegación
Interacción / simulación.
Interacción: Superficie tangible y observable representada en
imágenes textos, íconos.
Simulación: Espacio virtual con capacidad de abrirse y conducir al
usuario a través del sistema, objetos, personas.

8. Interacción:

9. Interacción:

10. Interacción:

11. Simulación

12. Simulación

13. Simulación

14. Tendencias en el diseño de
Navegación
 1 - Base de datos multimedia. Diseño relacionado a la
administración, procesamiento, recolección de información,

15. otroscines.com

16. 2- Navegación a través de representación especializada.
Diseño relacionado a la estimulación de la imaginación.
Ej. Ambientes interactivos 3d.
video juegos, animaciones digitales, realidad aumentada.
Counter Strike

17. Superficie / Profundidad
Información / inmersión
Acción – Representación

18. Inmersión - Ciberespacio

19. Definición
 Disposición técnica de inmersión que existe por su permeabilidad.
La permeabilidad es la capacidad que tiene un material de
permitirle a un líquido que lo atraviese sin alterar su estructura
interna.
http://es.wikipedia.org/wiki/Permeabilidad
1. Espacio irreal o virtual debido a que al usuario se lo considera no
visitante porque no presenta una porción de continum público.
2. Se dice que un espacio es real cuando no se pone el acento en su
virtualidad

20. Bases de datos
 La interfaz compuesta a partir de modelos de conocimiento
complejo, a partir de figuras orgánicas y geométricas (páginas web,
plataformas de sistemas de datos)
http://www.dynamicdiagrams.com

21. Recursos usados para estimular el proceso cognitivo.
Uso del color
Información jerarquizada
Títulos
Representación tipográgfica

22. Transitividad
 Posibilidad técnica de comparar entre varios patrones de comportamiento
hasta conseguir un modelo que pueda ser aplicado a varios usuarios.
 Sistema Interactivo Dependencia Usuario

23. http://www.last.fm/

24. Jugar!
www2.rasterwerks.com

25. http://www.ikea.com
http://www.ikea.com/ms/es_ES/customer_se

26. Eliza Chatbot

27. Realidad Virtual
 Imágenes estereoscópicas bidimensionales creadas a partir de
fragmentos de la realidad en tres dimensiones, en las cuales se
incluye una parte del cuerpo del sistema: la mano.

28. UNLAR
DPTO DE CIENCIAS EXACTAS
DISEÑO MULTIMEDIA
PROGRAMACIÓN III
Lic. Gustavo Nieva
Bibliografía
Lodoño, Felipe ,“Diseño de navegaciones Hipermediales”, UNC, 2011