SlideShare una empresa de Scribd logo
1 de 8
EElleemmeennttooss ppaarraa eell 
ddiisseeññoo HHiippeerrmmeeddiiaa??
DDiisseeññoo HHiippeerrmmeeddiiaa 
Hipermedia se refiere a cualquier objeto o sistema que utiliza 
múltiples medios de expresión (físicos o digitales) para 
presentar o para comunicar determinada información. 
El diseño hipermedia combina los distintos elementos/ 
componentes (lenguajes) de una forma interactiva, creando un 
vínculo participativo con el usuario.
DDiisseeññoo HHiippeerrmmeeddiiaa 
Componentes/elementos del hipermedia 
SSoonniiddoo 
TTeexxttoo 
IImmaaggeenn 
VViiddeeoo 
IInntteerraaccttiivviiddaadd 
AAnniimmaacciióónn
DDiisseeññoo HHiippeerrmmeeddiiaa 
Un diseñador de hipermedios necesita conocer y dominar las 
herramientas técnicas del diseño y las nuevas tendencias. 
La enorme cantidad de información digital que circula en 
internet se elabora con diferentes programas y herramientas 
que convergen con el diseño multimedia.
DDiisseeññoo hhiippeerrmmeeddiiaa 
El diseño hipermedia pretende atraer la atención y el interés de 
los usuarios. 
El diseño hipermedia se aplica ya sea para contenidos 
periodísticos, educativos, comerciales, culturales o de 
entretenimiento. 
Para diseñar un producto hipermedia es esencial saber qué se 
quiere decir o transmitir, como también, a quién se va destinar 
la comunicación.
DDiisseeññoo hhiippeerrmmeeddiiaa 
22.. DDeessccrriippcciióónn//ddeessaarrrroolllloo ddeell ccoonntteenniiddoo yy llaa ffoorrmmaa 
a) Qué voy a comunicar 
b) Cómo voy a comunicar 
33.. DDeessccrriippcciióónn ddee llooss eelleemmeennttooss//ccoommppoonneenntteess hhiippeerrmmeeddiiaa 
rreellaacciióónn aall ccoonntteenniiddoo 
a) Qué voy a utilizar 
b) Para qué voy a utilizar
DDiisseeññoo hhiippeerrmmeeddiiaa 
PPrrooppuueessttaa dd 
ee mmeettooddoollooggííaa ppaarraa eell ddiisseeññoo ddee hhiippeerrmmeeddiiooss 
11.. PPllaanneeaacciióónn 
a) Definición del tema 
b) Temática a abordar 
c) Descripción del soporte y recursos/herramientas 
d) Público objetivo 
e) Objetivo general 
f) Objetivos específicos 
g) Justificación
PPrrooppuueessttaa ddee mmeettooddoollooggííaa ddee ddiisseeññoo hhiippeerrmmeeddiiaa 
h Storyboard 
i Mapa de navegación. 
j Diseño de interfaz o interface 
k Elementos de trabajo, audio, video, texto, internet o intranet. 
l Costos 
m Cronograma de actividades.

Más contenido relacionado

Destacado

Exposición de Tesis - Teoría de Sistemas.
Exposición de Tesis - Teoría de Sistemas.Exposición de Tesis - Teoría de Sistemas.
Exposición de Tesis - Teoría de Sistemas.migue beltran
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web Appuneve
 
16 método de diseño de hipermedia orientado a objetos
16 método de diseño de hipermedia orientado a objetos16 método de diseño de hipermedia orientado a objetos
16 método de diseño de hipermedia orientado a objetosUVM
 
Diseño de arquitectura
Diseño de arquitectura Diseño de arquitectura
Diseño de arquitectura Miguel Sanchez
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblogLore Lorenita
 
MODELO DE DISEÑO WEB
MODELO DE DISEÑO WEBMODELO DE DISEÑO WEB
MODELO DE DISEÑO WEBwilmeraman
 
Principios de Diseño de Componentes Web
Principios de Diseño de Componentes WebPrincipios de Diseño de Componentes Web
Principios de Diseño de Componentes WebJavier Vélez Reyes
 
MODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPPMODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPPPSMIJIN
 
componentes web
componentes webcomponentes web
componentes webmoppy
 
Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio NicoAlvarezJimenez
 

Destacado (17)

