56
HIPERMEDIA

HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

HIPERMEDIA

Page 2: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ES LA TECNOLOGÍA QUE NOS PERMITE ESTRUCTURAR LA INFORMACIÓN DE UNA MANERA NO-SECUENCIAL, A TRAVÉS DE NODOS INTERCONECTADOS POR ENLACES. LA INFORMACIÓN PRESENTADA EN ESTOS NODOS PODRÁ INTEGRAR DIFERENTES MEDIOS. (TEXTO, SONIDO, GRÁFICOS...)

HIPERMEDIA

Page 3: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

HIPERTEXTO +MULTIMEDIA

Page 4: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

HIPERTEXTO +MULTIMEDIA HIPERMEDIA

Page 5: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

EL DISEÑO DE SISTEMAS HIPERMEDIA O HIPERDOCUMENTOS PUEDE SER ABARCADO DESDE UNA DOBLE VERTIENTE:

Page 6: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

DISEÑO DEINFORMACIÓN

Page 7: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

DISEÑO DEINFORMACIÓNDISEÑO DENAVEGACIÓN

Page 8: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

AQUEL QUE AYUDE AL USUARIO A ENCONTRAR LA INFORMACIÓN QUE BUSCA DE LA FORMA MÁS FÁCIL, RÁPIDA Y CÓMODA POSIBLE

DISEÑO DEINFORMACIÓN

Page 9: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 10: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

JE-RARQUI-ZAR!

Page 11: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

AUMENTANDO EL TAMAÑO DE LOS TEXTOS DE MAYOR IMPORTANCIA (TÍTULOS, SUBTÍTULOS...)

Page 12: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

AGRUPANDO LA INFORMACIÓN QUE ESTÉ RELACIONADA.

Page 13: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

UTILIZANDO EFECTOS TIPOGRÁFICOS (NEGRITA, CURSIVA...) PARA ENFATIZAR CONTENIDOS.

Page 14: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

UTILIZANDO EL CONTRASTE EN EL COLOR PARA DISCRIMINAR Y DISTRIBUIR INFORMACIONES.

Page 15: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

POSICIONANDO LA INFORMACIÓN MÁS RELEVANTE EN ZONAS VISUALES SUPERIORES.

Page 16: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ELEMENTOS DE INTERACCIÓN ENTRE EL USUARIO Y EL SISTEMA

DISEÑO DENAVEGACIÓN

Page 17: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

NAVEGAR POR INTERNET

Page 18: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

* UN DOCUMENTO DIGITAL SE PUEDE LEER DE MANERA NO SECUENCIAL O MULTISECUENCIAL.

Page 19: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

LA INTERACCIÓN USUARIO-HIPERMEDIA DEBE PODER REALIZARSE CON LA MENOR CARGA COGNITIVA PARA EL USUARIO, POR LO QUE SE RECOMIENDA:

Page 20: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

EVITAR LA SOBRECARGA MEMORÍSTICA:LA LEY DEL 5(+-)2

Page 21: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

EL USUARIO DEBE PODER PREDECIR LA RESPUESTA DEL SISTEMA ANTE SU ACCIÓN: RÓTULOS DESCRIPTIVOS

Page 22: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

SE DEBE OFRECER ASISTENCIA AL USUARIO EN PROCESOS DE INTERACCIÓN COMPLEJOS (FORMULARIOS, ETC...).

Page 23: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

LOS MENSAJES DE ERROR DEBEN SER EXPLICADOS DE FORMA CLARA Y NO ALARMISTA.

Page 24: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTURADE LA INFORMACIÓN

Page 25: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 26: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 27: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

[IZQUIERDA] UNA ESTRUCTURA SIMPLE DE ÁRBOL[DERECHA] LA MISMA ESTRUCTURA DIAGRAMADA DE FORMA DIFERENTE

JESSE JAMES GARRETT

Page 28: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

[ARRIBA IZQUIERDA] FLECHA INDICA MOVIMIENTO CORRIENTE ABAJO HACIA EL FIN DE LA TAREA[ABAJO IZQUIERDA] BARRA CRUZADA INDICA QUE EL MOVIMIENTO CORRIENTE ARRIBA NO ESTÁ PERMITIDO

[DERECHA] FLECHAS MÚLTIPLES CLARIFICAN LA DIRECCIÓN JESSE JAMES GARRETT

Page 29: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

RICHARD SAUL WURMAN

Page 30: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

