Introducción

Este ensayo presenta un recorrido teórico por el diseño universal aplicado en la elaboración de la interfaz gráfica del multimedia educativo producido bajo el concepto de laboratorio virtual, cuyo proyecto de investigación es parte de las acciones desarrolladas en la iniciativa 8 y sub-iniciativa 4 del Acuerdo de Mejoramiento Institucional (AMI) de la Universidad Estatal a Distancia (UNED) de Costa Rica, desarrollado a través del Plan de Mejoramiento Institucional (PMI) que se originó en el marco de las negociaciones del Fondo Especial para el Financiamiento de la Educación Superior Estatal (FEES) en el año 2012.

El Programa de Producción Electrónica Multimedial (PEM), de la Dirección de Producción de Materiales Didácticos (DPMD), es el encargado de elaborar dichos materiales dirigidos a estudiantes del sistema de educación superior a distancia, que utilizan las TIC como apoyo en sus procesos de enseñanza-aprendizaje. Para ello, se exponen referentes teóricos, se definen conceptos importantes y, por último, se valoran los aportes del programa en este campo.

Es importante considerar que la producción de esos materiales didácticos es un proceso interdisciplinario y colaborativo en el que los profesionales involucrados aportan desde sus áreas de experticia, con base en los objetivos educativos y el público meta.

Además, el componente del diseño gráfico es uno de los elementos mediadores del proceso de comunicación entre el contenido y el estudiante, al cual se le ha dedicado estudio e investigación. Esto se evidencia en el diseño de interfaces gráficas en las cuales la metáfora pedagógica continúa siendo predominante; sin embargo, su evolución, producto de las nuevas tecnologías y sus posibilidades en variados medios, obligan a considerar el aporte de otras metodologías como el diseño universal y el adaptativo en la producción de multimedia educativo.

Diseño Universal

En el año 1974, durante la reunión de un grupo de expertos sobre el diseño libre de barreras, celebrada en la ciudad de Nueva York, Estados Unidos, surgió el tema de adaptar el medio físico a las personas con algún tipo de discapacidad, con el propósito de darles acceso, en igualdad de condiciones, a la sociedad. Este acceso se haría con el menor número de obstáculos posible, mediante la eliminación de barreras, concepto comúnmente relacionado con la construcción de espacios físicos de fácil acceso, como por ejemplo rampas y ascensores, pero hoy en día, es aplicable a áreas profesionales diferentes a la arquitectura y el paisajismo.

Con el tiempo se fue haciendo evidente que este tipo de construcciones eran una ayuda técnica que le permitía a las personas con necesidades especiales insertarse de mejor manera en la dinámica social, les brindaba la posibilidad de desempeñar funciones en su vida cotidiana y, en algunos casos, más bien potenciaba sus capacidades y desempeño al relacionar los términos de flexibilidad y accesibilidad. Gracias a esta relación, la accesibilidad hoy se mira de forma diferente y más amplia, pues aquello accesible para las personas con algún tipo de discapacidad es también funcional para todos los demás.

Después de dicha reunión, surge el paradigma del diseño universal, corriente teórica que tiene sus orígenes en el funcionalismo escandinavo de los años 50 y en el diseño ergonómico de los años 60, así como en la política social sueca de finales de los años 70, donde nació el concepto de una sociedad para todos, con lo cual se poníaespecial énfasis en el término de accesibilidad (Observatorio de la Accesibilidad, s.f.).

Ronald L. Mace, arquitecto y fundador del Centro para el Diseño Universal, mencionado por Bibiana Misischia en su artículo Supresión de barreras en la universidad, lo define como “la creación de productos y entornos diseñados de modo que sean utilizables por todas las personas en la mayor medida posible, sin necesidad de adaptaciones o diseños especializados” (2013, párr.1). Este término fue aprobado oficialmente en el año 2006 por la Convención de Naciones Unidas sobre los Derechos de las Personas con Discapacidad, en el artículo número 2.

En otras palabras, el diseño universal busca la creación de entornos y productos con un proceso planificado de elaboración para que sean utilizados por la mayor cantidad de personas sin distinción alguna (en edad y capacidades), mediante una serie de principios que permiten guiar y evaluar el diseño, así como educar a los diseñadores sobre las características que deben tener para que sean más accesibles al valorar la diversidad y la inclusión.