Exposición de Tesis - Teoría de Sistemas.
Exposición de Tesis - Teoría de Sistemas.Exposición de Tesis - Teoría de Sistemas.
Exposición de Tesis - Teoría de Sistemas.
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
16 método de diseño de hipermedia orientado a objetos
16 método de diseño de hipermedia orientado a objetos16 método de diseño de hipermedia orientado a objetos
16 método de diseño de hipermedia orientado a objetos
 
Diseño de arquitectura
Diseño de arquitectura Diseño de arquitectura
Diseño de arquitectura
 
oohdm
oohdmoohdm
oohdm
 
10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes10.el diseño en el nivel de componentes
10.el diseño en el nivel de componentes
 
Diseño a Nivel de Componentes
Diseño a Nivel de ComponentesDiseño a Nivel de Componentes
Diseño a Nivel de Componentes
 
Pagina web, blog y microblog
Pagina web, blog y microblogPagina web, blog y microblog
Pagina web, blog y microblog
 
Metodologia oohdm
Metodologia oohdmMetodologia oohdm
Metodologia oohdm
 
MODELO DE DISEÑO WEB
MODELO DE DISEÑO WEBMODELO DE DISEÑO WEB
MODELO DE DISEÑO WEB
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Principios de Diseño de Componentes Web
Principios de Diseño de Componentes WebPrincipios de Diseño de Componentes Web
Principios de Diseño de Componentes Web
 
Principios diseño del software
Principios diseño del software Principios diseño del software
Principios diseño del software
 
MODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPPMODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPP
 
El diseño web y sus elementos
El diseño web y sus elementosEl diseño web y sus elementos
El diseño web y sus elementos
 
componentes web
componentes webcomponentes web
componentes web
 
Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio
 

Similar a Diseño Hipermedia: Elementos y Metodología (20)

Conceptos multimediales
Conceptos multimedialesConceptos multimediales
Conceptos multimediales
 
Producción multimedia
Producción multimediaProducción multimedia
Producción multimedia
 
2. diseño de contenidos multimedia
2.  diseño de contenidos multimedia2.  diseño de contenidos multimedia
2. diseño de contenidos multimedia
 
Presen
PresenPresen
Presen
 
Multimedia
MultimediaMultimedia
Multimedia
 
Diapositivas informatica
Diapositivas informaticaDiapositivas informatica
Diapositivas informatica
 
Final 3
Final 3Final 3
Final 3
 
Final 3
Final 3Final 3
Final 3
 
Multimedia -arturo
Multimedia -arturoMultimedia -arturo
Multimedia -arturo
 
Multimedia
MultimediaMultimedia
Multimedia
 
Conceptosmultimediales 110204132152-phpapp01
Conceptosmultimediales 110204132152-phpapp01Conceptosmultimediales 110204132152-phpapp01
Conceptosmultimediales 110204132152-phpapp01
 
Multimedia
MultimediaMultimedia
Multimedia
 
Multimedia
MultimediaMultimedia
Multimedia
 
Multimedia
MultimediaMultimedia
Multimedia
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
Presentacin1 dav
Presentacin1 davPresentacin1 dav
Presentacin1 dav
 
Programacion multimedia
Programacion multimediaProgramacion multimedia
Programacion multimedia
 
Multimedia 1
Multimedia 1Multimedia 1
Multimedia 1
 
Taller multimedia
Taller multimediaTaller multimedia
Taller multimedia
 
Multimedia
MultimediaMultimedia
Multimedia
 

Más de Universidad Veracruzana

Más de Universidad Veracruzana (20)

Proceso y diseño en la gestión de un proyecto educativo.pptx
Proceso y diseño en la gestión de un proyecto educativo.pptxProceso y diseño en la gestión de un proyecto educativo.pptx
Proceso y diseño en la gestión de un proyecto educativo.pptx
 
aguja hipodermica (1).pptx
aguja hipodermica (1).pptxaguja hipodermica (1).pptx
aguja hipodermica (1).pptx
 
Trabajo ejecutivo_ Capacitación-Los usurios.pdf
Trabajo ejecutivo_ Capacitación-Los usurios.pdfTrabajo ejecutivo_ Capacitación-Los usurios.pdf
Trabajo ejecutivo_ Capacitación-Los usurios.pdf
 
Formaliza tu negocio.pptx.pdf
Formaliza tu negocio.pptx.pdfFormaliza tu negocio.pptx.pdf
Formaliza tu negocio.pptx.pdf
 
Metodologia op
Metodologia opMetodologia op
Metodologia op
 
