SlideShare una empresa de Scribd logo
Principios de Tecnología de Textos ,[object Object],La información presentada en pantalla debe ser en unidades pequeñas y manejables, recordando que la memoria a corto plazo no supera (según estudios realizados) más de 7+-2 unidades de información. ,[object Object],Toda la información que aparezca en una pantalla debe guardar relación en función de un tópico o tema, lo que sea momentáneo, o sencillamente sea para aclarar esa idea, debe aparecer en otra sección, porque eso distrae al usuario. Colocar “junto” lo que es similar.
Principios de Tecnología de Textos ,[object Object],Las etiquetas representan una estrategia para que el usuario se ubique en qué parte del proceso de formación está, además que le permite comprender y buscar luego la información, sólo haciendo uso de la misma. Ella no es más que una especie de Título que permite presentar el tópico o tema que se está abordando.  ,[object Object],Tal y como la palabra lo expresa, este principio permite que el material desarrollado (en cuanto a contenido y forma de presentación) tenga un hilo conductor. La variedad en la presentación de los elementos, no necesariamente representa creatividad y mejor aprendizaje, más bien puede ser un elemento distractor para el usuario.
Principios de Tecnología de Textos ,[object Object],Hay estudios que han determinado que, sobre todo en la formación de adultos, la utilización de gráficos, dibujos, entre otros permite una mejor comprensión del contenido presentado. En este sentido la utilización de estos elementos debe tener una razón, no deben ser insertados para “rellenar” sino que deben ser complemento del contenido presentado, o el propio contenido abordado de manera que el usuario pueda comprender mejor la información.  ,[object Object],Este principio lo que busca es que la información presentada sea lo suficientemente útil para el usuario, es decir, ser lo más específico de modo que no exista información de “sobra” e irrelevante.
Principios de Tecnología de Textos ,[object Object],Este principio lo que nos señala es que debemos establecer criterios de modo que, la información y los elementos presentados guarden no sólo una relación, sino también un orden que permita que el usuario pueda captar la importancia de la información de manera organizada.
Guiones – Ejemplo 1 Etiqueta Contenido Animación En este apartado debe señalarse la identificación del contenido que se está revisando en pantalla, es decir, representa una estrategia para ubicar al usuario, y que sepa en qué lección, tema o tópico está interactuando. Suele ubicarse en el extremo superior derecho de la diapositiva, pero todo depende del diseñador, tanto gráfico como instruccional. En este apartado se desarrolla el contenido como tal, es decir, aquí el diseñador instruccional debe señalar todo lo que debe aparecer en pantalla en cuanto a contenido solamente. (por ejemplo definiciones, conceptos, características, tablas, gráficos, etc.) En este apartado debe describir la acción de los elementos que están dentro de la diapositiva, es decir, cómo y cuando deben aparecer, en qué lugar de la diapositiva, efectos de los elementos (botones, textos, gráficos, etc.), colores, sonido (si es una música o una voz en off, etc.), qué frase o palabra debe resaltarse, etc.
Guiones – Ejemplo 2 ETIQUETA Desarrollo de Contenido Descripción de la Animación: Puede resaltarse con colores de letras diferentes o con cualquier otro aspecto que permita al diseñador gráfico saber que estos son los efectos que queremos agregar a los elementos dentro de la diapositiva.
Diseño de Interfases gráficas ,[object Object],[object Object],[object Object],[object Object],La Interfaz Gráfica representa el diseño de la pantalla y los elementos que están dentro de ella, en este sentido es un aspecto importante dentro del diseño de un mdc, sin embargo no debe abusarse en su diseño ya que ella es sólo el espacio dentro del cual se va a desarrollar la instrucción, pero no es la instrucción en sí.
Elementos de una  Interfaz gráfica ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estructura de una  Interfaz gráfica Área Natural de Atención Los elementos se distribuyen en estos tres segmentos manteniendo ciertos criterios en cuando a textos, imágenes, navegación, etc.
Estructura de una  Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo superior derecho.
Estructura de una  Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo inferior derecho.
Posición de los objetos  Los elementos se distribuyen siguiendo mas o menos esta distribución. Texto del Título Texto del Título Texto Texto
Referencias  ,[object Object]
EJERCICIO  A Continuación se presenta un contenido (Material para servicios de Internet), organízalo en PwPoint siguiendo las recomendaciones presentadas anteriormente, e intenta elaborar un pequeño guión donde indiques qué efectos quieres que tenga el contenido de tu presentación.

Más contenido relacionado

Similar a Recomendaciones para elaborar MDC's

Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1mbulas
 
Multimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbMultimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbByron Toapanta
 
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdfC1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
SistemadeEstudiosMed
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
Jose Luis Dorao
 
21 Modulos Transmisivos
21 Modulos Transmisivos21 Modulos Transmisivos
21 Modulos Transmisivosdecroly moodle
 
Equipo..1 parte 2
Equipo..1 parte 2Equipo..1 parte 2
Equipo..1 parte 2
Liiz Roses
 