Este proceso se aplica en diferentes áreas como la arquitectura, el paisajismo, la ingeniería, la comunicación y el diseño industrial. Estas tres últimas, al interactuar con otras disciplinas del diseño (gráfico, web, software y de ergonomía) permiten la creación de la interfaz gráfica.

Principios del diseño universal

El Centro para el Diseño Universal (1997 citado por la Fundación SIDAR, 2007), traduce los principios a considerar, en este tema, de la siguiente manera:

Con base en lo anterior, es importante mencionar que el proceso de diseño, a través de estas pautas, evidencia un sentimiento de responsabilidad en cuanto a la inclusión de la mayor diversidad de usuarios posible. Además, es necesario considerar una etapa de investigación de usuarios para conocer y considerar sus características como necesidades, ya que de ellos depende el impacto que puede tener lo que se diseñe.

En el ámbito de la educación, el diseño universal actualmente tiene una gran influencia en las políticas y metodologías educativas de diferentes países donde se integra de manera formal en los procesos de educación inclusiva, y en la UNED de Costa Rica esto no ha pasado desapercibido. En los últimos años se han venido desarrollando diferentes iniciativas para promover su uso y principales enfoques, como por ejemplo el diseño universal en educación, desarrollado por el DO-IT Center (Discapacidades, Oportunidades, Interconexión de redes y Tecnología por sus siglas en inglés) de la Universidad de Washington en los Estados Unidos.

Sheryl Burgstahler, directora y fundadora del DO-IT Center, define este enfoque como

Diseño gráfico

Paul Rand, diseñador gráfico y profesor en la Universidad de Yale, define el diseño gráfico en su libro Design Form and Chaos como:

Lo anterior apoya el hecho de que el diseño gráfico es algo más que un simple conjunto de imágenes y texto con énfasis en la composición y la estética, es un elemento visual comunicativo interpretado en un mensaje por medio de diferentes elementos tangibles (imágenes, formas, colores) y otros intangibles (sensaciones, percepciones y sentimientos).

Algunos de los elementos que influyen en la forma en que se transmite un mensaje y que deben tomarse en consideración, al trabajar en diseño gráfico, son los siguientes:  El color: las primeras evidencias de su uso datan desde la época de la prehistoria, cuando se realizaron las primeras manifestaciones de arte mediante el color rojo desprendido de las tierras arcillosas. En la actualidad, Morton (2010) menciona que los estudios realizados por el Institute of Color Research evidencian que:

Podría decirse que el color es uno de los elementos clave en una composición gráfica, ya que contribuye a transmitir sensaciones, percepciones y sentimientos en la interpretación de un mensaje. Así lo referencian Velasco, Laureano, Mora y Herrera (2010), quienes afirman que:

La tipografía: con la invención de la imprenta, en la época del Renacimiento, la tipografía toma relevancia de la mano de figuras importantes en su historia como Stanley Morison (1929), citado por Gutiérrez (2012), quien definió la tipografía como:

Puede considerarse entonces, la tipografía como una expresión gráfica de la voz que contribuye a transmitir el mensaje; por ello, es importante cuando se utiliza, pensar en el público al que va dirigido, ya que este debe tener la capacidad de leerlo y comprenderlo sin ningún tipo de obstáculo o niveles de dificultad posibles.

La imagen: según el diccionario de la Real Academia Española la palabra imagen proviene del latín imago que significa figura, representación, semejanza y apariencia de algo. Fornasari de Menegazzo va más allá de lo simple y la define como “toda representación visual que mantiene una relación de semejanza con el objetivo de ser representado” (1994, p. 21).

Una imagen es, entonces, un elemento meramente visual que se utiliza para representar objetos, sujetos o situaciones ficticias o reales, que evocan expresiones y sentimientos para transmitir un mensaje. Es un elemento comunicacional de la gráfica visual.

