Por unidades tem\u00e1ticas<\/h3>\r\n<\/header>\r\n\r\n\r\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:\r\n\r\n[caption id=\"attachment_1127\" align=\"aligncenter\" width=\"990\"]![\"Interfaz](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.2.png\")
<\/a> Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\nPor tiempos<\/h3>\r\n<\/header>\r\n\r\n\r\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.\r\n\r\n[caption id=\"attachment_1129\" align=\"aligncenter\" width=\"1024\"]![\"Interfaz](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.3-1024x193.png\")
<\/a> Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\nPor composici\u00f3n<\/h3>\r\n<\/header>\r\n\r\n\r\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.\r\n\r\n[caption id=\"attachment_1130\" align=\"aligncenter\" width=\"1024\"]![\"Interfaz](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.4-1024x193.png\")
<\/a> Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\nPor entregables<\/h3>\r\n<\/header>\r\n\r\n\r\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.\r\n\r\n[caption id=\"attachment_1131\" align=\"aligncenter\" width=\"1024\"]![\"Interfaz](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.5-1024x191.png\")
<\/a> Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con: [pb_glossary id=\"192\"]netiquetas[\/pb_glossary], [pb_glossary id=\"196\"]orientaciones acad\u00e9micas[\/pb_glossary] o programas de curso y formatos de citaci\u00f3n, entre otros.\r\n\r\n[caption id=\"attachment_1132\" align=\"aligncenter\" width=\"1024\"]![\"\"](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.6-1024x915.png\")
<\/a> Figura 11. 6. Ejemplo de una estructura de entorno visual que incluye la secci\u00f3n \u00abGeneral\u00bb, adem\u00e1s de la informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nElementos que componen el entorno virtual<\/h2>\r\nEn la estructura de un entorno virtual, espec\u00edficamente en cada secci\u00f3n, se incluye un conjunto de elementos (recursos, actividades y espacios de comunicaci\u00f3n) que prev\u00e9n brindar uniformidad y orden para que el estudiante realice una navegaci\u00f3n fluida e intuitiva.\r\n\r\nSeguidamente, se ampl\u00edan algunos conceptos para una mejor comprensi\u00f3n:\r\n\r\n \t- [pb_glossary id=\"208\"]Recursos did\u00e1cticos[\/pb_glossary]: son todos los materiales escritos, [pb_glossary id=\"179\"]audiovisuales[\/pb_glossary], [pb_glossary id=\"180\"]multimediales[\/pb_glossary], herramientas, programas especializados y otros que tendr\u00e1 que utilizar el estudiantado para ejecutar las actividades propuestas, los cuales ser\u00e1n de car\u00e1cter imprescindible. Existen, asimismo, los materiales complementarios, los cuales no son obligatorios, pero le servir\u00e1n al estudiante para profundizar en el estudio de los contenidos tem\u00e1ticos.<\/li>\r\n \t
- Actividades de aprendizaje: son aquellos ejercicios o las tareas de car\u00e1cter sumativo o formativo que deber\u00e1 completar el estudiantado durante su proceso de aprendizaje.<\/li>\r\n \t
- Espacios de comunicaci\u00f3n: son lugares dentro del EVA, que el docente habilitar\u00e1 con el prop\u00f3sito de que exista un di\u00e1logo permanente entre los participantes de la asignatura o el curso.<\/li>\r\n<\/ul>\r\nNota: adem\u00e1s de los recursos anteriormente enlistados, encontrar\u00e1: el foro de avisos o anuncios y el foro de dudas; en el primero, el profesorado colocar\u00e1 peri\u00f3dicamente los anuncios que estime convenientes; el segundo, foro de dudas, es un espacio en el que el estudiantado colocar\u00e1 sus dudas y que como recomendaci\u00f3n, seg\u00fan la experiencia, estas deben ser respondidas en un t\u00e9rmino de 24 o 48 horas (tiempo m\u00e1ximo) por parte del profesorado.<\/div>\r\n
Dise\u00f1o visual del entorno virtual<\/h2>\r\nLa principal funci\u00f3n del dise\u00f1o visual en los entornos virtuales es la de ser un apoyo para el estudiante, con la intenci\u00f3n de facilitar una navegaci\u00f3n intuitiva y eficiente por medio de la interfaz gr\u00e1fica. Esto le permitir\u00e1 comprender la forma en que se ha organizado el entorno, as\u00ed como los diferentes elementos, ya sea recursos did\u00e1cticos, actividades o espacios de comunicaci\u00f3n, que lo conforman.\r\n\r\nAs\u00ed pues, el dise\u00f1o visual constituye el primer elemento de comunicaci\u00f3n dirigido a facilitar la comprensi\u00f3n de la estructura que se hab\u00eda especificado previamente desde la matriz. En concordancia, los elementos que lo componen respetan la organizaci\u00f3n de unidades tem\u00e1ticas, tiempos, composici\u00f3n o actividades entregables.\r\n\r\nEn lo que respecta al dise\u00f1o de la interfaz gr\u00e1fica en entornos virtuales, se ha de recalcar que, de acuerdo a Chiriboga, citado por Castro y Valerio (2013), podemos encontrar que coexisten dos tipos de identidades gr\u00e1ficas:\r\n\r\n \t- La primera es de car\u00e1cter institucional y se encuentra ligada a una serie de factores como la imagen de marca de la instituci\u00f3n educativa o las posibilidades que ofrece la herramienta de gesti\u00f3n de aprendizajes empleada. Este dise\u00f1o se conserva igual para todos las asignaturas o los cursos y es definido por la instancia encargada de la administraci\u00f3n de la plataforma, que en el caso de la UNED, es el PAL.<\/li>\r\n \t
- El segundo tipo de imagen se refiere propiamente al dise\u00f1o gr\u00e1fico de la asignatura o el curso; con esto, nos referimos a una serie de recursos visuales que son desarrollados de forma espec\u00edfica seg\u00fan la tem\u00e1tica, los contenidos y el p\u00fablico meta de cada materia.<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1133\" align=\"aligncenter\" width=\"1024\"]![\"Interfaz](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.7-1024x786.png\")
<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n\r\n \t- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n\r\n \t- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]![\"Rect\u00e1ngulos](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.8.png\")
<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
\r\n \t- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
\r\n \t- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]![\"Interfaz](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/11.9.png\")
<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\nSobre los recursos<\/h3>\r\n\r\n \t- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
\r\n \t- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n\r\n \t- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
\r\n \t- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\nPor unidades tem\u00e1ticas<\/h3>\n<\/header>\n\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor tiempos<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor composici\u00f3n<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor entregables<\/h3>\n<\/header>\n\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
<\/a> Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas. \u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n
Por tiempos<\/h3>\r\n<\/header>\r\n\r\n\r\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.\r\n\r\n[caption id=\"attachment_1129\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\nPor composici\u00f3n<\/h3>\r\n<\/header>\r\n\r\n\r\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.\r\n\r\n[caption id=\"attachment_1130\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\nPor entregables<\/h3>\r\n<\/header>\r\n\r\n\r\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.\r\n\r\n[caption id=\"attachment_1131\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con: [pb_glossary id=\"192\"]netiquetas[\/pb_glossary], [pb_glossary id=\"196\"]orientaciones acad\u00e9micas[\/pb_glossary] o programas de curso y formatos de citaci\u00f3n, entre otros.\r\n\r\n[caption id=\"attachment_1132\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 6. Ejemplo de una estructura de entorno visual que incluye la secci\u00f3n \u00abGeneral\u00bb, adem\u00e1s de la informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nElementos que componen el entorno virtual<\/h2>\r\nEn la estructura de un entorno virtual, espec\u00edficamente en cada secci\u00f3n, se incluye un conjunto de elementos (recursos, actividades y espacios de comunicaci\u00f3n) que prev\u00e9n brindar uniformidad y orden para que el estudiante realice una navegaci\u00f3n fluida e intuitiva.\r\n\r\nSeguidamente, se ampl\u00edan algunos conceptos para una mejor comprensi\u00f3n:\r\n\r\n \t- [pb_glossary id=\"208\"]Recursos did\u00e1cticos[\/pb_glossary]: son todos los materiales escritos, [pb_glossary id=\"179\"]audiovisuales[\/pb_glossary], [pb_glossary id=\"180\"]multimediales[\/pb_glossary], herramientas, programas especializados y otros que tendr\u00e1 que utilizar el estudiantado para ejecutar las actividades propuestas, los cuales ser\u00e1n de car\u00e1cter imprescindible. Existen, asimismo, los materiales complementarios, los cuales no son obligatorios, pero le servir\u00e1n al estudiante para profundizar en el estudio de los contenidos tem\u00e1ticos.<\/li>\r\n \t
- Actividades de aprendizaje: son aquellos ejercicios o las tareas de car\u00e1cter sumativo o formativo que deber\u00e1 completar el estudiantado durante su proceso de aprendizaje.<\/li>\r\n \t
- Espacios de comunicaci\u00f3n: son lugares dentro del EVA, que el docente habilitar\u00e1 con el prop\u00f3sito de que exista un di\u00e1logo permanente entre los participantes de la asignatura o el curso.<\/li>\r\n<\/ul>\r\nNota: adem\u00e1s de los recursos anteriormente enlistados, encontrar\u00e1: el foro de avisos o anuncios y el foro de dudas; en el primero, el profesorado colocar\u00e1 peri\u00f3dicamente los anuncios que estime convenientes; el segundo, foro de dudas, es un espacio en el que el estudiantado colocar\u00e1 sus dudas y que como recomendaci\u00f3n, seg\u00fan la experiencia, estas deben ser respondidas en un t\u00e9rmino de 24 o 48 horas (tiempo m\u00e1ximo) por parte del profesorado.<\/div>\r\n
Dise\u00f1o visual del entorno virtual<\/h2>\r\nLa principal funci\u00f3n del dise\u00f1o visual en los entornos virtuales es la de ser un apoyo para el estudiante, con la intenci\u00f3n de facilitar una navegaci\u00f3n intuitiva y eficiente por medio de la interfaz gr\u00e1fica. Esto le permitir\u00e1 comprender la forma en que se ha organizado el entorno, as\u00ed como los diferentes elementos, ya sea recursos did\u00e1cticos, actividades o espacios de comunicaci\u00f3n, que lo conforman.\r\n\r\nAs\u00ed pues, el dise\u00f1o visual constituye el primer elemento de comunicaci\u00f3n dirigido a facilitar la comprensi\u00f3n de la estructura que se hab\u00eda especificado previamente desde la matriz. En concordancia, los elementos que lo componen respetan la organizaci\u00f3n de unidades tem\u00e1ticas, tiempos, composici\u00f3n o actividades entregables.\r\n\r\nEn lo que respecta al dise\u00f1o de la interfaz gr\u00e1fica en entornos virtuales, se ha de recalcar que, de acuerdo a Chiriboga, citado por Castro y Valerio (2013), podemos encontrar que coexisten dos tipos de identidades gr\u00e1ficas:\r\n\r\n \t- La primera es de car\u00e1cter institucional y se encuentra ligada a una serie de factores como la imagen de marca de la instituci\u00f3n educativa o las posibilidades que ofrece la herramienta de gesti\u00f3n de aprendizajes empleada. Este dise\u00f1o se conserva igual para todos las asignaturas o los cursos y es definido por la instancia encargada de la administraci\u00f3n de la plataforma, que en el caso de la UNED, es el PAL.<\/li>\r\n \t
- El segundo tipo de imagen se refiere propiamente al dise\u00f1o gr\u00e1fico de la asignatura o el curso; con esto, nos referimos a una serie de recursos visuales que son desarrollados de forma espec\u00edfica seg\u00fan la tem\u00e1tica, los contenidos y el p\u00fablico meta de cada materia.<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1133\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n\r\n \t- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n\r\n \t- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
\r\n \t- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
\r\n \t- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\nSobre los recursos<\/h3>\r\n\r\n \t- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
\r\n \t- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n\r\n \t- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
\r\n \t- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\nPor unidades tem\u00e1ticas<\/h3>\n<\/header>\n\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor tiempos<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor composici\u00f3n<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor entregables<\/h3>\n<\/header>\n\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
<\/a> Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo. \u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n
Por composici\u00f3n<\/h3>\r\n<\/header>\r\n\r\n\r\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.\r\n\r\n[caption id=\"attachment_1130\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\nPor entregables<\/h3>\r\n<\/header>\r\n\r\n\r\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.\r\n\r\n[caption id=\"attachment_1131\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con: [pb_glossary id=\"192\"]netiquetas[\/pb_glossary], [pb_glossary id=\"196\"]orientaciones acad\u00e9micas[\/pb_glossary] o programas de curso y formatos de citaci\u00f3n, entre otros.\r\n\r\n[caption id=\"attachment_1132\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 6. Ejemplo de una estructura de entorno visual que incluye la secci\u00f3n \u00abGeneral\u00bb, adem\u00e1s de la informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nElementos que componen el entorno virtual<\/h2>\r\nEn la estructura de un entorno virtual, espec\u00edficamente en cada secci\u00f3n, se incluye un conjunto de elementos (recursos, actividades y espacios de comunicaci\u00f3n) que prev\u00e9n brindar uniformidad y orden para que el estudiante realice una navegaci\u00f3n fluida e intuitiva.\r\n\r\nSeguidamente, se ampl\u00edan algunos conceptos para una mejor comprensi\u00f3n:\r\n\r\n \t- [pb_glossary id=\"208\"]Recursos did\u00e1cticos[\/pb_glossary]: son todos los materiales escritos, [pb_glossary id=\"179\"]audiovisuales[\/pb_glossary], [pb_glossary id=\"180\"]multimediales[\/pb_glossary], herramientas, programas especializados y otros que tendr\u00e1 que utilizar el estudiantado para ejecutar las actividades propuestas, los cuales ser\u00e1n de car\u00e1cter imprescindible. Existen, asimismo, los materiales complementarios, los cuales no son obligatorios, pero le servir\u00e1n al estudiante para profundizar en el estudio de los contenidos tem\u00e1ticos.<\/li>\r\n \t
- Actividades de aprendizaje: son aquellos ejercicios o las tareas de car\u00e1cter sumativo o formativo que deber\u00e1 completar el estudiantado durante su proceso de aprendizaje.<\/li>\r\n \t
- Espacios de comunicaci\u00f3n: son lugares dentro del EVA, que el docente habilitar\u00e1 con el prop\u00f3sito de que exista un di\u00e1logo permanente entre los participantes de la asignatura o el curso.<\/li>\r\n<\/ul>\r\nNota: adem\u00e1s de los recursos anteriormente enlistados, encontrar\u00e1: el foro de avisos o anuncios y el foro de dudas; en el primero, el profesorado colocar\u00e1 peri\u00f3dicamente los anuncios que estime convenientes; el segundo, foro de dudas, es un espacio en el que el estudiantado colocar\u00e1 sus dudas y que como recomendaci\u00f3n, seg\u00fan la experiencia, estas deben ser respondidas en un t\u00e9rmino de 24 o 48 horas (tiempo m\u00e1ximo) por parte del profesorado.<\/div>\r\n
Dise\u00f1o visual del entorno virtual<\/h2>\r\nLa principal funci\u00f3n del dise\u00f1o visual en los entornos virtuales es la de ser un apoyo para el estudiante, con la intenci\u00f3n de facilitar una navegaci\u00f3n intuitiva y eficiente por medio de la interfaz gr\u00e1fica. Esto le permitir\u00e1 comprender la forma en que se ha organizado el entorno, as\u00ed como los diferentes elementos, ya sea recursos did\u00e1cticos, actividades o espacios de comunicaci\u00f3n, que lo conforman.\r\n\r\nAs\u00ed pues, el dise\u00f1o visual constituye el primer elemento de comunicaci\u00f3n dirigido a facilitar la comprensi\u00f3n de la estructura que se hab\u00eda especificado previamente desde la matriz. En concordancia, los elementos que lo componen respetan la organizaci\u00f3n de unidades tem\u00e1ticas, tiempos, composici\u00f3n o actividades entregables.\r\n\r\nEn lo que respecta al dise\u00f1o de la interfaz gr\u00e1fica en entornos virtuales, se ha de recalcar que, de acuerdo a Chiriboga, citado por Castro y Valerio (2013), podemos encontrar que coexisten dos tipos de identidades gr\u00e1ficas:\r\n\r\n \t- La primera es de car\u00e1cter institucional y se encuentra ligada a una serie de factores como la imagen de marca de la instituci\u00f3n educativa o las posibilidades que ofrece la herramienta de gesti\u00f3n de aprendizajes empleada. Este dise\u00f1o se conserva igual para todos las asignaturas o los cursos y es definido por la instancia encargada de la administraci\u00f3n de la plataforma, que en el caso de la UNED, es el PAL.<\/li>\r\n \t
- El segundo tipo de imagen se refiere propiamente al dise\u00f1o gr\u00e1fico de la asignatura o el curso; con esto, nos referimos a una serie de recursos visuales que son desarrollados de forma espec\u00edfica seg\u00fan la tem\u00e1tica, los contenidos y el p\u00fablico meta de cada materia.<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1133\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n\r\n \t- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n\r\n \t- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
\r\n \t- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
\r\n \t- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\nSobre los recursos<\/h3>\r\n\r\n \t- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
\r\n \t- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n\r\n \t- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
\r\n \t- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\nPor unidades tem\u00e1ticas<\/h3>\n<\/header>\n\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor tiempos<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor composici\u00f3n<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor entregables<\/h3>\n<\/header>\n\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
<\/a> Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n. \u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n
Por entregables<\/h3>\r\n<\/header>\r\n\r\n\r\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.\r\n\r\n[caption id=\"attachment_1131\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con: [pb_glossary id=\"192\"]netiquetas[\/pb_glossary], [pb_glossary id=\"196\"]orientaciones acad\u00e9micas[\/pb_glossary] o programas de curso y formatos de citaci\u00f3n, entre otros.\r\n\r\n[caption id=\"attachment_1132\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 6. Ejemplo de una estructura de entorno visual que incluye la secci\u00f3n \u00abGeneral\u00bb, adem\u00e1s de la informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nElementos que componen el entorno virtual<\/h2>\r\nEn la estructura de un entorno virtual, espec\u00edficamente en cada secci\u00f3n, se incluye un conjunto de elementos (recursos, actividades y espacios de comunicaci\u00f3n) que prev\u00e9n brindar uniformidad y orden para que el estudiante realice una navegaci\u00f3n fluida e intuitiva.\r\n\r\nSeguidamente, se ampl\u00edan algunos conceptos para una mejor comprensi\u00f3n:\r\n\r\n \t- [pb_glossary id=\"208\"]Recursos did\u00e1cticos[\/pb_glossary]: son todos los materiales escritos, [pb_glossary id=\"179\"]audiovisuales[\/pb_glossary], [pb_glossary id=\"180\"]multimediales[\/pb_glossary], herramientas, programas especializados y otros que tendr\u00e1 que utilizar el estudiantado para ejecutar las actividades propuestas, los cuales ser\u00e1n de car\u00e1cter imprescindible. Existen, asimismo, los materiales complementarios, los cuales no son obligatorios, pero le servir\u00e1n al estudiante para profundizar en el estudio de los contenidos tem\u00e1ticos.<\/li>\r\n \t
- Actividades de aprendizaje: son aquellos ejercicios o las tareas de car\u00e1cter sumativo o formativo que deber\u00e1 completar el estudiantado durante su proceso de aprendizaje.<\/li>\r\n \t
- Espacios de comunicaci\u00f3n: son lugares dentro del EVA, que el docente habilitar\u00e1 con el prop\u00f3sito de que exista un di\u00e1logo permanente entre los participantes de la asignatura o el curso.<\/li>\r\n<\/ul>\r\nNota: adem\u00e1s de los recursos anteriormente enlistados, encontrar\u00e1: el foro de avisos o anuncios y el foro de dudas; en el primero, el profesorado colocar\u00e1 peri\u00f3dicamente los anuncios que estime convenientes; el segundo, foro de dudas, es un espacio en el que el estudiantado colocar\u00e1 sus dudas y que como recomendaci\u00f3n, seg\u00fan la experiencia, estas deben ser respondidas en un t\u00e9rmino de 24 o 48 horas (tiempo m\u00e1ximo) por parte del profesorado.<\/div>\r\n
Dise\u00f1o visual del entorno virtual<\/h2>\r\nLa principal funci\u00f3n del dise\u00f1o visual en los entornos virtuales es la de ser un apoyo para el estudiante, con la intenci\u00f3n de facilitar una navegaci\u00f3n intuitiva y eficiente por medio de la interfaz gr\u00e1fica. Esto le permitir\u00e1 comprender la forma en que se ha organizado el entorno, as\u00ed como los diferentes elementos, ya sea recursos did\u00e1cticos, actividades o espacios de comunicaci\u00f3n, que lo conforman.\r\n\r\nAs\u00ed pues, el dise\u00f1o visual constituye el primer elemento de comunicaci\u00f3n dirigido a facilitar la comprensi\u00f3n de la estructura que se hab\u00eda especificado previamente desde la matriz. En concordancia, los elementos que lo componen respetan la organizaci\u00f3n de unidades tem\u00e1ticas, tiempos, composici\u00f3n o actividades entregables.\r\n\r\nEn lo que respecta al dise\u00f1o de la interfaz gr\u00e1fica en entornos virtuales, se ha de recalcar que, de acuerdo a Chiriboga, citado por Castro y Valerio (2013), podemos encontrar que coexisten dos tipos de identidades gr\u00e1ficas:\r\n\r\n \t- La primera es de car\u00e1cter institucional y se encuentra ligada a una serie de factores como la imagen de marca de la instituci\u00f3n educativa o las posibilidades que ofrece la herramienta de gesti\u00f3n de aprendizajes empleada. Este dise\u00f1o se conserva igual para todos las asignaturas o los cursos y es definido por la instancia encargada de la administraci\u00f3n de la plataforma, que en el caso de la UNED, es el PAL.<\/li>\r\n \t
- El segundo tipo de imagen se refiere propiamente al dise\u00f1o gr\u00e1fico de la asignatura o el curso; con esto, nos referimos a una serie de recursos visuales que son desarrollados de forma espec\u00edfica seg\u00fan la tem\u00e1tica, los contenidos y el p\u00fablico meta de cada materia.<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1133\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n\r\n \t- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n\r\n \t- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
\r\n \t- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
\r\n \t- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\nSobre los recursos<\/h3>\r\n\r\n \t- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
\r\n \t- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n\r\n \t- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
\r\n \t- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\nPor unidades tem\u00e1ticas<\/h3>\n<\/header>\n\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor tiempos<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor composici\u00f3n<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor entregables<\/h3>\n<\/header>\n\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
<\/a> Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables. \u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con: [pb_glossary id=\"192\"]netiquetas[\/pb_glossary], [pb_glossary id=\"196\"]orientaciones acad\u00e9micas[\/pb_glossary] o programas de curso y formatos de citaci\u00f3n, entre otros.\r\n\r\n[caption id=\"attachment_1132\" align=\"aligncenter\" width=\"1024\"]
<\/a> Figura 11. 6. Ejemplo de una estructura de entorno visual que incluye la secci\u00f3n \u00abGeneral\u00bb, adem\u00e1s de la informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura. \u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n
Elementos que componen el entorno virtual<\/h2>\r\nEn la estructura de un entorno virtual, espec\u00edficamente en cada secci\u00f3n, se incluye un conjunto de elementos (recursos, actividades y espacios de comunicaci\u00f3n) que prev\u00e9n brindar uniformidad y orden para que el estudiante realice una navegaci\u00f3n fluida e intuitiva.\r\n\r\nSeguidamente, se ampl\u00edan algunos conceptos para una mejor comprensi\u00f3n:\r\n\r\n \t- [pb_glossary id=\"208\"]Recursos did\u00e1cticos[\/pb_glossary]: son todos los materiales escritos, [pb_glossary id=\"179\"]audiovisuales[\/pb_glossary], [pb_glossary id=\"180\"]multimediales[\/pb_glossary], herramientas, programas especializados y otros que tendr\u00e1 que utilizar el estudiantado para ejecutar las actividades propuestas, los cuales ser\u00e1n de car\u00e1cter imprescindible. Existen, asimismo, los materiales complementarios, los cuales no son obligatorios, pero le servir\u00e1n al estudiante para profundizar en el estudio de los contenidos tem\u00e1ticos.<\/li>\r\n \t
- Actividades de aprendizaje: son aquellos ejercicios o las tareas de car\u00e1cter sumativo o formativo que deber\u00e1 completar el estudiantado durante su proceso de aprendizaje.<\/li>\r\n \t
- Espacios de comunicaci\u00f3n: son lugares dentro del EVA, que el docente habilitar\u00e1 con el prop\u00f3sito de que exista un di\u00e1logo permanente entre los participantes de la asignatura o el curso.<\/li>\r\n<\/ul>\r\nNota: adem\u00e1s de los recursos anteriormente enlistados, encontrar\u00e1: el foro de avisos o anuncios y el foro de dudas; en el primero, el profesorado colocar\u00e1 peri\u00f3dicamente los anuncios que estime convenientes; el segundo, foro de dudas, es un espacio en el que el estudiantado colocar\u00e1 sus dudas y que como recomendaci\u00f3n, seg\u00fan la experiencia, estas deben ser respondidas en un t\u00e9rmino de 24 o 48 horas (tiempo m\u00e1ximo) por parte del profesorado.<\/div>\r\n
Dise\u00f1o visual del entorno virtual<\/h2>\r\nLa principal funci\u00f3n del dise\u00f1o visual en los entornos virtuales es la de ser un apoyo para el estudiante, con la intenci\u00f3n de facilitar una navegaci\u00f3n intuitiva y eficiente por medio de la interfaz gr\u00e1fica. Esto le permitir\u00e1 comprender la forma en que se ha organizado el entorno, as\u00ed como los diferentes elementos, ya sea recursos did\u00e1cticos, actividades o espacios de comunicaci\u00f3n, que lo conforman.\r\n\r\nAs\u00ed pues, el dise\u00f1o visual constituye el primer elemento de comunicaci\u00f3n dirigido a facilitar la comprensi\u00f3n de la estructura que se hab\u00eda especificado previamente desde la matriz. En concordancia, los elementos que lo componen respetan la organizaci\u00f3n de unidades tem\u00e1ticas, tiempos, composici\u00f3n o actividades entregables.\r\n\r\nEn lo que respecta al dise\u00f1o de la interfaz gr\u00e1fica en entornos virtuales, se ha de recalcar que, de acuerdo a Chiriboga, citado por Castro y Valerio (2013), podemos encontrar que coexisten dos tipos de identidades gr\u00e1ficas:\r\n\r\n \t- La primera es de car\u00e1cter institucional y se encuentra ligada a una serie de factores como la imagen de marca de la instituci\u00f3n educativa o las posibilidades que ofrece la herramienta de gesti\u00f3n de aprendizajes empleada. Este dise\u00f1o se conserva igual para todos las asignaturas o los cursos y es definido por la instancia encargada de la administraci\u00f3n de la plataforma, que en el caso de la UNED, es el PAL.<\/li>\r\n \t
- El segundo tipo de imagen se refiere propiamente al dise\u00f1o gr\u00e1fico de la asignatura o el curso; con esto, nos referimos a una serie de recursos visuales que son desarrollados de forma espec\u00edfica seg\u00fan la tem\u00e1tica, los contenidos y el p\u00fablico meta de cada materia.<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1133\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n\r\n \t- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n\r\n \t- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
\r\n \t- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
\r\n \t- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\nSobre los recursos<\/h3>\r\n\r\n \t- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
\r\n \t- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n\r\n \t- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
\r\n \t- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\nPor unidades tem\u00e1ticas<\/h3>\n<\/header>\n\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor tiempos<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor composici\u00f3n<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor entregables<\/h3>\n<\/header>\n\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
Dise\u00f1o visual del entorno virtual<\/h2>\r\nLa principal funci\u00f3n del dise\u00f1o visual en los entornos virtuales es la de ser un apoyo para el estudiante, con la intenci\u00f3n de facilitar una navegaci\u00f3n intuitiva y eficiente por medio de la interfaz gr\u00e1fica. Esto le permitir\u00e1 comprender la forma en que se ha organizado el entorno, as\u00ed como los diferentes elementos, ya sea recursos did\u00e1cticos, actividades o espacios de comunicaci\u00f3n, que lo conforman.\r\n\r\nAs\u00ed pues, el dise\u00f1o visual constituye el primer elemento de comunicaci\u00f3n dirigido a facilitar la comprensi\u00f3n de la estructura que se hab\u00eda especificado previamente desde la matriz. En concordancia, los elementos que lo componen respetan la organizaci\u00f3n de unidades tem\u00e1ticas, tiempos, composici\u00f3n o actividades entregables.\r\n\r\nEn lo que respecta al dise\u00f1o de la interfaz gr\u00e1fica en entornos virtuales, se ha de recalcar que, de acuerdo a Chiriboga, citado por Castro y Valerio (2013), podemos encontrar que coexisten dos tipos de identidades gr\u00e1ficas:\r\n\r\n \t- La primera es de car\u00e1cter institucional y se encuentra ligada a una serie de factores como la imagen de marca de la instituci\u00f3n educativa o las posibilidades que ofrece la herramienta de gesti\u00f3n de aprendizajes empleada. Este dise\u00f1o se conserva igual para todos las asignaturas o los cursos y es definido por la instancia encargada de la administraci\u00f3n de la plataforma, que en el caso de la UNED, es el PAL.<\/li>\r\n \t
- El segundo tipo de imagen se refiere propiamente al dise\u00f1o gr\u00e1fico de la asignatura o el curso; con esto, nos referimos a una serie de recursos visuales que son desarrollados de forma espec\u00edfica seg\u00fan la tem\u00e1tica, los contenidos y el p\u00fablico meta de cada materia.<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1133\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n\r\n \t- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n\r\n \t- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
\r\n \t- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
\r\n \t- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\nSobre los recursos<\/h3>\r\n\r\n \t- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
\r\n \t- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n\r\n \t- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
\r\n \t- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\nPor unidades tem\u00e1ticas<\/h3>\n<\/header>\n\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor tiempos<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor composici\u00f3n<\/h3>\n<\/header>\n\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\nPor entregables<\/h3>\n<\/header>\n\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
Ejemplo<\/p>\r\n\r\n<\/header>\r\n
<\/a> Figura 11. 7. Ejemplo que muestra cu\u00e1l es el dise\u00f1o de la interfaz institucional y cu\u00e1l el que corresponde a la asignatura o el curso. \u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nEl dise\u00f1o de imagen, creado particularmente para la asignatura o el curso, puede abarcar desde los elementos m\u00e1s representativos de la estructura del entorno (encabezados y etiquetas) hasta la creaci\u00f3n de ilustraciones, diagramaci\u00f3n de textos, presentaciones o el dise\u00f1o de diagramas e infograf\u00edas, seg\u00fan lo amerite el tipo de entorno, de acuerdo a su nivel de interacci\u00f3n.\r\n\r\nAlgunas consideraciones por tomar en cuenta a la hora de dise\u00f1ar los recursos gr\u00e1ficos propios de la asignatura o el curso son:\r\n
- \r\n \t
- Que los elementos gr\u00e1ficos son de tipo: PNG y JPG. Estos ser\u00e1n una gran ayuda visual para el estudiante, puesto que el sentido de la vista es de los primeros que se emplea para la decodificaci\u00f3n de la informaci\u00f3n que se presente en la pantalla.<\/span><\/li>\r\n<\/ol>\r\n
Empero, estos archivos no son accesibles para todas las personas en la misma forma, ya que va a depender de la capacidad visual del usuario. Debido a esto, es necesario brindar una adecuada descripci\u00f3n de su contenido al configurar el archivo en la plataforma[footnote]La recomendaci\u00f3n se aborda en el cap\u00edtulo XII de este libro<\/a>.[\/footnote]\u00a0, en aras de permitir que los estudiantes con dificultades visuales puedan acceder a su contenido con la ayuda de lectores de pantalla.<\/p>\r\n\r\n
- \r\n \t
- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1134\" align=\"aligncenter\" width=\"601\"]<\/a> Figura 11. 8. Ejemplo de una paleta de colores que puede emplearse para el dise\u00f1o gr\u00e1fico de la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n- \r\n \t
- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
- \r\n \t
- Que estas sean pertinentes con los contenidos de la asignatura.<\/li>\r\n \t
- Que se respeten los derechos de autor.<\/li>\r\n \t
- Que se est\u00e1 dise\u00f1ando para el estudiante, quien debe ser capaz de interpretar las im\u00e1genes desde una cercan\u00eda con su contexto de formaci\u00f3n profesional, social y cultural.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nPor \u00faltimo, se brindan las medidas empleadas por la UNED en los encabezados de las asignaturas y los cursos en l\u00ednea, as\u00ed como la informaci\u00f3n relevante que cada tipo de dise\u00f1o debe contener.\r\n
- \r\n \t
- Encabezado principal: se utiliza para englobar la asignatura en general; debe incluir el nombre de la asignatura o el curso y el c\u00f3digo. Medida en pixeles: 600x335px.<\/li>\r\n \t
- Encabezados secundarios: estos se usan para las subdivisiones en unidades, m\u00f3dulos o temas de estudio. Para facilitar la comprensi\u00f3n de la estructura de la asignatura o el curso, es ideal que los encabezados secundarios contengan el nombre de la tem\u00e1tica que se va a desarrollar; no obstante, esto puede variar seg\u00fan las necesidades del entorno. Medida en pixeles: 520x165px.<\/li>\r\n \t
- Etiquetas: son los elementos gr\u00e1ficos que se utilizan para ayudar a reconocer y diferenciar de forma visual entre los diferentes elementos que componen una asignatura o un curso; por ejemplo: Recursos, Actividades, Materiales Complementarios u otros. Medidas en pixeles: 450X40 px.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_1135\" align=\"aligncenter\" width=\"944\"]<\/a> Figura 11. 9. Ejemplo de las etiquetas que se utilizan como elemento gr\u00e1fico para diferenciar los elementos que componen la asignatura o el curso.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nPautas generales para establecer la estructura de un entorno virtual<\/h2>\r\n
Sobre los recursos<\/h3>\r\n
- \r\n \t
- Si son m\u00e1s de cinco recursos, debe utilizar una carpeta para ubicarlos y as\u00ed evitar ruido visual.<\/li>\r\n \t
- Recursos o materiales: estos se refieren a lecturas, enlaces a videos y sitios web, audios, presentaciones y todo aquel material que sirva como complemento para el desarrollo de los temas y contenidos.\r\n
- \r\n \t
- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Longitud de nombre:<\/strong> se ordenan a partir de la extensi\u00f3n del nombre: del m\u00e1s largo al m\u00e1s corto o viceversa.<\/li>\r\n \t
- Alfab\u00e9ticamente:<\/strong> se distribuyen de acuerdo al orden de la primera letra que conforma su nombre; si para dos o m\u00e1s palabras hay coincidencia en la primera letra, entonces se considera la letra en la segunda posici\u00f3n, y as\u00ed sucesivamente.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Sobre las actividades<\/h3>\r\n
- \r\n \t
- En la medida en que la herramienta lo permita, los instrumentos de evaluaci\u00f3n deben ser configurados como parte de la actividad; en caso de que no fuera posible automatizarla, en las instrucciones se debe anexar la tabla con los criterios y niveles de rendimiento por evaluarse, seg\u00fan lo estipulado en el Dise\u00f1o Universal para el Aprendizaje (DUA).<\/li>\r\n \t
- Las instrucciones para cada actividad deben presentar la siguiente informaci\u00f3n:\r\n
- \r\n \t
- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Instrucciones espec\u00edficas:<\/strong> se indica con detalle lo que se espera que entregue el estudiantado y se detalla el formato (tipo de archivo, tipo y tama\u00f1o letra y el tipo de espaciado entre otros aspectos).<\/li>\r\n \t
- Aspectos por evaluar:<\/strong> se coloca el instrumento de evaluaci\u00f3n que se utilizar\u00e1; por ejemplo: [pb_glossary id=\"149\"]escala[\/pb_glossary], [pb_glossary id=\"182\"]matriz de evaluaci\u00f3n[\/pb_glossary] (r\u00fabrica), [pb_glossary id=\"177\"]lista de cotejo[\/pb_glossary] y gu\u00eda de evaluaci\u00f3n.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"
Paulo Barrios G\u00f3mez; Alejandra Castro Granados; Xinia Chac\u00f3n Ballestero; Dania Delgado Rodr\u00edguez; Carlene Hooper Simpson; Kathya Salazar Blanco; y Cinthya Valerio \u00c1lvarez<\/p>\n
La composici\u00f3n de un EVA es un factor crucial de considerar, ya que\u00a0 le permite al estudiante tener un panorama real de la ubicaci\u00f3n de los elementos que lo conforman y, por lo tanto, le posibilita trazar el camino o la ruta que debe seguir para la consecuci\u00f3n de los objetivos de aprendizaje.<\/p>\n
Entonces, el profesor, que dise\u00f1a una asignatura o un curso virtual, debe planificar muy bien los escenarios o unidades de aprendizaje; a tal finalidad, debe cuidar la estructura, la selecci\u00f3n de los elementos que lo compondr\u00e1n y el dise\u00f1o visual.<\/p>\n
La estructura de un entorno virtual<\/h2>\n
Esta hace referencia a la organizaci\u00f3n del entorno, la cual debe especificarse desde la matriz de organizaci\u00f3n de asignaturas o cursos en l\u00ednea. Entre las posibles opciones de estructura u organizaci\u00f3n por emplear, se encuentran los siguientes:<\/p>\n
\n\n Por unidades tem\u00e1ticas<\/h3>\n<\/header>\n
\nLos contenidos se agrupan por temas, unidades o m\u00f3dulos, seg\u00fan la colectividad tem\u00e1tica de la asignatura o el curso, como se muestra en la Figura 11.2:<\/p>\n
<\/a>Figura 11. 2. Ejemplo de una estructura de entorno visual organizado por unidades tem\u00e1ticas.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n Por tiempos<\/h3>\n<\/header>\n
\nEn esta organizaci\u00f3n, los contenidos se agrupan por periodos; o sea, indicando la fecha de inicio o cierre de cada bloque tem\u00e1tico. Este tipo de organizaci\u00f3n no debe utilizarse en asignaturas o cursos que superen las cuatro semanas porque recarga la visualizaci\u00f3n del entorno y la navegaci\u00f3n en el entorno se hace m\u00e1s compleja para el usuario.<\/p>\n
<\/a>Figura 11. 3. Ejemplo de una estructura de entorno visual organizado por tiempo.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n Por composici\u00f3n<\/h3>\n<\/header>\n
\nEn esta organizaci\u00f3n, los contenidos se agrupan por los elementos que los componen: actividades, recursos y materiales complementarios.<\/p>\n
<\/a>Figura 11. 4. Ejemplo de una estructura de entorno visual organizado por composici\u00f3n.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n Por entregables<\/h3>\n<\/header>\n
\nSe utiliza, sobre todo, en las asignaturas de investigaci\u00f3n o trabajos finales de graduaci\u00f3n, en la que los profesores organizan los entornos de tal forma que solo se observan los espacios para realizar los env\u00edos.<\/p>\n
<\/a>Figura 11. 5. Ejemplo de una estructura de entorno visual por entregables.
\u00a9 Paulo Barrios, Alejandra Castro, Xinia Chac\u00f3n, Dania Delgado, Carlene Hooper, Kathya Salazar, Cinthya Valerio (2021).<\/figcaption><\/figure>\nNota: en la estructura de cualquier tipo de entorno que se seleccione, es necesario siempre incluir una secci\u00f3n \u00abGeneral\u00bb. En la UNED, a este apartado se le conoce con varios nombres, entre los que podemos citar: Unidad 0, M\u00f3dulo 0, Unidad inicial o M\u00f3dulo inicial; tambi\u00e9n se ha empleado el t\u00e9rmino Semana 0. Dicho m\u00f3dulo se ejecuta durante la primera semana del cuatrimestre o semestre; se colocar\u00e1 informaci\u00f3n que el estudiantado consultar\u00e1 durante el desarrollo de la asignatura, como por ejemplo documentos de tem\u00e1ticas espec\u00edficas relacionadas con:
- Instrucciones generales:<\/strong> se indica de qu\u00e9 trata la actividad y se colocan ejemplos claros mediante im\u00e1genes o enlaces web de videos.<\/li>\r\n \t
- Encabezado:<\/strong> debe incluir nombre de la actividad, valor en escala de 10, modalidad (individual o grupal), fecha de inicio y cierre de la actividad, adem\u00e1s de la hora de finalizaci\u00f3n.<\/li>\r\n \t
- Tipo:<\/strong> se agrupan seg\u00fan el formato en que est\u00e1n disponibles.<\/li>\r\n \t
- Prioridad:<\/strong> se organizan de acuerdo a la forma en que se quiere que sean accedidos por el estudiante; es decir, en orden de uso o relevancia.<\/li>\r\n \t
- Sobre la selecci\u00f3n de im\u00e1genes, se debe tener en consideraci\u00f3n:\r\n
- Que la tipograf\u00eda y el color empleados permitan una buena visibilidad y correcta lectura de los contenidos. Para ello, es ideal mantener un buen contraste entre el texto y el fondo, preferir los tipos de letra sin serifas y emplear una paleta de color reducida como la que se muestra en la Figura 11.8, que mantiene la tonalidad fr\u00eda de dos colores base (azul y verde), mientras que uno de ellos est\u00e1 diferenciado por dos variantes del mismo tono (verde):<\/li>\r\n<\/ol>\r\n