![Page 1: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/1.jpg)
3 Dimensiones del Hipermedia Un modelo semiótico de análisis de los
patrones de diseño en línea
Colóquios Doctorales -‐ Semiótica Doctorado Ciencias de la Comunicación
Universidad Católica de Chile
Marcelo Luis B. Santos Septiembre de 2014
![Page 2: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/2.jpg)
Contexto
• Disertación de Magíster Comunicación y Semiótica • Pontificia Unviersidade Católica de São Paulo (PUC-‐SP) • 2003-‐2005 •Orientadora: Giselle Beiguelman • Evaluadores externos:
–Lucia Santaella –Wilton Azevedo
2
![Page 3: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/3.jpg)
Motivación
• Ausencia de modelos satisfactorios para apoyar el análisis y creación de obras hipermedia;
• Predominancia de visión utilitarista de las tecnologías como herramientas de trabajo;
• Visiones segmentadas en diferentes disciplinas sobre cada elemento componente de los sistemas de comunicación mediada por tecnología, particularmente Internet y los sitios web.
3
![Page 4: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/4.jpg)
CONCEPTOS BÁSICOS
![Page 5: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/5.jpg)
Fenomenología
• Phaneroscopía: –Griego: Todo lo que “aparece” –Cualquier cosa “fuera” (cosas, animales, alter) o “dentro” (pensamientos, sueños, ego)
–Peirce: “Abrir los ojos mentales”
5
![Page 6: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/6.jpg)
Phaneron
“Es el conjunto de todo lo que está presente en la mente, cual sea su forma o sentido, independientemente de corresponder o no a la realidad o a una cosa real.” …the collective total of all that is in any way or in any sense present to the mind, quite regardless of whether it corresponds to any real thing or
not (C. S. Peirce – Collected Papers)
6
![Page 7: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/7.jpg)
Consciencia
• “Lago” sin fundo • Capa más superficial es la consciencia reflexiva = tenemos algo de control
• Constante lluvia de perceptos (fenómenos) sobre el “Lago”
• Por asociación (similitud) o relación (contigüidad), “ideas” suben a la superficie
7
![Page 8: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/8.jpg)
Lluvia de “perceptos”
8
![Page 9: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/9.jpg)
Phaneron x Consciencia
9
SE CONFUNDEN
CONSCIENCIA PHANERON
![Page 10: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/10.jpg)
Phaneron x Consciencia
10
PHANERON
CONSCIENCIA
INTERSECCIÓN
![Page 11: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/11.jpg)
Phaneron x Consciencia
11
PHANERON
CONSCIENCIA
MEDIACIÓN
![Page 12: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/12.jpg)
Categorías
• Puro esqueleto del pensamiento • Categorías del pensamiento y naturaleza • 1, 2, 3
12
![Page 13: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/13.jpg)
Estados de la Mente
• Primeridad > Cualidad > “Sentimiento” • Secundidad > Reacción > Sensación • Terceridad > Mediación > Conclusión
13
![Page 14: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/14.jpg)
1.
• Primeridad –Originalidad irresponsable y libre, variación espontánea
–Consciencia inmediata –Casi-‐Signo –Presente –Sentimiento –Si la “tocamos”, deja de ser 1º (pensar, hablar, escribir, articular, describir, comparar)
–Acaso 14
![Page 15: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/15.jpg)
15
![Page 16: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/16.jpg)
16
![Page 17: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/17.jpg)
2.
• Segundidad –Acción/Reacción de los hechos concretos, existentes, reales
–Sorpresa –Experiencia –Sensación = sentimiento + subjetividad –Pasado = Fuerza bruta –Ley
17
![Page 18: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/18.jpg)
18
![Page 19: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/19.jpg)
3.
• Terceridad –Mediación o proceso –Crecimiento continuo –Generalidad –Inteligibilidad –Tendencia o hábito –Dogma, creencia
19
![Page 20: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/20.jpg)
El Girasol es amarillo.
![Page 21: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/21.jpg)
EJEMPLOS
![Page 22: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/22.jpg)
“La pintura abstracta abandona la piel de la naturaleza, pero no sus leyes. Permítame utilizar una palabra ‘grande’: las leyes cósmicas. El arte sólo puede ser grande, si está en relación directa con las leyes cósmicas y se subordina a ellas. Esas leyes uno las percibe inconscientemente, si no se aproxima externamente a la naturaleza, sino internamente. No solo hay que ver la naturaleza, hay que poder vivenciarla”
W. Kandinsky
![Page 23: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/23.jpg)
23
“La pintura tiene vida propia.
Solo trato de dejar que fluya”!
J. Pollock!
![Page 24: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/24.jpg)
24
![Page 25: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/25.jpg)
"Porque está ahí."
¿Por qué subir el Everest?
![Page 26: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/26.jpg)
26
We shall not bring back a single bit of gold or silver, not a gem, nor any coal or iron.[…] It’s no use. So, if you cannot understand that there is something in man which responds to the challenge of this mountain and goes out to meet it, that the struggle is the struggle of life itself upward and forever upward, then you won’t see why we go.
George Mallory, alpinista inglés
![Page 27: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/27.jpg)
27
![Page 28: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/28.jpg)
Conceptos básicos
Hipermedia: um sistema aberto de signos de natureza híbrida, organizado hipertextualmente em meio digital, que permite a interação homem-‐tarefa-‐máquina e seus desdobramentos*, conectado a outros sistemas multimídia através de redes telemáticas de comunicação. !*um sistema aberto de signos de natureza híbrida, organizado hipertextualmente em meio digital, que permite a interação homem-‐tarefa-‐máquina e seus desdobramentos, conectado a outros sistemas multimídia através de redes telemáticas de comunicação.
28
![Page 29: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/29.jpg)
29
Dimensiones Sistémicas
Niveles Semióticos
Usuario Interfaz Información
1. Percepción Atención Plástico Datos
2. Relación Interacción Táctil Aplicación
3. Interpretación Autoría Cinético Conocimiento
![Page 30: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/30.jpg)
30
Dimensiones Sistémicas
Niveles Semióticos
Usuario Interfaz Información
1. Percepción
Atención - Vectorial - Angular - Difuso
Plástico - Tácita - Sensorial - Simbólica
Datos - Descriptivos - Relacionales - Significativos
2. Relación
Interacción - Lineal - Heurística - Lúdica
Táctil - Emulación - Simulación - Codificación
Aplicación - Conexión - Interacción - Elaboración
3. Interpretación
Autoría - Exclusiva - Coordenada - Colaborativa
Cinético - Estática - Dinámica - Evolutiva
Conocimiento - Transmisivo - Relativo - Conclusivo
![Page 31: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/31.jpg)
2ª Dim: Interfaz: Nivel Plástico: Tácito
31
![Page 32: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/32.jpg)
2ª Dim: Interfaz: Nivel Plástico: Sensorial
32
![Page 33: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/33.jpg)
2ª Dim: Interfaz: Nivel Plástico: Simbólico
33
![Page 34: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/34.jpg)
2ª Dim: Interfaz: Nivel Táctil: Emulación
34
![Page 35: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/35.jpg)
2ª Dim: Interfaz: Nivel Táctil: Simulación
35
![Page 36: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/36.jpg)
2ª Dim: Interfaz: Nivel Táctil: Codificación
36
![Page 37: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/37.jpg)
2ª Dim: Interfaz: Nivel Cinético: Estática
37
![Page 38: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/38.jpg)
2ª Dim: Interfaz: Nivel Cinético: Dinámico
38
![Page 39: Coloquio semiotica 3 dimensiones Diseno Hipermedia - Marcelo Santos](https://reader033.vdocuments.pub/reader033/viewer/2022051209/549667f3b479596f4d8b4f20/html5/thumbnails/39.jpg)
2ª Dim: Interfaz: Nivel Cinético: Evolutiva
39