La composición: se entiende como la organización de varios elementos gráficos dentro del espacio visual que, combinados, tienen la capacidad de aportar un significado a la transmisión de un mensaje. Es decir, la composición distribuye los diferentes elementos en una composición gráfica (color, tipografía, imagen) de forma equilibrada que da sentido a la transmisión de un mensaje. Al respecto Gillian (1980) en su libro Fundamentos del diseño manifiesta que “la composición significa también organización estructural y que esta constituye el fundamento de las relaciones visuales” (p.19).

La composición es por lo tanto importante, ya que, mediante propiedades como: orden, balance, unidad y relación entre los elementos gráficos en su conjunto, permite transmitir el mensaje de forma concreta facilitando su comprensión por parte del público al cual se orientó.

Metáfora pedagógica

Luis Fernando Díaz, productor académico de la UNED de Costa Rica, la define como

Es decir, está metodología permite fortalecer y favorecer, mediante la reiteración del mensaje y los contenidos educativos, el aprendizaje que, de forma simultánea, se comunica mediante otras formas semánticas; y por lo tanto debe ser un proceso planificado desde el diseño mismo.

En los multimedia educativos, su concreción se origina dentro de una etapa creativa, propia del proceso de producción, caracterizada por la elaboración de una propuesta pedagógica que, además de mediar los contenidos, es representada gráficamente para favorecer el nexo motivacional y de interés por explorar los contenidos, e interartuar con estos a través de la interfaz. En la elaboración de la interfaz gráfica este concepto orienta el diseño de los elementos que la conforman, como por ejemplo, la interfaz principal, secundarias, recursos multimedia y de navegación, tales comomenús, botones e íconos.

Díaz (2011) destaca 7 aspectos pedagógicos que dan valor a la metáfora en la producción de materiales didácticos:

Interfaz gráfica

Ben Shneiderman, catedrático en Informática de la Universidad de Maryland en Estados Unidos define la interfaz como “la membrana de comunicación entre los usuarios y el sistema por la que los diseñadores y desarrolladores de herramientas informáticas pueden hacer que la tecnología sea inteligible y sensible a las necesidades de los usuarios” (1998, p. 4).

En este caso en particular, la interfaz gráfica se puede considerar un mediador visual que facilita la comunicación fluida y clara entre un sistema y el usuario para facilitar su comprensión y uso. Esta, por lo general, se manifiesta en un entorno gráfico compuesto principalmente de imágenes y objetos para representar la información y las acciones disponibles para ejecutar.

Shneiderman (1998 mencionado por Mañas, 2011, pp. 27-34), enlista 8 reglas de oro del diseño de interfaces:

Como consecuencia, un buen diseño de interfaz gráfica no solo se centra en la parte visual, su estética y la composición, sino también en el desarrollo de su interacción a través de las reglas anteriormente mencionadas. Ambos aspectos se complementan, ya que en gran medida determinan la buena experiencia de uso por parte del usuario.

Diseño adaptativo

Sin duda alguna el siglo XXI se ha caracterizado por el uso cada vez más frecuente y cotidiano de dispositivos móviles como tabletas, teléfonos inteligentes y computadoras portátiles, entre otros. Según las Directrices para las políticas de aprendizaje móvil de la Unesco (Organización de las Naciones Unidas para la Educación, la Ciencia y la Cultura): Hay en el mundo más de 3.200 millones de usuarios registrados con teléfonos móviles, lo que hace de estos dispositivos la modalidad de TIC más utilizada en la Tierra. En los países desarrollados, 4 de cada 5 personas poseen y utilizan un teléfono móvil y, aunque la tasa es significativamente más baja que en los países en desarrollo (2 de cada 5), es en estos países donde se registra el crecimiento más rápido en cuanto a índice de penetración en el mercado. (2013, p. 7)

En el contexto educativo este fenómeno no ha pasado desapercibido, los y las estudiantes de diferentes modelos educativos en el mundo utilizan estos dispositivos con diferentes objetivos, como gestión administrativa, comunicación y en procesos de enseñanza-aprendizaje. Según las Directrices para las políticas de aprendizaje móvil de la Unesco se cree al respecto que:

En el caso particular de la UNED de Costa Rica, según un estudio realizado en el año 2014 por Salazar, Berrocal, Salas y Valerio, en el que se consideró la respuesta de 877 estudiantes y 211 tutores representativos de las instancias académicas de la universidad, el 90% afirmó poseer un teléfono móvil, de los cuales 63,3% son teléfonos inteligentes; un 30% son tabletas y un 42% son reproductores de audio y video.

A partir de dicha información, se generó una reflexión respecto a la forma en que los usuarios (especialmente estudiantes) pueden utilizar los materiales didácticos, además de un análisis en cuanto a la presentación de contenidos y reestructuración del proceso de producción de quienes los llevan a cabo; y es así como el diseño adaptativo surge como una posible respuesta a la necesidad de que dichos materiales estén disponibles para dispositivos móviles con el propósito de que estos no queden fuera del contexto actual.

El diseñador Manuel Rubio en su artículo ¿Qué es Diseño Adaptativo? lo define como “[…] una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en las hojas de estilo CSS, se consigue adaptar el sitio web al dispositivo del usuario” (2013, párr. 1). Esta adaptación implica que la interfaz gráfica, así como los contenidos educativos desarrollados para un material didáctico de la Universidad, se ajustan según la resolución de la pantalla sin importar el tipo de dispositivo desde el que se accede, pero, en ningún caso (a menos que así se contemple) significa el sacrificio de contenido para cumplir tal propósito. Así, tanto la información escrita apoyada de imágenes, videos, animaciones, actividades, entre otros recursos son adaptados.

Elección de diseño adaptativo

El diseño adaptativo es una metodología de diseño que permite una mayor universalización de los contenidos de un material en específico, pero la elección de este tipo de diseño no debe recaer simplemente en la versatilidad de producción, sino que su implementación debe cumplir criterios de producción para que sea efectivo, de lo contrario sería mejor optar por otro tipo de soluciones.

Se debe procurar que la adaptación de los materiales sea tal, que el usuario no tenga problemas en determinar el cambio, máxime cuando se trabaja en coordinación con otras estrategias didácticas. Si bien es cierto, el desarrollo de diseño adaptativo ahorra tiempo si se le compara con la producción de una versión según dispositivo, se debe contemplar el hecho de que la programación necesaria para elaborar un material de este tipo es compleja y debe estar muy bien planificada.

Aunque en la actualidad se habla de una mayor penetración de las tecnologías móviles en el mundo, antes de implementarlo con un propósito didáctico, se debe revisar el nivel de utilización potencial que los usuarios del material hacen de sus dispositivos móviles, de manera que se pueda valorar a futuro la idoneidad de la puesta en marcha de la implementación de este tipo de diseño.

Aportes y experiencias del PEM en la producción de multimedia educativo

El PEM ha desarrollado multimedias educativos desde su creación en el año 2000. La consigna de producción académica es buscar e implementar en ellos la mejor combinación posible de mediación de contenidos y uso de las TIC en beneficio del estudiantado a partir de criterios pedagógicos y de diseño. En este mismo espíritu de observar y analizar los cambios que se dan a nivel educativo con respecto a las diferentes posibilidades tecnológicas, es que el PEM comenzó su incursión en el uso del diseño adaptativo en la producción de multimedia educativo, a partir del uso de herramientas y disposiciones conceptuales para obtener materiales didácticos más inclusivos.

Cabe aclarar que el público meta del PEM son los y las estudiantes de las diferentes carreras impartidas en la Universidad, usuarios que bien podrían presentar alguna condición o necesidad especial de aprendizaje que obliga al programa a pensar en las distintas posibilidades de acceso y uso de sus multimedias educativos.

En lo referente a la implementación de los conceptos anteriormente definidos en la producción de multimedia educativo, cabe señalar que su uso depende del cumplimiento de criterios de selección, entre ellos la pertinencia pedagógica con respecto a los contenidos, o bien, el uso de los dispositivos móviles por parte del estudiantado.

Hoy más que nunca la portabilidad y el uso de variados dispositivos plantea interrogantes importantes en cuanto a producción y diseño que se tratan de responder desde la investigación, experimentación, implementación y posterior evaluación de la propuesta. Como ejemplo de lo anterior, y en el marco de la incursión de los diferentes conceptos expuestos en este ensayo, en el PEM se han elaborado dos materiales que marcaron el inicio de la implementación de las metodologías abordadas.