Introducción teoría de la comunicacion
Introducción teoría de  la comunicacionIntroducción teoría de  la comunicacion
Introducción teoría de la comunicacion
 
Globalización en a. l at.
Globalización en a. l at.Globalización en a. l at.
Globalización en a. l at.
 
Ciclo económico
Ciclo económico Ciclo económico
Ciclo económico
 
Integraciòn econòmica
Integraciòn econòmicaIntegraciòn econòmica
Integraciòn econòmica
 
Evoluciòn de polìticas econòmicas
Evoluciòn de polìticas econòmicasEvoluciòn de polìticas econòmicas
Evoluciòn de polìticas econòmicas
 
Crecimiento y desarrollo económico
Crecimiento y desarrollo económicoCrecimiento y desarrollo económico
Crecimiento y desarrollo económico
 
Balanza de pagos
Balanza de pagosBalanza de pagos
Balanza de pagos
 
Pintura, pandemia vivienando exp
Pintura, pandemia vivienando expPintura, pandemia vivienando exp
Pintura, pandemia vivienando exp
 
Capacitación wh
Capacitación whCapacitación wh
Capacitación wh
 
Ciencias de la salud
Ciencias de la saludCiencias de la salud
Ciencias de la salud
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Hipotesis
HipotesisHipotesis
Hipotesis
 
Metodologia
MetodologiaMetodologia
Metodologia
 
Metodologia
MetodologiaMetodologia
Metodologia
 
Metodologia1
Metodologia1 Metodologia1
Metodologia1
 

Diseño Hipermedia: Elementos y Metodología

  • 1. EElleemmeennttooss ppaarraa eell ddiisseeññoo HHiippeerrmmeeddiiaa??
  • 2. DDiisseeññoo HHiippeerrmmeeddiiaa Hipermedia se refiere a cualquier objeto o sistema que utiliza múltiples medios de expresión (físicos o digitales) para presentar o para comunicar determinada información. El diseño hipermedia combina los distintos elementos/ componentes (lenguajes) de una forma interactiva, creando un vínculo participativo con el usuario.
  • 3. DDiisseeññoo HHiippeerrmmeeddiiaa Componentes/elementos del hipermedia SSoonniiddoo TTeexxttoo IImmaaggeenn VViiddeeoo IInntteerraaccttiivviiddaadd AAnniimmaacciióónn
  • 4. DDiisseeññoo HHiippeerrmmeeddiiaa Un diseñador de hipermedios necesita conocer y dominar las herramientas técnicas del diseño y las nuevas tendencias. La enorme cantidad de información digital que circula en internet se elabora con diferentes programas y herramientas que convergen con el diseño multimedia.
  • 5. DDiisseeññoo hhiippeerrmmeeddiiaa El diseño hipermedia pretende atraer la atención y el interés de los usuarios. El diseño hipermedia se aplica ya sea para contenidos periodísticos, educativos, comerciales, culturales o de entretenimiento. Para diseñar un producto hipermedia es esencial saber qué se quiere decir o transmitir, como también, a quién se va destinar la comunicación.
  • 6. DDiisseeññoo hhiippeerrmmeeddiiaa 22.. DDeessccrriippcciióónn//ddeessaarrrroolllloo ddeell ccoonntteenniiddoo yy llaa ffoorrmmaa a) Qué voy a comunicar b) Cómo voy a comunicar 33.. DDeessccrriippcciióónn ddee llooss eelleemmeennttooss//ccoommppoonneenntteess hhiippeerrmmeeddiiaa rreellaacciióónn aall ccoonntteenniiddoo a) Qué voy a utilizar b) Para qué voy a utilizar
  • 7. DDiisseeññoo hhiippeerrmmeeddiiaa PPrrooppuueessttaa dd ee mmeettooddoollooggííaa ppaarraa eell ddiisseeññoo ddee hhiippeerrmmeeddiiooss 11.. PPllaanneeaacciióónn a) Definición del tema b) Temática a abordar c) Descripción del soporte y recursos/herramientas d) Público objetivo e) Objetivo general f) Objetivos específicos g) Justificación
  • 8. PPrrooppuueessttaa ddee mmeettooddoollooggííaa ddee ddiisseeññoo hhiippeerrmmeeddiiaa h Storyboard i Mapa de navegación. j Diseño de interfaz o interface k Elementos de trabajo, audio, video, texto, internet o intranet. l Costos m Cronograma de actividades.