“EL ESTUDIO DE LA ORGANIZACIÓN DE LA INFORMACIÓN CON EL OBJETIVO DE PERMITIR AL USUARIO ENCONTRAR SU VÍA DE NAVEGACIÓN HACIA EL CONOCIMIENTO Y LA COMPRENSIÓN DE LA INFORMACIÓN”

Page 31: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

LOUIS ROSENFELD Y PETER MORVILLE

Page 32: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

“EL ARTE Y LA CIENCIA DE ESTRUCTURAR Y CLASIFICAR SITIOS WEB E INTRANETS CON EL FIN DE AYUDAR A LOS USUARIOS A ENCONTRAR Y MANEJAR LA INFORMACIÓN.”

Page 33: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTOSDE LA INFORMACIÓN

Page 34: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTOSDE LA INFORMACIÓN

DOCUMENTACIÓN

Page 35: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTOSDE LA INFORMACIÓN

DOCUMENTACIÓN

PERIODISMO

Page 36: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTOSDE LA INFORMACIÓN

DOCUMENTACIÓN

PERIODISMO

PSICOLOGÍA

Page 37: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTOSDE LA INFORMACIÓN

DOCUMENTACIÓN

PERIODISMO

PSICOLOGÍA

COMPUTACIÓN

Page 38: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ARQUITECTOSDE LA INFORMACIÓN

DOCUMENTACIÓN

PERIODISMO

PSICOLOGÍA

COMPUTACIÓN

DISEÑO

Page 39: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

SISTEMAS DE CLASIFICACIÓN DE INFORMACIÓN

Page 40: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

CLASIFICARLA TAREA DE CLASIFICAR PODEMOS DEFINIRLA COMO LA ACTIVIDAD DE AGRUPAR LOS ELEMENTOS DE INFORMACIÓN DE ACUERDO A ATRIBUTOS O PROPIEDADES COMUNES ENTRE ELLOS

Page 41: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 42: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

AL DISEÑAR UN SISTEMA DE INFORMACIÓN ADOPTAMOS A VECES UNA TENDENCIA A ABARCARLO TODO Y SOLUCIONAR UN GRAN PROBLEMA, EN TODOS SUS DETALLES, DE UNA SOLA VEZ.

Page 43: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 44: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

CUANDO LA REALIDAD ES QUE AL DESARROLLAR UN PROYECTO QUIZÁ DEBAMOS PONER EN MARCHA UNA MAQUINARIA COMPLEJA, QUE ACTUALMENTE NO PUEDE LLEGAR AL MÁXIMO DE SUS POSIBILIDADES E IMPLICACIONES, PERO PARA LAS CUALES DEBEMOS IR TRAZANDO HITOS Y APOYOS.

Page 45: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 46: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

LOS 3 MOMENTOSSEPARAR EN PEQUEÑOS PASOSIDENTIFICAR VÍAS ESPECÍFICASTOMAR CONCIENCIA DE LOS RECURSOS

Page 47: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

PEQUEÑOS PASOSDEFINIR UN SISTEMA DE CLASIFICACIÓN ES ELEGIR EN BASE A QUÉ ATRIBUTOS VAMOS A AGRUPAR LOS CONTENIDOS Y CÓMO VAMOS A ORGANIZAR ESTOS ATRIBUTOS.

Page 48: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

VIAS ESPECIFICASTRANSFORMA LOS DATOS NO ORGANIZADOS NI ESTRUCTURADOS, EN INFORMACIÓN ÚTIL Y UTILIZABLE

Page 49: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

EL RECURSOLAS LEYES DE LA SIMPLICIDAD(JOHN MAEDA)

Page 50: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 51: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

REDUCIREL MODO MÁS FÁCIL DE LOGRAR SIMPLICIDAD ES A TRAVÉS DE UNA REDUCCIÓN ACUCIOSA

Page 52: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 53: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

ORGANIZARLA PREGUNTA MÁS RELEVANTE “¿QUÉ VA CON QUÉ COSA?”

LA ORGANIZACIÓN CONSIGUE HACER VER A UN SISTEMA COMO SI FUESE MENOR A LO QUE ES.

Page 54: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde
Page 55: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde

TIEMPOCUANDO ESTAMOS OBLIGADOS A ESPERAR, LA VIDA PARECE SER INNECESARIAMENTE COMPLEJA.

Page 56: HIPERMEDIA · 2015. 2. 20. · hipermedia. hipertexto + multimedia. hipertexto + multimedia hipermedia. el diseÑo de sistemas hipermedia o hiperdocumentos puede ser abarcado desde