En el año 2013 se produjo Métodos numéricos para la enseñanza de la Matemática. En esta primera experiencia se presentó un multimedia educativo que sirve de apoyo al libro Métodos Numéricos para la Enseñanza publicado por la Editorial de la Universidad Estatal a Distancia (EUNED) de Costa Rica y que se utiliza en el curso Métodos Numéricos, que imparte el Programa Enseñanza de la Matemática bajo modalidad a distancia. El material ofrece, a la persona estudiante, la solución de ejemplos por medio de software libre y gratuito para la resolución de problemas y ejercicios en temas relacionados con la Teoría del error, Métodos de aproximación para soluciones de ecuaciones no lineales, Aproximación polinomial para valores de funciones y Aproximaciones en derivación e integración utilizando diversas técnicas y métodos.

La metáfora pedagógica desarrollada se elaboró bajo el concepto de un mapa de estrategia que propone cuatro escenarios que representan las áreas temáticas mencionadas. La propuesta se seleccionó porque mantiene una estrecha relación con las áreas del conocimiento expuestas y porque presenta similitud con los mapas estratégicos utilizados comúnmente en videojuegos de estrategia, que son de gran aceptación y reconocimiento por parte del público meta del material. A continuación, se muestra la propuesta gráfica de la portada y los módulos de contenido del material:

La interfaz gráfica se elaboró en HTML5 con diseño adaptativo, por esta razón los diferentes elementos gráficos, de navegación, menús y recursos del material están concebidos de forma modular, independientes y adaptables, dispuestos en un plano cartográfico que, de igual manera, se adapta según la resolución de pantalla del dispositivo desde el que se accede.

El diseño gráfico del multimedia educativo se diseñó a partir de la concreción de la metáfora pedagógica y es una representación visual de esta, justificada pedagógicamente y elaborada a partir de la composición equilibrada y agradable de imágenes mapa de bits e ilustraciones vectoriales inspiradas, como se mencionó anteriormente, en los videojuegos de estrategia que utilizan isométricos para ambientar sus escenarios. Este material cuenta con algunos aportes del diseño universal aplicados en un contexto educativo como uso equiparable, flexible, intuitivo y simple. Se consideran, además, aspectos importantes de accesibilidad e inclusión como la posibilidad de ampliar, disminuir y restablecer el tamaño del texto en el contenido.

Esta primera experiencia sirvió como base para el establecimiento de ciertos criterios de producción en este tipo de materiales didácticos como: contemplar la adaptabilidad del material desde el inicio de la producción, considerar, en el diseño de la metáfora pedagógica, aspectos que implica el diseño adaptativo, la simplicidad en el diseño gráfico que se debe utilizar en la elaboración de la interfaz gráfica y los diferentes recursos audiovisuales, entre otros.

Con la intensión de continuar la producción de multimedia educativo bajo las metodologías desarrolladas y adoptadas en el PEM a partir de experiencias previas, en el año 2015 se produjo Geometría Euclídea. Esta segunda experiencia presenta un material didáctico utilizado en los cursos de Geometría Euclídea y Construcciones geométricas que imparte el Programa Enseñanza de la Matemática bajo modalidad a distancia. Fue producido bajo el concepto de laboratorio virtual y se compone de cuatro laboratorios que le permiten al estudiantado y futuro docente de la Universidad aprender a realizar construcciones geométricas a partir de la técnica de Regla y compás, Portasegmentos, Doblado de papel y Software matemático.

La metáfora pedagógica se elaboró en torno a un vivero, se tomó en consideración el trasfondo histórico y teórico de la geometría, su clara percepción en la naturaleza desde la antigüedad, así como, la manifestación cotidiana de elementos geométricos que rodean al ser humano; por ejemplo: los puntos, los planos, las líneas rectas, curvas, entre otros. A continuación, se muestra la propuesta gráfica de la portada y los laboratorios virtuales del material:

La interfaz gráfica se elaboró en HTML5 con diseño adaptativo, por este motivo los diferentes elementos gráficos, de navegación, menús y recursos multimedia están concebidos de forma modular, independientes, escalables y adaptables, presentados en varios estantes de exhibición de plantas.