Instructivo de exe lerning
Instructivo de exe lerningInstructivo de exe lerning
Instructivo de exe lerning
NELLYKATTY
 
11.ilse.estrategias unidad2
11.ilse.estrategias unidad211.ilse.estrategias unidad2
11.ilse.estrategias unidad2
k4rol1n4
 
99 disenoproducmedios
99 disenoproducmedios99 disenoproducmedios
99 disenoproducmedios
Luis Lu
 
Entorno de powerpoint
Entorno de powerpointEntorno de powerpoint
Entorno de powerpoint
Irlanda Cortinas
 
Boceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla finalBoceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla finalkipirinai
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVERAntonio Galicia
 
ORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdfORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdf
EstebanJM1
 
Taller 4: Estrategias de Enseñanza.
Taller  4: Estrategias de Enseñanza.Taller  4: Estrategias de Enseñanza.
Taller 4: Estrategias de Enseñanza.nanvillegasvillao
 
Aprendizaje visual
Aprendizaje visualAprendizaje visual
Aprendizaje visual
Jonathan Villagomez
 

Similar a Recomendaciones para elaborar MDC's (20)

Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1
 
Multimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbMultimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webb
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdfC1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
 
Presentaciones visuales
Presentaciones visualesPresentaciones visuales
Presentaciones visuales
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 
21 Modulos Transmisivos
21 Modulos Transmisivos21 Modulos Transmisivos
21 Modulos Transmisivos
 
Equipo..1 parte 2
Equipo..1 parte 2Equipo..1 parte 2
Equipo..1 parte 2
 
12.ilse.estrategias unidad2
12.ilse.estrategias unidad212.ilse.estrategias unidad2
12.ilse.estrategias unidad2
 
Tecnicas de estudio
Tecnicas de estudioTecnicas de estudio
Tecnicas de estudio
 
Apz (2)
Apz (2)Apz (2)
Apz (2)
 
Instructivo de exe lerning
Instructivo de exe lerningInstructivo de exe lerning
Instructivo de exe lerning
 
11.ilse.estrategias unidad2
11.ilse.estrategias unidad211.ilse.estrategias unidad2
11.ilse.estrategias unidad2
 
99 disenoproducmedios
99 disenoproducmedios99 disenoproducmedios
99 disenoproducmedios
 
Entorno de powerpoint
Entorno de powerpointEntorno de powerpoint
Entorno de powerpoint
 
Boceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla finalBoceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla final
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
 
ORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdfORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdf
 
Taller 4: Estrategias de Enseñanza.
Taller  4: Estrategias de Enseñanza.Taller  4: Estrategias de Enseñanza.
Taller 4: Estrategias de Enseñanza.
 
Aprendizaje visual
Aprendizaje visualAprendizaje visual
Aprendizaje visual
 

Último

Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 

Último (20)

Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 

Recomendaciones para elaborar MDC's

  • 1.
  • 2.
  • 3.
  • 4.
  • 5. Guiones – Ejemplo 1 Etiqueta Contenido Animación En este apartado debe señalarse la identificación del contenido que se está revisando en pantalla, es decir, representa una estrategia para ubicar al usuario, y que sepa en qué lección, tema o tópico está interactuando. Suele ubicarse en el extremo superior derecho de la diapositiva, pero todo depende del diseñador, tanto gráfico como instruccional. En este apartado se desarrolla el contenido como tal, es decir, aquí el diseñador instruccional debe señalar todo lo que debe aparecer en pantalla en cuanto a contenido solamente. (por ejemplo definiciones, conceptos, características, tablas, gráficos, etc.) En este apartado debe describir la acción de los elementos que están dentro de la diapositiva, es decir, cómo y cuando deben aparecer, en qué lugar de la diapositiva, efectos de los elementos (botones, textos, gráficos, etc.), colores, sonido (si es una música o una voz en off, etc.), qué frase o palabra debe resaltarse, etc.
  • 6. Guiones – Ejemplo 2 ETIQUETA Desarrollo de Contenido Descripción de la Animación: Puede resaltarse con colores de letras diferentes o con cualquier otro aspecto que permita al diseñador gráfico saber que estos son los efectos que queremos agregar a los elementos dentro de la diapositiva.
  • 7.
  • 8.
  • 9. Estructura de una Interfaz gráfica Área Natural de Atención Los elementos se distribuyen en estos tres segmentos manteniendo ciertos criterios en cuando a textos, imágenes, navegación, etc.
  • 10. Estructura de una Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo superior derecho.
  • 11. Estructura de una Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo inferior derecho.
  • 12. Posición de los objetos Los elementos se distribuyen siguiendo mas o menos esta distribución. Texto del Título Texto del Título Texto Texto
  • 13.
  • 14. EJERCICIO A Continuación se presenta un contenido (Material para servicios de Internet), organízalo en PwPoint siguiendo las recomendaciones presentadas anteriormente, e intenta elaborar un pequeño guión donde indiques qué efectos quieres que tenga el contenido de tu presentación.