El diseño gráfico del multimedia educativo se elaboró a partir de la concreción de la metáfora pedagógica y es una representación visual justificada pedagógicamente y diseñada a partir de una composición equilibrada y agradable, de ilustraciones vectoriales, inspiradas como se mencionó anteriormente, en ambientes cotidianos de un vivero con el objetivo de reforzar la temática general del material con el contexto en que se presentan los contenidos.

De igual manera, este recurso cuenta con algunos aportes del diseño universal, como su uso equiparable, flexible, información perceptible y tolerancia al error, aplicados en el ámbito educativo, y que también consideran aspectos importantes de accesibilidad e inclusión.

Estos dos ejemplos de multimedia educativo, producidos en el PEM, aunados a esfuerzos de investigación y capacitación a nivel interno del programa, son los primeros pasos hacia el desarrollo de nuevos materiales didácticos más accesibles e inclusivos, como el reciente desarrollo de los laboratorios virtuales para el aprendizaje, que tienen como fin seguir poniendo a disposición del estudiantado materiales de calidad que apoyen sus procesos de aprendizaje a distancia y en congruencia con las nuevas posibilidades tecnológicas, especialmente de formato y medios de reproducción.

Conclusiones

A partir de las experiencias generadas desde el PEM, así como de valoraciones recibidas de otras instancias académicas de la Universidad con las que se ha trabajado en conjunto, se presentan algunos factores a considerar a la hora de emprender una producción de multimedia educativo que contemple algunos de los principios de diseño desarrollados con anterioridad:

El diseño adaptativo demanda una mayor reflexión a la hora de planificar y concretar la propuesta gráfica y la disposición de contenidos porque se deben contemplar nuevos escenarios y posibilidades en la visualización de los multimedia educativos en tabletas y en teléfonos inteligentes. Eso no implica el sacrificio total o parcial de la gráfica y los contenidos, dado que dichos elementos se vinculan entre sí, independientemente de la resolución de pantalla del dispositivo. Por lo anterior, en los últimos 5 años el programa ha estado revisando, periódicamente, los procesos de producción y flujos de trabajo con el propósito de responder a las necesidades actuales de contenidos más accesibles e inclusivos.

El diseño de la interfaz gráfica debe conceptualizarse en una única propuesta, simple, concreta, escalable y adaptable para hacer más eficiente su proceso de elaboración. Este cambio de paradigma obligó a replantear el flujo de trabajo en diseño, ya que se pasó de elaborar varias versiones de una interfaz según la resolución de pantalla del dispositivo a concentrar los esfuerzos en una única propuesta, centrada en los elementos y acciones más importantes de navegación, lo cual contribuyó a mejorar tanto la experiencia como la usabilidad del material, pues todos sus elementos gráficos y de contenido se adaptan.

El diseño universal aplicado en la interfaz converge con el diseño adaptativo en la concreción de propuestas que evidencien accesibilidad e inclusión en armonía con la gráfica ya que los materiales están orientados a los y las estudiantes y de ellos depende el impacto que puede tener lo que se diseñe. Por lo anterior, el diseño gráfico es valorado desde una perspectiva pedagógica que permite generar empatía y motivación para explorar los contenidos. Bajo esa premisa, el PEM está en constante investigación de nuevas metodologías que contribuyan a mejorar la mediación de los contenidos, así como la experiencia visual de la interfaz gráfica de los materiales que desarrolla.

Los multimedia educativos se deben producir en función de las necesidades y capacidades del estudiantado, por lo tanto, es necesario un mayor análisis del público meta, con especial énfasis en acceso y tipo de dispositivos, así como la forma en que los utilizan para acceder a los materiales, esto permitirá, seleccionar los medios y elementos gráficos que realmente contribuyan a la mediación de los contenidos.

Es necesario, además, mejorar los procesos de evaluación de los multimedia educativos con el propósito de saber si las metodologías de diseño y producción utilizadas actualmente mejoran la accesibilidad e inclusión de los materiales disponibles para el estudiantado como apoyo en sus procesos de aprendizaje a distancia.

Referencias

Fechas de Publicación

Histórico