Introducción 1

Planteamiento del Problema 2

Objetivos de Investigación 3

Metodología 4 - 6 Sujetos de estudio Objetos de estudio Instrumentos Procedimiento

Contenido Teórico y Experiencia desde Diseño 7 - 31

Descripción de Resultados 32 - 62

Interpretación y Síntesis 63 - 74

Conclusiones 75

Recomendaciones 76

Referencias 77 - 78

Anexos 79 - 81

La investigación sobre el tema del e-learning en los sitios Web educativos, surgió de la necesidad de conocer los avances que Internet ha permitido en el ámbito de la educación, por medio del manejo y aprovechamiento de los recursos que ofrece, a través de la educación virtual a distancia, así como la intervención que tiene el diseño gráfico, en esta nueva experiencia educativa, que proporcione una plataforma que potencie la autonomía y el aprendizaje interactivo. Dicho proyecto recopila opiniones y posturas de expertos en la educación virtual a distancia y diseñadores gráficos del ámbito educativo y desarrollo Web. Comparándolas con diferentes autores que han desarrollado teoría con relación al tema, así también como el análisis crítico de los objetos de estudio que consisten en sitios educativos que en Guatemala se han empezado a incorporar a la experiencia del e-learning. Información analizada para dar respuesta a los objetivos planteados para la investigación, incluyendo los temas de las ventajas y desventajas del e-learning, así como los elementos gráficos utilizados y su funcionalidad.

En la actualidad con el avance de Internet, la comunicación y la información, se han facilitado y enriquecido constantemente, abarcando diferentes áreas temáticas con sus sitios en línea. Dentro de la temática de la educación, surge la incorporación de la educación en línea o e-learning, a la red, basada en el manejo y aprovechamiento de los recursos que ofrece Internet. Por las ventajas que ofrece, su demanda, está creciendo a un ritmo acelerado en diferentes partes del mundo, siendo implementada en empresas, centros formativos, universidades, colegios y escuelas secundarias. En Guatemala aún no se ha tenido ese crecimiento acelerado a nivel de la implementación de nuevos procedimientos que faciliten el aprendizaje en la educación, haciendo uso de la tecnología. Aunque el proceso de incorporación va lento, ya se están dando los primeros pasos en la creación de sitios educativos, que ya no solo sirvan como medio para obtener información, sino se está dando lugar a la educación en línea, y dejando una nueva opción al usuario de tener una experiencia educativa, ya no solo informativa, en la red.

En esta etapa de evolución de los sitios educativos, es crucial determinar la importancia de la intervención del diseño grafico, para el desarrollo eficiente de plataformas educativas. Todo esto lleva a plantear las siguientes interrogantes:

1. ¿Qué es el e-learning, sus ventajas y desventajas como método de aprendizaje a distancia?

2. ¿Qué elementos gráficos son utilizados en la creación de plataformas Web educativas específicas de e-Learning y la funcionalidad de éstos elementos?

3. ¿Cómo interviene el diseñador gráfico, en la creación de sitios Web educativos, que utilizan e-learning?

1. Definir qué es el e-learning, sus ventajas y desventajas como método de aprendizaje a distancia.

2. Analizar elementos gráficos utilizados en la creación de

plataformas Web educativas específicas de e-Learning y la funcionalidad de éstos elementos.

3. Establecer la intervención del diseñador gráfico en la

creación de sitios Web educativos, que utilizan e-learning.

4.1 Sujetos de estudio Se determinó que es necesaria la asesoria de diseñadores gráficos, y expertos en educación virtual a distancia, determinados como los sujetos de estudio para la realización de la investigación. A. Diseñadores gráficos: Se entrevistará a profesionales en el diseño gráfico educativo y en creación de sitios Web. Se entrevistaran a dos personas:

1. Diseñadora Gráfica, Erica Grajeda, quien actualmente trabaja en la Universidad Rafael Landivar como asesora académica. Se estudiará con el fin de recabar información respecto al tema del diseño gráfico educativo, por su experiencia en el tema.

2. Diseñador Gráfico, Roberto Lujan, quien trabaja

como diseñador de diseño y desarrollo Web y multimedia, en el estudio de diseño grafico “En medio”. Se le entrevistara para conocer sobre la intervención del diseñador grafico en los sitios Web.

3. Diseñadora Gráfica, María Rosa Santiso, quien trabaja actualmente como diseñadora gráfica en el ámbito del E-learning en España y anteriormente en Argentina, en el mismo ámbito. Se estudiará por la experiencia que puede aportar, en el tema medular de la investigación, que es: la intervención del diseñador grafico en el e-learninig.

B. Experto en desarrollo de sitios Web educativos:

Se entrevistara al ingeniero Willy Gómez, dueño y gerente de EDURED, y catedrático de la facultad de ingeniería de la Universidad del Valle; ingeniero en sistemas, con maestría en educación. Se entrevistar con la finalidad de conocer sobre el desarrollo de sitios Web educativos en Guatemala, y la evolución del E-learning.

También tiene como intención recopilar información relacionada con la educación virtual a distancia, por su conocimiento y experiencia en el área de la educación y el E-leaning.

C. Encargada de educación a distancia:

Se hablará con Leslie Rosales, encargada de educación a distancia, del departamento de

evaluación académica, de la Universidad Rafael Landivar. A ella se le entrevistara para conocer sobre el tema de E-learning en Guatemala.

4.2 Objetos de estudio Para la realización de la investigación será necesario estudiar sitios Web educativos desarrollados en Guatemala, que emplean E-leaning, como método de aprendizaje a distancia. Estos sitios son:

• Colegio América Latina.

(http://www.alatina.org/enlace)

• Colegio Internacional.

(http://www.internacional.edu.gt/escuela)

• Universidad del Valle de Guatemala.

(http://sakai.uvg.edu.gt)

• Universidad Galileo de Guatemala.(

http://www.galileo.edu)

De cada uno de los sitios se analizará 4 secciones.

4.3 Instrumentos Se utilizaran uso la recopilación de datos e información de interés para la investigación, se plantea los siguientes instrumentos para cada sujeto de estudio: Sujeto de estudio:

• Diseñadores Gráficos: o Tipo de información: La intervención del

diseñador gráfico en los sitios Web educativo, y en el E-learning.

o Instrumento: Guía de entrevista (no estructurada). Desarrollando una platica abierta la cual permite la obtención de infamación más ampliamente.

• Experto en desarrollo de sitios Web educativos:

o Tipo de información: La implementación de E-learning como método de aprendizaje en la creación de sitios Web educativos.

o Instrumento: Guía de entrevista (no estructurada). Desarrollando una platica abierta la cual permite la obtención de infamación más ampliamente.

• Encargada de educación a distancia:

o Tipo de información: La educación a distancia en línea (E-learning) en Guatemala.

o Instrumento: Guía de entrevista (no estructurada). Desarrollando una platica abierta la cual permite la obtención de infamación más ampliamente.

Objeto de estudio:

• Sitios Web educativos, que utilizan e-learning como método de aprendizaje virtual a distancia, creadas en Guatemala:

o Tipo de información: El análisis de los elementos gráficos empleados y su funcionalidad.

o Instrumento: Guía de observación, para analizar los elementos gráficos que conforman el diseño de los objetos de estudio.

4.4 Procedimientos La investigación se desarrollará de la siguiente manera:

1. Planteamiento del problema. 2. Construcción de objetivos de investigación. 3. Construcción de metodología. 4. Elaboración de instrumentos, que son los medios para

obtener la información. 5. Recopilación de información para contenido teórico y

antecedentes. 6. Descripción de los resultados que se obtuvieron con los

instrumentos. 7. Interpretación y síntesis 8. Conclusiones y recomendaciones. 9. Anexos

10. Bibliografía

La educación virtual Según Rugarcía (2003), la educación virtual surge como una consecuencia de la necesidad de masificar la educación y de lo expansivo de los costos de la educación tradicional. En la actualidad, la educación virtual implica el envío de servicios educativos tanto internamente como más allá de las fronteras institucionales por medios electrónicos. El diccionario aún no incluye entre sus “miembros” a la educación virtual, pero integrando las aportaciones de algunos expertos se podría decir que es: “la educación hacia el aula y hacia fuera del aula por medios electrónicos.

(Universidad Virtual y Corporación Red Universitaria Nacional (REUNA), 2003).

La Educación Virtual se entiende, como aquella modalidad de enseñanza que utiliza redes y computadores para ser impartida y que se verifica en distintos grados y profundidad, los cuales pueden abarcar desde la totalidad de las actividades de enseñanza-aprendizaje (tales como la entrega de contenidos en formato electrónico, actividades propias del proceso de enseñanza aprendizaje, resolución de dudas de contenidos,

trabajo colaborativo y actividades evaluativos entre otras), hasta grados de virtualización menores, en donde la tecnología es utilizada como un simple “telón de fondo” para poner allí la información administrativa o comercial de la institución.

Lara (2002), afirma que la Educación Virtual es "la modalidad educativa que eleva la calidad de la enseñanza aprendizaje...en la que respecta a su flexibilidad o disponibilidad (en cualquier momento, tiempo y espacio). Alcanza su apogeo con la tecnología hasta integrar los tres métodos: asincrónica, sincrónica y autoformación".

Características de la educación virtual

Loaiza (2002), en su obra "Facilitación y Capacitación Virtual en América Latina" describe las características de educación virtual de la siguiente forma:

• Es oportuno para datos, textos, gráficos, sonido, voz e imágenes mediante la programación periódica de tele clases.

• Es eficiente, porque trasmite mensajes, conferencias, etc. en forma simultánea para los centros de influencia.

• Es económico, porque no es necesario desplazarse hasta la presencia del docente o hasta el centro educativo.

• Soluciona dificultad del experto, a que viaje largos trayectos.

• Es compatible con la educación presencial en cumplimiento del programa académico.

• Es innovador según la motivación interactiva de nuevos escenarios de aprendizaje

• Es motivador en el aprendizaje, pues evita estar inclaustrado en cuatro paredes del aula.

• Es actual, porque permite conocer las últimas novedades a través de Internet y sistemas de información.

Por otro lado, Reyes, citado por Loaiza, (2002) describe las dimensiones de la educación virtual:

• Ubicación relativa entre el educador – educando. • Es instantáneo en el tiempo, pero en diferente lugar. • El aprendizaje es a distancia, con offline o On-line en

tiempo real. • El aprendizaje es interactivo, tanto de redes y

materiales de estudio.

• Es autoeducativo en ambientes multimedia o por módulos impresos, todos ellos centralizados en un mismo lugar, a los cuales se le denomina sistemas de autoprendizaje.

• El educando no requiere concurrir al centro de estudio, pero se puede realizar trabajos y debates en comunidades virtuales.

• El educando puede estar en su hogar en capacitación virtual electrónica, la cual puede tomar, según el medio que se utilice, las acepciones sobre "Internet", "Intranet" o "Extranet" (capacitación virtual electrónica global).

Por otro lado la educación virtual brinda:

• La utilización de redes de enseñanza. • El aprende en su casa y en el trabajo. • Accede a una serie de materiales y servicios

mediante las telecomunicaciones. • Tiene a disposición materiales standard como base

de datos. • El educando se comunica e interactúa con el tutor. • El educando interactúa y se comunica con otros.

Crea ambientes del compañerismo. • Crea irrelevante el lugar y el tiempo de acceso.

Finalmente, tenemos los principios de educación virtual con el que se está fundamentando la enseñanza: configurando como una herramienta de gran utilidad porque presenta productos formativos:

Interactivos, los usuarios pueden adoptar un papel activo en relación al ritmo de aprendizaje.

Multimedia, ya se incorpora a textos, imágenes fijas, animaciones, videos, sonidos.

Abierta, permite una actualización de los contenidos y las actividades de forma permanente, algo que los libros de textos no poseen.

Sincrónicos y asincrónicos, los alumnos pueden participar en las tareas y actividades en el mismo momento independientemente y en cualquier lugar (Sincrónico). O bien, la realización del trabajo y estudio individual en el tiempo particular de cada alumno (asincrónico).

Accesibles, no existen limitaciones geográficas ya que utiliza todas las potencialidades de la red de Internet, de manera que los mercados de formación son abiertas.

Con recursos ON-LINE, que los alumnos pueden recuperar en sus propios ordenadores personales.

Distribuidos, no tienen porque estar centrado en un solo lugar, sino accesible en cualquier lugar del mundo, los recursos y materiales didácticos.

Con un alto seguimiento, el trabajo y actividad de los alumnos, ya que organiza tareas a tiempo a remitir.

Comunicación horizontal, entre los alumnos, ya que la formación y colaboración parte de las técnicas de formación.

¿Qué es E-learning?

De acuerdo a Henst, (2002) Con Internet se ha dado un nuevo paso en el tema de la educación a distancia convirtiéndola en una experiencia virtual. Por lo que e-Learning es la forma de designar a este tipo de educación que se brinda a través de Internet.

Según García (2001) el e-learning, se define, como la capacitación no presencial que, a través de plataformas tecnológicas, posibilita y flexibiliza el acceso y el tiempo en el proceso de enseñanza-aprendizaje, adecuándolos a las habilidades, necesidades y disponibilidades de cada discente, además de garantizar ambientes de aprendizaje colaborativos mediante el uso de herramientas de comunicación síncrona y asíncrona, potenciando en suma el proceso de gestión basado en competencias.

Características del E-learning Draxler, citado por Comunidades Europeas, (2003), antigua secretaria de la Comisión Internacional de la Iniciativa Educación para el Siglo XXI, resume los cuatro elementos que pueden examinarse para observar las diferencias entre el e-learning y el método tradicional cara a cara: 1. Adquisición de la información El e-learning transforma el proceso de adquisición de la información en algo que está más directamente bajo el control y la responsabilidad de quien aprende, donde el mediador es o bien inexistente o bien actúa como consejero. También se trata de un proceso. 2. Transformación de la información en conocimiento El e-learning sumerge a quien aprende dentro de un mundo de infinitas fuentes de información, y no hay muchos asideros para guiar a quien aprende. Las guías tradicionales (juicio del profesor, elección de la información que debe ponerse en una biblioteca) no son operativas, y quien aprende tiene una gran parte de responsabilidad a la hora de elegir, clasificar y evaluar esa información. El proceso de transformación es más abierto, más sujeto a la elección y el juicio individual y por tanto prometedor pero arriesgado.

3. Mediación El proceso de mediación puede, en cierta medida, verse libre de la intervención humana. El intercambio humano es potencialmente más inmediato, más intenso, pero también está menos libre de obligaciones (uno puede dejar plantada a una máquina más fácilmente que a una persona). 4. Validación La diferencia entre e-learning y otros tipos de aprendizaje es pequeña: siguen existiendo prácticamente las mismas técnicas y problemas. Podría ser útil hallar cuáles son las diferencias significativas y las oportunidades. Las observaciones de Sharple , citado por Comunidades Europeas, (2003), sobre la integración del e-learning parecen ilustrar perfectamente la descripción de Draxler: la escuela que visitó en Birmingham «va a utilizar un programa de aprendizaje más independiente, basado en los recursos, en el que los niños elegirán su modelo de estudio; los profesores están enormemente motivados no sólo acerca de la tecnología sino también acerca de las oportunidades para el aprendizaje centrado en los estudiantes». Principalmente: «este cambio no lo ha producido la tecnología sino la interacción entre profesores y estudiantes, tecnología y aprendizaje».

Ventajas de E-learning

Para Henst, (2002) las ventajas principales que ofrece la educación virtual son la reducción de costos para dar cursos a más número de participantes que lo tradicional en un aula de clases, ahorro en seminarios y capacitación de empresas muy descentralizadas como los bancos y la flexibilidad de horarios, factor de suma importancia pues permite al estudiante calendarizar el curso de la mejor forma posible. Otra interesante ventaja es la interacción que los cursos generan despertando el interés del estudiante y ayudando a aquellos tímidos a ser de los más activos en clases por medio de foros de discusión y otros medios de participación.

Universidades, Institutos técnicos, asociaciones y grupos de asesores están ya utilizando este nuevo canal para presentar sus programas educativos y buscar nuevos medios para llegar a un mercado más amplio.

Según Paradela (2003), se puede señalar que este tipo de formación es una formación a distancia que aporta, entre otras posibilidades, las siguientes facilidades pedagógicas:

• Flexibilidad en el tiempo. • Accesibilidad geográfica.

• Interactividad horizontal. • Interactividad vertical. • Formación "Just in time". • Solo la necesaria.

La flexibilidad temporal y accesibilidad geográfica, son dos características de la formación a distancia que se ha practicado desde los tiempos más remotos hasta nuestros días. Es evidente que cuando en la actualidad leemos un libro de Platón estamos realizando un proceso formativo con plena flexibilidad temporal y accesibilidad geográfica evidente. Sin embargo, la flexibilidad temporal y accesibilidad geográfica que proporcionan las nuevas tecnologías de la información y las comunicaciones, tienen unas características muy diferentes a la formación tradicional, especialmente por su combinación con la interactividad horizontal y vertical. Utilizando las tecnologías de la información y las comunicaciones, hoy, los alumnos pueden seguir una clase que imparta un profesor, aunque cada alumno esté separado geográficamente, y realizar, con sus compañeros de clase, un diálogo interactivo horizontal al igual que puede realizar un dialogo interactivo vertical con el profesor. La interactividad horizontal y vertical en los procesos formativos es un elemento fundamental para el éxito de la actividad docente y el e-learning, por los avances tecnológicos que se

realizan, proporcionan, cada día que pasa con mayor calidad y eficacia, nuevas oportunidades en este campo. Otra de las ventajas indudables que aportan las nuevas tecnologías de la información a los procesos formativos es la formación "Just in time". Esto es, la formación en el momento que se necesita. Debido a los avances del conocimiento que se realizan en todos los campos, es prácticamente imposible tener una actualización permanente que permita a los individuos solucionar la variedad de problemas que se le presentan en el trabajo diario sin la ayuda de una formación "justo cuando la necesita". La creación de bases de datos de conocimiento, que poco a poco se van creando en las organizaciones, tanto en el sector privado como en el sector público, junto a procesos formativos adecuados, pueden ayudar a que se acceda a la formación que se necesita, en el momento que se necesita. Por último, también es necesario poner de manifiesto que la formación e-learning puede dar la formación necesaria y sólo la necesaria. La formación tradicional ha sido una formación que se puede definir como una "formación para por si acaso". Se dan una serie de conocimientos, que generalmente no se utilizan, con la idea de que en alguna ocasión se necesiten. En el sistema de formación tradicional se dan muchos conocimientos que nunca se utilizan y esta formación puede ser adecuada en los

sistemas reglados de la enseñanza básica, secundaria y universitaria, pero en el caso de la formación continua, en una sociedad de superabundancia de conocimientos, no es posible que la formación sea para por si acaso se necesita. Hay que admitir la limitación en la capacidad de aprender y debe abordarse una formación, justo cuando se necesita, y solo la necearía en cada caso y situación profesional.

E-learning en Plataformas Educativas

De la Fuente, Delgado y Pardo, (2005) afirman que la educación a distancia con ordenador como substituta de la clásica educación presencial viene experimentando una evolución directamente asociada a la evolución de las tecnologías Web. Si bien los primeros esfuerzos por fomentar el e-Learning se basaban en la posibilidad de ofrecer contenidos estáticos tales como textos o imágenes, la disponibilidad de herramientas y estándares asociados al mundo educativo permite expandir las posibilidades a la hora de ofrecer recursos de forma remota.

Las plataformas Web específicas de e-Learning desarrollan funcionalidades como la inclusión de animaciones interactivas, seguimiento del alumno, auto evaluación OnLine. . . De ahí que sea factible pensar en una educación a distancia de calidad.

Henst, (2002) menciona que un entorno de e-Learning la entidad educativa debe proporcionar información ya sea de texto, multimedia, video o audio a través de un sitio web normalmente de acceso restringido. Al inicio se valida a cada usuario para ingresar y esto permite mantener reportes de sus avances en los ejercicios y material del curso. El soporte de parte de los instructores se da por medio de correo electrónico, chats de texto y voz, mensajeros (ej. MSN Messenger o propios), foros de discusión o incluso videoconferencias.

Existe gran variedad de plataformas en el mercado que ofrecen todo este conjunto de herramientas, dejando la libertad al instructor de organizarlas según su preferencia para el curso.

Requisitos para ingresar a un programa de E-learning Para Henst, (2002) estos requisitos son comúnmente llenar una boleta de matriculación, presentar un título en caso de aplicar para un Master o postgrado (Deberá ser autenticado por la embajada del país donde se encuentra la institución) y efectuar el pago, proceso en el que también pueden variar las opciones.

El común es que los precios se encuentren en dólares o euros para los cursos, aunque siempre depende de la ubicación física de la institución.

Metodología, herramientas y diseño de la plataforma E-learning Cebrián (2003), presenta un análisis sobre los contenidos, metodología, herramientas utilizadas y diseño de una plataforma educativa, que utiliza E-learning; a partir del análisis del portal de la asignatura, Fundamentos de Informática, de la Escuela Universitaria Politécnica, de España. El cual denomina como un buen ejemplo de una utilización eficaz de las herramientas conocidas para la comunicación en Internet, para un aprendizaje de mayor calidad y significación para el estudiante.

La siguiente es la descripción de las páginas enlazadas a la página inicial:

• Tablón de anuncios: Se puede consultar el calendario o la información reciente relacionada con la asignación.

• Organización de la asignatura: En este caso a su vez aparecen otros enlaces: datos de la asignatura (nombre, créditos, duración, cursos...), temario, bibliografía, sistema de evaluación, profesorado (tutorías, correo electrónico, teléfono...).

• Material docente: Aquí se incluyen transparencias de clase, relaciones de ejercicios, soluciones, manuales; clasificado en material teórico y práctico.

• Exámenes: Con enlaces a enunciados de exámenes de convocatorias anteriores, a las fechas y a la publicación de notas.

• Software: Dónde puede encontrar software para instalar.

• Otros servicios: Sistema de Evaluación por test (SIETTE), donde el alumno puede realizar tests on- line, a través de internet, recibiendo inmediata evaluación de los resultados: consulta de calificaciones, además de consultar sus notas, el alumno recibe consejos por parte de los profesores en aspectos específicos de la asignatura.

• Enseñanza on-line: Desde este apartado los alumnos pueden comunicarse con el profesor y entre ellos mismos mediante diversas herramientas on-line:

o Lista de distribuciones: Permite suscripción a

una lista desde donde se recibe la información que los profesores consideran de interés para el alumno.

o Tutorías electrónicas: Para realizar cualquier consulta sobre la asignatura a través del correo electrónico

o Tutorias on-line: Se trata de un chat que permite la comunicación simultánea de uno o

varios alumnos con el profesor. A la semana se establece un conjunto de horas en las que los profesores de la asignatura atienden on-line las distintas consultas.

o FAQs (frequently asked questions): Conjunto de preguntas clásicas sobre la asignatura.

o Foro de discusión: Mediante este enlace el

alumno puede entrar a discusión con otros compañeros sobre temas relacionados con la asignatura, dar su opinión, preguntar, responder, intercambiar programas, etc.

o Glosario: Donde aparecen definiciones de términos y conceptos.

o Sistema de Auto evaluación: Permite la creación de diversos cuestionarios y test de evaluación de manera rápida y sencilla.

• Enlaces interesantes sobre teoría y práctica

relacionada con el curso o asignatura?

Funciones del diseño visual en las páginas Web (Royo, 2004). Cuando se acomete un proyecto de diseño visual de la interfaz gráfica, se trabaja en dos planos que se complementan. Por un lado, vamos a dotar de identidad a un espacio vacío, es decir, se hará que ese espacio sea un ente por sí mismo con respecto a otros espacios que existen en Internet, con sus colores identitarios, su tipografía, su forma de tratar las imágenes, íconos, esquemas, etc. Se creará una identidad visual del espacio que representa el sistema Web. Por otro lado, se establecerá unos recorridos a lo largo y ancho del sistema Web y, para ello, Se necesita señalizar el mismo, generar elementos hipertextuales, con unas características óptimas para su visualización y coherentes con el contexto en el que se insertan. Se procede a diseñar también una señalización: la señalización digital. En estos dos ámbitos se centra el estudio del trabajo visual del diseñador en el medio digital, prestando especial atención a la señalización por ser esencial en un medio configurado por redes y nodos.

La identidad de un sitio Web en el ciberespacio equivaldrá a la suma de los siguientes factores: (Royo, 2004)

• La representación gráfica de los valores. Mediante los elementos gráficos que utilice la organización o el artefacto que genere (tipografía, color, imágenes, etc...) se representará una forma de comunicarse y entender la relación entre la organización (o artefacto) y el usuario.

• El estilo de la comunicación escrita. Paralelamente a la representación gráfica, las formas del lenguaje escrito con las que nos dirigimos al usuario también generan valores e identidad.

• La funcionalidad o usabilidad del sitio. Si las

acciones son sencillas de realizar para el usuario, este tendrá una experiencia positiva y esto redundará en la comunicación de una identidad fuerte. Después, el usuario volverá de nuevo a visitar la Web. Si no es así, se olvida para siempre de ese navegante.

• El diálogo y la participación (feedback). El hecho de

establecer espacio de comunicación entre usuario y emisor generará una mayor satisfacción en el

usuario y otra forma positiva de entender a la organización que se visita.

•

Tips generales sobre la creación de páginas Web Simplicidad Hosttas, (2003) menciona que aunque ganar atención es una parte importante de cualquier acto de comunicación, es importante guardar su mensaje tan simple como se ha posible.

• Usar solo la cantidad de texto y gráficos que sean necesarias comunicar sus mensajes.

• Los gráficos superfluos pueden interferir con el entendimiento del mensaje.

• Una superabundancia de tipos de letra y colores pueden distraer en lugar de ayudar al aprendizaje.

Decisiones Acerca de la simplicidad en un Sitio Web

El mismo autor refiere que existen varias decisiones que contribuyen a la simplicidad de un sitio. Si las páginas se

componen por la mayor parte de texto, los títulos pueden ahorrar espacio utilizándolos como Gifs que a su vez agregan un efecto decorativo. La navegación se acelera con la utilización de links basados en textos en lugar de botones. El color de fondo debe ser constante de la página y no debe interferir con la lectura de los textos; los gráficos solo aparecen cuando ayudan a clarificar un punto en el texto. Consistencia De acuerdo a Hosttas, (2003) debe mantenerse consistente el esquema de las páginas, las inconsistencias obligan a las personas a que posean el tiempo extra intentando deducir como navegar, o dónde encontrar las respuestas o las preguntas que tienen. Schwier y Misanchuk citados por Hostas, (2003) sugieren esforzarse para lograr consistencia en:

• El estilo y la forma del lenguaje utilizado, No utilizar un lenguaje formal combinado con modismos o caló.

• La colocación de artículos como información de artículos como información de la orientación dispositivos de la navegación, entradas de texto de usuario, comentarios, o instrucciones de operación.

• Uso de color (incluyendo los degradados en negro y blanco)

• Estructura de acceso como títulos • Uso de elementos (Tipos de letra, tamaño y estilo:

Negrita, cursiva o itálicos y color.) • Estilo de los gráficos • Terminología (direcciones, sugerencias, menús y

pantalla de ayuda) • Nombres de comandos y manera de evocarlos. • Conducta de interacción requerida en situaciones

similares. Agrupar objetos con funciones similares en un punto puede hacer que una página se sienta más consistente. Por ejemplo cada página en el sitio tiene sus opciones de navegación localizados en un lugar similar. Usted sabe donde encontrar las opciones de la navegación en cada página y ésta crea consistencia. La barra lateral e inferior de navegación usa el mismo color para optar los elementos de navegación.

Claridad Según Hosttas, 2003) Es preciso reducir el mensaje a su esencia absoluta y considerar las reglas siguientes para mejorar la claridad:

• Mantener el lenguaje en un nivel adecuado a los

lectores.

• Evitar la jerga y un idioma demasiado elevado ( a menos que ese sea el publico)

• Presentar las ideas clara y simplemente. • Mantener las oraciones. • Usar listas con elementos separados por puntos u

otros signos. • Usar la voz activa, en lugar de la voz pasiva. • Apartarse de las declaraciones negativas si es

posible. • Usar idioma informal. • Usar pronombres personales. • Usar ejemplos que aprendices encontraran

familiares. Y sus muchos ejemplos. • Usar el idioma de una manera no sexista y no-racial. • El uso de tablas y listas separadas por unos puntos

ayuda a lograr claridad en el mensaje. • Bloc de notas: Programa para realizar texto libre sin

formato. • Calculadora: Programa para realizar cálculos

aritméticos. • MS-DOS: Programa de líneas de comandos. • Paint: Programa para realizar dibujos en formato

BMP, JPEG o Gif. • Word Pad; Programa para realizar texto con

formato.

La didáctica y Calidad:

Cebrián (2003) recomienda algunos estándares para la creación de plataformas Web.

• Motivador y facilidad de uso: Fácil de aprender, usar

y recordar, con pocos errores y placentero. • Sistema de evaluación: Revisión y evaluación

periódica de los elementos (estructura, interfaces, servicios) y adaptación a los usuarios.

• Bidireccionalidad: El usuario, pueden comunicarse en ambas direcciones y sin dificultad (por ejemplo: desarrollar procesos de comunicación bidireccional entre profesores y alumnos).

• Fuentes múltiples de enlaces: Como, por ejemplo, la existencia de enlaces a otras fuentes y a tutores.

• Calidad de los interfase: Procurar pocos errores de navegación, calidad del diseño, equilibrio de contenidos y buena estructuración, adecuada brevedad al soporte o espacio elegido, etc.

• Calidad en los contenidos: Por su rigor científico, por su actualidad.

• Calidad técnica: Rapidez de la red, programas estables con estándares de software y hardware, fácil intercambio de documentos de distintos formatos.

La Navegación: Con respecto a la navegación el mismo autor recomienda:

• Diseñar una estructura clara de navegación que permita moverse con comodidad a través de las diferentes páginas del Web. El usuario no debe, en ningún momento, encontrarse perdido.

• Coloque al principio de la página o en una tabla los elementos de navegación y mantener estos elementos en todas las páginas Web en la misma ubicación.

• Si la página es muy extensa, añadir al final un enlace que lleve al principio. Considerar la opción de duplicar al final de página los elementos de navegación.

• Evitar las páginas de más de dos o tres pantallas. Las páginas largas son incómodas de leer y saturan de información al usuario. Por otra parte, hacer scroll es molesto.

• Leer en pantalla documentos extensos resulta, cuando menos, incómodo. Se aconseja ponerlos para descargar, así el usuario puede imprimirlos y leerlos cómodamente en papel.

• Si la estructura del Web es muy extensa, crear una página con un índice o mapa de todos los contenidos.

La Interactividad Para Aguilar, (1999). el World Web es un excelente medio de comunicación y permite establecer una comunicación bilateral, pues facilita transmitir información en dos sentidos, a esto se le conoce como interactividad. Resnick citada por Aguilar (1999), menciona que la publicidad y la comunicación en el Web no debe de ser como en el resto de los medios. Actualmente se está trasladando la publicidad tradicional a la red y esto es un error. Hay muchas formas de aprovechar las posibilidades de interactividad de la red. Apunta Resnick “Yo veo al Web no como un tablón de anuncios, sino como un medio de comunicación interactivo mediante el cual una empresa puede hablar directamente con el consumidor de un producto o servicio”. La ventaja principal del World Wide Web es, pues, que posibilita la interactividad de comunicación, y es esta interactividad lo que lo diferencia de otros medios de comunicación. Por primera vez en la historia se puede establecer un contacto tan directo entre productores y consumidores y el diseñador gráfico debe aprovechar al máximo esta ventaja.

Principios de diseño de páginas Web Diseñando páginas Web atractivas De acuerdo a Hosttas, (2003) Posiblemente los visitantes de una página Web no sepan nada sobre tipo de letras, justificación y alineación de textos, kerning, etc. Pero pueden darse cuenta cuando una página está bien diseñada. Las páginas bien diseñadas, es decir aquellas que poseen una adecuada aplicación de principios de diseño y una correcta utilización de recursos y elementos principios de diseño y una correcta utilización de recursos y elementos gráficos, son más fáciles leer y cumplen acertadamente con sus propósitos. Un diseñador de páginas web experimentado puede tomar diferentes elementos como el cuerpo de texto, títulos, gráficos, los links y cualquier otro elemento y colocarlo en un todo armonioso, de tal manera que su mensaje sea correctamente percibido y resulta del agrado del público al que va dirigido. Un buen diseño de página

Según Hosttas, (2003), Un buen diseño global tiene lo siguientes tres rasgos:

• Tiene unidad y variedad. • Apoya, pero no predomina sobre el mensaje.

• Es apropiado al mensaje que se quiere llevar.

La unidad de diseño requiere más que un logotipo en la esquina de todas las páginas. Los colores, conjuntos de caracteres, esquema de las columnas y otros elementos de diseño deben ser consistentes a lo largo a cada sección de un sitio. El diseño nunca debe permitir predominar sobre el mensaje. Los tipos de letra raros o el uso de demasiados colores pueden llamar demasiado la atención y distraer al visitante del mensaje. Un diseño eficaz simplemente presenta el mensaje de una manera atractiva. Se debe escoger un esquema de diseño apropiado para el mensaje que se está intentando llevar. Lo que funciona para un website corporativo puede no funcionar para un website de entretenimiento. Los juegos de colores, tipos de letra y esquema de diagramación y navegación serán determinados por el tipo de imagen que es apropiada para el público intencionado.

Elementos gráficos para la creación de páginas Web Aguilar, (1999). Menciona que dentro del diseño gráfico, el objetivo último es el mensaje visual que comunica. La

efectividad de este mensaje depende de la buena elección de los elementos gráficos y sus combinaciones. Estos elementos gráficos se combinan de forma controlada y deliberada a fin de estimular al observador, pero la selección adecuada de los mismos depende del conocimiento por parte del diseñador de las especificaciones propias del medio de comunicación que va a utilizar. La Diagramación: Según Aguilar, (1999), que cita a Swann (1993) hace referencia que las retículas, se han utilizado por la necesidad de equilibrio, estructura y unidad. En el diseño gráfico, estas cualidades se obtienen a través del control cuidadoso de la medición del espacio. El espacio, considerado como un área de diseño, a menudo puede ser controlado y utilizado de una manera dinámica por medio de las retículas, las cuales son la división geométrica de un área en columnas, espacios y márgenes medidos con precisión.

La retícula en su forma más simple, se aplica para conseguir un aspecto equilibrado en un espacio determinado, y aunque puede parecer que el uso de retículas limita el diseño volviéndolo inflexible, bien utilizadas ayudan a generar diseños equilibrados y armoniosos. Las retículas usadas como una herramienta de guía en el diseño en Web, sirven para darle balance a las páginas y para mantener unidad entre una serie de páginas. Su aplicación ayudará en la visualización y planificación de las páginas, como la ubicación de los textos e imágenes. La Animación: Haskin, (1995). Hace referencia a una parte integral de multimedia, por lo que resulta adecuado que guste; en multimedia la animación consiste típicamente en dibujos y otras imágenes físicas no fotográficas, mostradas en rápida sucesión, como cuando se pasa rápidamente las hojas de un libro para crear una ilusión de movimiento. La animación en algunos aspectos, es similar al video. Ambos contienen una serie de imágenes fijas, colocadas juntos dentro de una secuencia rápida a fin de crear movimiento.

En la obra Multimedia Aplicada del Centro de Computación Profesional de México (1999), se describe que la animación agrega impacto visual a un proyecto de multimedia. Se puede animar el proyecto completo o se puede animar ciertas partes para acentuarlas o para darles vida. La animación es posible debido a un fenómeno biológico conocido como “persistencia de la visión”. Esto hace posible que una serie de imágenes que cambie muy ligera o rápidamente, una tras otra, parezcan mezclarse juntas creando la ilusión de movimiento. Una de las técnicas de animación más utilizada es la animación por cuadro. Algunos formatos de animación son: formato audio video intercalado de Windows (AVI) animación de director (DIR), etc. La utilización de Vínculos: Para Burrows , Gross, Foust, Word, (2002) Una característica recurrente de los medios interactivos es el control que ejerce el usuario. Este control se facilita a través del uso de vínculos que conectan una parte de la presentación con otra. Los vínculos quizás se empleen para mover al usuario a un nuevo sitio de la presentación, permitiéndole saltar rápidamente a una nueva pantalla. El texto designado como vínculo se llama a menudo hipertexto. Las imágenes también pueden ser vínculos, es posible que diferentes partes de una imagen se definan como vínculos diferentes. Los Gráficos utilizados de esta manera

también se llaman mapas de imagen. El tipo más común de vínculo es el botón, que es un pequeño gráfico hecho para simular un botón de un aparato.

Cebrián, (2003) recomienda:

• Para resaltar un texto utilizar negrita o cursiva, si se utiliza subrayado, el lector puede confundirse con un enlace.

• Limitar a 6-8 el número de enlaces por página, si se necesita poner mas hay que clasificar por categorías.

• Proporcionar al usuario información suficiente para que sepa a donde le llevará el enlace antes de saltar.

• Si el enlace lleva a la descarga de un fichero, indicar formato, tamaño y otros datos que pueden resultar de interés.

• Comprobar el funcionamiento de todos los hipervínculos, tanto los que enlazan con sus páginas como lo que no lo hacen con páginas externas. Es

aconsejable revisar los enlaces internos cada vez que se hagan modificaciones en las páginas y los enlaces de una forma periódica.

Mapa de sitio, que muestra la distribución de los diferentes enlaces. El uso del color: Para Hosttas, (2003), Trabajar con colores en una pantalla de computadora es muy diferente que trabajar con colores para medios impresos. Mientras las aplicaciones de impresión normalmente usan un modelo de color CMYK, el diseño Web utiliza un modelo RGB (rojo, verde, azul).

Este modelo de color utiliza 3 números de O a 255 para representar cada uno de los tres colores. Debido a que los browsers sólo son capaces de desplegar un subconjunto pequeño de los 16 millones de posibles colores RGB, la mayoría diseñadores Web utilizan la llamada paleta de colores Web (Web safe color palette).

Representación de la paleta de colores hexadecimales. Un color es representado en HTML como un juego de tres números de hexadecimales de dos-dígitos. Los incluidos en la paleta de colores Web son todos los colores que pueden ser representados por combinaciones por combinaciones de números pares 00, 33, 66, 99, cc. Y ff. Si se escogen colores para una imagen gráfica, un fondo, o para el texto, se debe tener en cuenta qué tipos de colores son

los apropiados para un sitio y para el mensaje que se está intentando llevar. Utilización de caracteres tipográficos De acuerdo a Burrows, Gross, Foust, Word, (2002). el texto puede consistir en etiquetas (menú principal), instrucción (haga click aquí para continuar) o contenido sustancial. Grandes trozos de texto se despliegan en forma de scroll box, lo cual permite al usuario moverse de arriba abajo a lo largo del texto. El usuario normalmente controla la cantidad de texto que se despega en la pantalla, de modo que la presentación se ajusta para diferentes velocidades de lectura.

Hosttas, (2003), menciona que para que las personas que visitan un sitio puedan ver un mismo tipo de letra (un único juego de caracteres tipográficos) que usted ve en su propia pantalla, ellos también debe tener el mismo tipo de letra instalado en sus computadoras. De otra manera, sus browsers mostraran un tipo de letra para sustituir el que no tienen instalado, sobre este tipo de letra los diseñadores no tienen ningún control. Por esta razón se debe utilizar tipos de letras conocidos, que la mayoría de computadoras tengan instalados. Si se esta buscando un estilo contemporáneo, se pueden utilizar tipos como Helvetica o Arial. Si se está buscando un estilo más sofisticado se pueden usar tipos como Times o Verdana. Si en cambio, se debe utilizar un tipo de letra creativo, entonces se

de convertir el texto seleccionado en un gráfico. Esta opción, sin embargo, aumentará el tiempo de descarga de la página Web.

Tipos de letras comunes en la mayoría de computadoras, por lo tanto más empleadas en un sitio Web.

Con respecto al manejo tipográfico Cebrián, (2003) apunta:

• La elección de una buena tipografía es

importantísima a la hora de diseñar una página Web.

• No todos los sistemas tienen instaladas las

mismas fuentes. Si utiliza en sus páginas una fuente que otro usuario no tiene en su equipo, se le mostrará con otra diferente, con lo que los resultados pueden variar.

• No abusar de negrita o cursiva para resaltar. • No abuse de tipografías diferentes. Mantener en

todo el sitio Web una misma tipografía. Puede utilizarse una para los titulares y otra para el cuerpo del texto.

• Tener en cuenta que el tamaño de las fuentes no

se muestra igual en todos los sistemas; por ejemplo, los Mac reducen dos o tres puntos, se emplea una fuente muy pequeña puede resultar ilegible en una Mac.

• Al leer, lo primero que analizamos es la forma

general de las palabras. Si empleamos titulares con todas las letras en mayúsculas, estamos exigiendo al lector mayor esfuerzo que si sólo capitalizamos la primera letra.

Para diseñar páginas Web se aconseja una tipografía Sans Serif, porque los elementos de adorno de la base de las letras quedan mal definidos debido a la baja resolución de los monitores, y contribuyen a hacer más dificultosa la lectura.

Reglas de lectura: Según Aguilar (1999). las reglas de lectura usualmente aceptadas para diseño editorial funcionan igual para el diseño en Web. Generalmente es aceptado que es más fácil el leer 60 caracteres por línea, mejor que líneas largas. Esto se debe a que los ojos del lector no tienen que buscar el principio de la otra línea en las que son cortas, descansando la vista. Si el texto es diagramado en líneas muy largas la vista se cansa y el lector se ve forzado a detenerse, perdiendo la continuidad de la lectura.

Se pueden utilizar varios recursos para lograr una adecuada diagramación, uno de ellos es utilizar líneas cortas, que se puede lograr a través de columnaje. Otro recurso para lograr una diagramación funcional es dividir el texto en párrafos pequeños, delimitados por un subtitular en un tamaño de letra diferente al bloque de texto, ya que genera contraste y ayuda a captar la atención del ojo.

El uso de imágenes gráficas en las páginas Web Para Aguilar, (1999). Las imágenes ayudan en algunos casos a reforzar los conceptos transmitidos por medio de textos y en otros pueden incluso comunicar mensajes por sí mismas. El diseño gráfico, según Aguilar (1999), que cita a Lynch, siempre

está en búsqueda de un balance entre sensación e información. Algunos críticos opinan, que las imágenes son inútiles y sólo obstruyen la transmisión de la información, mientras que mercadólogos opinan que los documentos sin gráficas se tornan aburridos para el lector, quien puede perder el interés en la información.

De acuerdo a Burrows , Gross, Foust, Word, (2002) Los gráficos consisten en ilustraciones originales compuestas por un programa como Adobe Ilustrador, o talvez se hacen copias digitales de ilustraciones existentes. Usando un Scanner y software como Adobe, PhotoShop, las fotografías y otros materiales impresos se pueden digitalizar y manipular. Para Hosttas, (2003), Uno de los errores de paginas Web es el mal uso o el uso excesivo de las imágenes gráficas en estas páginas. Las imágenes gráficas en una página Web deben cumplir una función específica. Si se utiliza una imagen innecesaria se está aumentando el tiempo de descarga de la página. La siguiente lista es un resumen de los tipos de imágenes gráficas que son aceptables en una página Web, según Hosttas (2003)

• Botones de navegación nos ayudan a los visitantes

a navegar un Web site. Si están bien diseñados,

estos botones pueden ser mucho más fáciles de leer y encontrar que los enlaces o links del texto.

• Image Maps: También ayudan a los visitantes a navegar un Web site. Si están bien diseñados, agregan mucho atractivo visual a una página Web, pero pueden aumentar considerablemente el tiempo de descarga de la misma.

• Logotipo: Usado como identidad corporativa o

comercial. Los logotipos aumentan el reconocimiento de la marca de fábrica y agregan

atractivo visual a cualquier documento o página Web.

• Bullet points o viñetas: dirigen los ojos de los visitantes hacia los puntos principales de un documento. También separan una página Web llena de párrafos.

• Mastheads: también conocidas como gráficas de

titulo. Su función principal es permitir a los visitantes saber en qué página Web se

encuentran. Agregar ilustraciones a un masthead proporciona un atractivo visual más efectivo.

• Líneas divisorias o reglas horizontales: Normalmente usadas para separar pies de página, separar las categorías dentro de una misma página y los cuestionarios de preguntas y respuestas.

• Imágenes de fondo: Su uso refuerza el atractivo

visual de una página web y hacen un website más fácil de navegar. Una de las imágenes de fondo más comunes son los sidebar que normalmente contienen los links hacia las otras páginas de un sitio.

• Títulos (texto gráfico): Normalmente utilizados

para reemplazar un tipo de letra, convirtiendo este en grafico, para evitar que los visitantes tengan que tener el mismo tipo de letra instalado dentro de sus computadoras.

• Fotografías: Normalmente utilizados para

mostrar eventos y objetos de una manera más realista, más personal y más atractiva.

Hosttas, (2003) menciona que todas las imágenes graficas en un Web site deben ser similares en color, tipos de letra y efectos especiales. Por ejemplo, el texto en todos los botones de navegación debe usar el mismo tipo de letra y deben tener los mismos efectos especiales en ellos. Los botones de navegación, mastheads, las viñetas, y líneas divisorias se ven mejor si utilizan uno de los colores que utiliza el logotipo de la empresa.

Para lograr un Web site profesional, el juego mínimo de gráficos de navegación: Un logotipo, viñetas y mastheads. Si este conjunto de gráficos no aumenta significativamente el tiempo de descarga de la página, entonces se pueden agregar otras imágenes para reforzar el sitio. La regla general es mantener el tamaño de página web entre los 40 y 60K., Una pagina Web de 75K, todavía proporcionará un tiempo de descarga relativamente aceptable en un modem de 28.8 kbps. Cualquier imagen gráfica extra en una página web debe cumplir una funcional relacionada directamente a su fin principal. Por ejemplo, en un Web site, se pueden tener ilustraciones que sirven para funciones múltiples:

• Si una empresa de diseño tiene ilustradores profesionales dentro de su personal, ellos deben aprovechar para mostrar su talento de alguna manera dentro del Web site.

• Las ilustraciones también sirven para una función

de navegación. Se puede mostrar en qué parte de un Web site se encuentra una persona basándose en la ilustración mostrada.

• Un buen diseñador gráfico puede diseñar imágenes gráficas que se descarguen rápidamente y sean muy atractivas. Las imágenes graficas deben clasificarse según su tamaño (en K) sin perder su integridad.

Otro elemento de útil para la creación de páginas Web El Audio: (Burrows, Gross, Foust, Word). Los audio digitalizados pueden consistir en voz, música o efectos de sonido, Los usuarios pueden tener la capacidad de decidir cuándo reproducir o pausar un segmento de audio, también se les puede dar control sobre el volumen del sonido que sale de las bocinas de la computadora.

No. 1 sitio “Color in Motion” (Online)

Diseñadora Grafica: Claudia Cortes, 2003.

Tesis para obtener el master en bellas artes

Rochester Institute of Technology

El propósito de éste sitio e-learning, es el de enseñar sobre la psicología y teoría del color. Creando un entorno virtual en donde el usuario puede aprender de forma dinámica, visual y divertida, sobre la temática del color. Además de que permite que el usuario interactúen el color y aprenda la teoría del color, por medio de la experimentación virtual. Todo manejado bajo el concepto de una película, en donde los actores son los Colores, representados por siluetas, en donde cada color representa cada una de sus connotaciones psicológicas. Como el ejemplo que se muestra arriba, del color Rojo, en donde esta representando amor y visibilidad; o el Naranja que representa precaución, solidaridad y comunicación.

No. 2 sitio “Educastur” Intranet Educativa

El navegador educacional de Asturias (NEA) 2006

Portal de La Consejería de Educación y Ciencias del Príncipe de Asturias.

Este otro sitio e-learning, es infantil, consiste en un navegador que le permite al niño aprender temas sobre literatura, en un ambiente muy amigable, en donde el niño puede interactuar en él, escogiendo el orden de su aprendizaje. Está dividido en dos partes, en la que se puede navegar sin registrarse, el cual es el área de los cuentos, enlaces, juegos, leyendas e historietas, como el ejemplo que se muestra arriba, de la novela de Don Quijote de la Mancha, la cual es interactiva, y permite al usuario leerla, oírla y visualizar la animación de cada una de los capítulos, además cuenta con un submenú que permite obtener información externa, del autor y juegos. Mientras la otra parte del portal se ingresa por medio de una contraseña que es proporcionada por los maestros en cada una de los instituciones educativas, afiliadas a EDUCASTUR.

Entrevistas con sujetos de estudio

Resultados obtenidos por medio de guías de entrevista, (ver anexo1).

1. ¿Ha oído hablar de e-learning? Si su respuesta es sí, ¿qué

opinión tiene al respecto? - Diseñadora Erika Grajeda

Realmente hablar del término, no, lo había oído, pero creo haber tenido acceso a estos sitios, al menos de vista, no he tenido la oportunidad de diseñarlos. Y aunque mi respuesta sea no, creo que como todo espacio que necesita intervención , existe una clara intervención del diseño, y creo que es una oportunidad del medio globalizante, hoy hay muchas etapas evolutivas a través de Internet, del espacio Web, y creo que el diseñador tiene que empezar a involucrarse de manera más pro activa; siento que son procesos que para Guatemala no van a llegar muy rápido, pues estamos hablando procesos que vienen de países con otra visión, en los procesos educativos, además de que la cantidad de personas que pueden tener acceso a este proceso de formación, no es como países como Suecia, donde todos tienen acceso a Internet, y el nivel educativo es a otro nivel, y que hay más independencia a nivel formativa, es decir aquí en Guatemala, la figura del profesor es lo máximo, no pensamos

en una formación auto gestora, que yo realmente pueda aprender sin que alguien me guíe físicamente, pues de igual forma este sistema educativo, es una cierta guía, pero te hace más responsable de tu propio proceso de aprendizaje.

- Diseñador Roberto Lujan Si, es lo máximo, es lo mejor que pudieron inventar, pero no se puede aplicar con todo, porque en muchas metodologías educativas que implican práctica el modelo a distancia no se puede adaptar, pero en la mayoría de procedimiento técnicos, el e-learning es la mejor opción que hay para el aprendizaje, sólo necesita uno, una conexión a Internet, una cámara Web y listo. 2. ¿Qué es e-learning como método de aprendizaje a

distancia, y que opinión le merece? - Licenciada Leslie Rosales E-learning es una modalidad de aprendizaje a distancia que hace uso de las nuevas tecnologías de la información y la comunicación. El modelo on-line (o modelo de formación a distancia a través de la red) permite flexibilidad de horarios, la no necesidad de desplazamiento del estudiante al lugar de enseñanza y la personalización de los programas formativos según las necesidades particulares de cada usuario y usuaria. En realidad, e-learning combina varios métodos ya conocidos en modalidades presenciales como el de educación personalizada,

la discusión, el intercambio de experiencias, etc. Sin embargo, puede haber un grave peligro de que el tutor continúe utilizando la plataforma virtual con el método tradicional; es decir, sin participación de los estudiantes, sin autonomía de los mismos para realizar sus trabajos, etc.; algunos tutores únicamente utilizan la plataforma virtual para colgar materiales de lectura a sus estudiantes y trabajo para realizar en el tiempo que el estudiante decida, pero esto no es e-learning, para que se considere como tal es necesario que el tutor promueva participación de los estudiantes a través de discusiones asincrónicas, así como garantizar que las tareas y guías de trabajo impliquen trabajo individual que garantice el aprendizaje de los estudiantes. - Lic. Willy Gomez

El e-learning es un tipo de enseñanza innovadora, surgida con el desarrollo de las nuevas Tecnologías de la información e Internet. Se basa en un conjunto de recursos educacionales, con formatos multimedia, estructurados para lograr un alto nivel de resultados en actividades de aprendizaje interactivas y accesibles en un entorno Internet/Intranet.

El e-learning como método de aprendizaje a distancia permite que el contenido sea distribuido asincrónicamente (el emisor y receptor no necesariamente están en el mismo tiempo interactuando), y ayuda a un aprendizaje constructivista en

donde el alumno va construyendo su propio conocimiento y el profesor es más un tutor para esté.

- Diseñadora Gráfica, María Rosa Santiso. El aprendizaje electrónico, llamado e-learning, nos permite acceder a la información de una forma más accesible y expandida. Como todos sabemos, la educación ha ido avanzando junto con las nuevas tecnologías (TIC), teniendo que cambiar los materiales didácticos de forma y de estilo. Se han ido incorporando elementos educativos como los CD-ROM interactivos, los sitios web o los campus virtuales. Esto hace que el e-learning como método sea enriquecedor para la educación presencial. 3. ¿Qué aporta la inclusión del e-learning a la educación en

Guatemala? - Licenciada Leslie Rosales, E-learning implica una mayor oportunidad de educación para las personas que por limitantes de horario y acceso no pueden adquirirla. Además, implica mayor acceso al conocimiento a través de las Nuevas Tecnologías de la Interacción y la Comunicación.

- Lic. Willy Gomez

Posibilidades. En un país en donde las disntacias y la calidad en la capacitación de sus docentes son problemas latentes, el e-learning permite la posibilidad de proveer más y mejor contenido conducido y preparado por profesores de mejor calidad, lo cual al final ayuda a elevar la calidad educativa de los participantes.

4. ¿Que ventajas tiene e-learning, sobre la educación

convencional? - Licenciada Leslie Rosales, Las ventajas principales son: la no necesidad de desplazarse a la institución educativa, la flexibilidad de horario y la educación personalizada.

- Lic. Willy Gomez

• Centrado en el usuario • Extensión del alcance de la educación • Evaluaciones Precisas

• Contenidos Confiables • Flexibilidad horaria • Independencia geográfica

- Diseñadora Gráfica, María Rosa Santiso. Desde mi punto de vista, el e-learning no presenta ventajas ni desventajas. Es un complemento de la educación convencional. No siempre el e-learning se puede aplicar a todas las tareas educativas. Si es cierto que la ventaja que puede presentar es que es un aprendizaje colaborativo, donde interactúan varias disciplinas: tutorías virtuales, videoconferencias, comunicaciones asincrónicas, etc… Es lo que lo diferencia de la educación presencial. 5. ¿Qué aspectos considera difieren entre un sitio Web educativo convencional y un sitio Web educativo que utiliza E-learning, como método de educación a distancia? - Diseñadora Gráfica, María Rosa Santiso. La diferencia entre un sitio educativo convencional y uno que utilice como herramienta el e-learning es que es una aprendizaje colaborativo. Se hace hincapié en la participación

del alumno a través de chat, foros, intercambio de documentación. - Diseñador Roberto Lujan

La diferencia básica es que, primero un sitio Web con e-learning, ya ni siquiera se le puede denominar un sitio Web, sino ya es un portal de aprendizaje, porque tiene una base programática de soporte atrás para llevar un registro de todas las acciones del usuario, mientras que en un sitio informativo, lo que el usuario haga o deje de hacer, no es que no nos importe, pero no llevamos un registro, o un récord de eso. En cambio con e-learning sí, es uno de los requisitos fundamentales, es justamente eso, que todos los procesos de tutoriales, o de cursos ya sean presenciales o para ser realizados como autodidactamente, porque hay tutoriales que son guiados y hay otros donde uno por sí mismo tiene que orientarse; tiene que llevar un registro del tiempo que le tomó, cuántas respuestas equivocadas tuvo, como en el caso de las evaluaciones, ya que en sitios con e-learning, es que al final le puedan dar como un certificado, donde puedan ellos decir si, efectivamente el usuario aprendió, en cambio en un sitio educativo convencional, es únicamente informativo, ya que si la persona entendió o no entendió, no hay manera de comprobarlo, en cambio aquí la interactividad entre el equipo de soporte que generó el sitio, los servidores que tiene todo el sistema y el usuario es mucho mayor.

- Diseñadora Grafica Erika Grajeda Siento que la diferencia, es la forma en que el usuario interactúa con el proceso educativo, es decir no es lo mismo un material educativo que permite ampliar el conocimiento, a un material educativo en el que tengo que involucrarme con ejercicios, con discusiones y con otro tipo de didáctica. Creo que la diferencia puntual es de orientación pedagógica y didáctica, es decir que la intervención del diseño gráfico es distinto, por ejemplo ubicar un formato para colocar las fotografías y los textos, sino aquello que ya busca otro tipo de proceso mas allá de solo leer y enterarse, ahí veo yo la diferencia, que es básicamente pedagógica y didáctica, pues estamos hablando de otra forma en que la gente puede intervenir aprovechando los avances tecnológicos, como por ejemplo, tener una conferencia con alguien que está en otro país da otra perspectiva del proceso formativo. 6. ¿Qué influencia actualmente tiene e-learning en la

educación de su país de residencia y en América latina en general?

- Diseñadora Gráfica, María Rosa Santiso. Considero que en Europa está en auge. Muchas universidades están incorporando comunidades virtuales. Es un cambio de ideología. Las tecnologías se han incrementado vertiginosamente y hoy en día cualquier individuo tiene acceso a Internet. De una forma muy rápida se puede acceder a mucha información, eso hace que el e-learning se expanda. En América Latina también sucede el mismo proceso pero de una manera más lenta. Los motivos son la escasez de recursos, pero como siempre digo: “cuánto menos se tiene más se hace”. Con lo cual, considero que América Latina está muy informada sobre el aprendizaje electrónico. Siempre me sorprendo cuando doy un taller sobre diseño multimedia en un curso iberoamericano, porque los profesores de universidades latinoamericanas están muy informados y tienen proyectos en marcha sobre comunidades virtuales.

7. ¿Qué influencia tiene e-leaning en la educación actual de Guatemala?

- Licenciada Leslie Rosales, Creo que la mayor influencia que tiene e-learning en la educación actual de Guatemala es el acceso al conocimiento. - Lic. Willy Gómez

Muy poca, a excepción de algunas universidades que lo comienzan a utilizar para impartir cursos de calidad internacional.

8. ¿Cómo se está utilizando e-learning, en los centros educativos de Guatemala?

- Licenciada Leslie Rosales, No puedo hablar de todos los centros educativos de Guatemala. Así que mencionaré cómo lo utiliza uno de los departamentos de la institución para la cual laboro. El departamento tiene como misión la capacitación de docentes. La forma como lo utiliza es a través de la creación de cursos en la plataforma virtual MOODLE. Cada docente tiene acceso a una diversidad de lecturas relacionadas con el tema del curso. De forma paralela el tutor asignado al curso desarrolla guías de autoaprendizaje sobre el tema del mismo en el que se pretende analizar y aplicar en los salones de clases el contenido de las lecturas. Además los tutores promueven discusiones asincrónicas cada cierto tiempo para enriquecer las experiencias de cada estudiante en el desarrollo del curso. Algunos tutores hacen uso de la modalidad de cuestionario de la plataforma para evaluar a través de ella, cuando así se considere pertinente.

- Lic. Willy Gómez

En los colegios como un extensor del tiempo de clase y apoyo para el docente en su clase presencial. En algunos casos de Universidades extranjeras se utiliza como un sustituto total de la clase presencial.

9. ¿Qué lo motivó a implementar e-learning en los sitios educativos?

- Licenciada Leslie Rosales, Algunos pensarían que el uso de e-learning es mera cuestión de moda. Sin embargo, creo que los constantes cambios que surgen en el mundo como consecuencia de la velocidad con la que la tecnología evoluciona han sido factores importantes para la implementación de e-learning. Además que los estudiantes no tienen las mismas necesidades ni oportunidades para transportarse o acceder a los centros educativos. - Lic. Willy Gómez

El potencial que tiene para ampliar el alcance de una clase tradicional. El profesor ahora podrá organizar mejor su clase y no centrarla en la adquisición de contenido sino en la discusión y en el desarrollo de destrezas de pensamiento crítico y creativo.

10. ¿Qué aspectos se deben tomar en cuenta para la

creación de e-learning, eficaz? - Licenciada Leslie Rosales, • La selección de una plataforma virtual de fácil manejo y con

variedad de opciones para desarrollar cursos. • Capacitación de usuarios tanto en el uso de la Tecnología

como en el enfoque pedagógico para utilizar las plataformas en la institución.

• Contar con una persona que esté disponible para brindar soporte tecnológico a los usuarios de la plataforma.

- Lic. Willy Gomez 1. Diferenciar entre información y conocimiento. 2. Establecer los objetivos basados en competencias. 3. Elegir el estilo de enseñanza que se adapte mejor a los

objetivos del curso. 4. Tener en cuenta las características de los potenciales

destinatarios. 5. Aprovechar las posibilidades que ofrecen los hipertextos y

ser lo más gráfico y creativo posible en la presentación del contenido.

6. Proponer actividades significativas, que sean relevantes para el estudiante.

11. ¿Qué intervención debería tener el diseño gráfico en los

sitios Web educativos? - Diseñadora Erika Grajeda La intervención es directa, en cuanto a generar patrones visuales que faciliten a la gente ubicarse en el contenido para que sea mejor el proceso de aprendizaje, yo si creo que el diseñador como mediador, tiene una responsabilidad directa en cualquier medio, y en sitios Web que es el más moderno mucho más, en el aprendizaje, favorece la imagen visual que le facilite a la gente ubicarse en ese espacio, no tanto que gracias a que esté diseñado va a aprender, la forma en gráficamente favorece la distribución de los elementos , poder facilitar a que la persona pueda manejarse en ese espacio.

- Diseñador Roberto Lujan. El soporte gráfico del sitio es lo que va ha hacer que la gente se quede leyendo o no, es decir que aprendan o no; a diferencia de un sitio con fines publicitarios, el diseño gráfico en un sitio educativo, es todavía más importante, porque o puede generar distracción o confusión en los contenidos, como puede hacerlos más amenos o más agradables. La responsabilidad del diseño es mayor, tiene que ser algo muy simple, pero al mismo tiempo llamativo, pero sin llegar al punto de distraer al usuario, a

diferencia de un sitio Web publicitario, donde lo que se busca es justamente eso, distraer al usuario a la publicidad. 12. ¿En qué consiste el proceso de creación de un sitio Web

educativo? - Diseñadora Erika Grajeda Desde mi experiencia, yo veo una relación estrecha con todos los procesos que involucran el hecho educativo, pedagogos, psicólogos, antropólogos, diseñadores, es decir, yo no puedo ser la barita mágica que resuelve ese proceso, porque a mí me tienen que decir cómo se quieren comunicar, para que yo pueda favorecer esa comunicación, es decir, yo no puedo saber cómo tiene que ser la dinámica de diálogo, eso me lo tiene que decir el experto para que yo diga, por códigos de colores, yo puedo facilitar a que la gente sepa cuánto tiempo tiene que hablar, cómo puede acceder a tal cosa; es un proceso ínter disciplinado, es decir yo participo en todo me vienen todos los insumos de esa gente experta, pues como diseñadora no es mi especialidad, si yo trabajo sola estoy segura que ese proceso no va a funcionar. Y aún más importante en la temática educativa, en donde el contenido tiene que ser mediado por un pedagogo, educador, es decir especialista, pues en este proceso se involucran grandes equipos de trabajo.

-Diseñador Roberto Lujan El proceso involucra muchas personas, no es algo que pueda hacerlo un diseñador gráfico solo, tiene que haber alguien en el soporte técnico, un programador o desarrollador Web, y tiene que haber un psicólogo, pedagogo o docente involucrado en la preparación de los materiales; es un proceso en equipo, no se puede hacer individualmente, a menos que el diseñador sea también un docente o un educador, y aún así no es recomendable, porque va a darle una orientación lineal al proceso, mientras que con más personas logra uno, hacer un balance entre el aspecto gráfico y el informativo orientado en este caso a la educación. 13. ¿Qué intervención debe tener el diseño gráfico para la

creación de un sitio e-learning?

- Licenciada Leslie Rosales, Considero que la mayor intervención que puede tener el diseñador gráfico en la creación de una plataforma virtual consiste en facilitar mediación pedagógica de tipo visual. La mediación pedagógica es un método que pretende organizar la información de forma tan fácil y comprensible para estudiante que se garantice un aprendizaje significativo de la información o

habilidad, con esto no quiero decir que no se busque el esfuerzo del estudiante, sino que se facilite su comprensión. La mediación pedagógica hace uso de esquemas como mapas conceptuales, representaciones gráficas de la información, organización y selección de la información, etc. Creo que en este aspecto es muy valiosa la ayuda de un diseñador gráfico. - Lic. Willy Gomez Muchísima. Uno de los grandes problemas actuales de los sistemas de e-learning es que están construidos por gente del área de sistemas y adaptados por personas de educación. Pero resultan ser no agradables al usuario, lo cual disminuye la motivación de éste en participar en cursos e-learning. El grado de motivación de un estudiante cualquiera está en relación directa del aprendizaje que éste pueda tener en la clase. El diseño gráfico puede provocar una mejor experiencia en la utilización de estas herramientas, permitiendo al alumno no perderse y enfocarse en lo que realmente es el objetivo del curso.

14. ¿Qué diferencia, considera, existe en la intervención que tiene el diseño gráfico en los sitios Web educativos convencionales y los que utilizan e-learning?

- Diseñadora Gráfica, María Rosa Santiso. En ambos casos tiene la misma importancia. El diseño gráfico es un comunicador visual, su objetivo principal es transmitir un mensaje, en este caso un mensaje educativo. Por tanto, tiene que ayudar a que la información llegue de una manera clara al usuario final. - Diseñadora Grafica Erika Grajeda Este nuevo sistema consiste más en lograr mejores jerarquías, conforme yo me voy metiendo al sistema, creo que la diferencia está en cómo se manejan las jerarquías, cómo se hace más fácil para el usuario visualizar los diferentes niveles donde tiene que intervenir y que tiene qué hacer. La gente está acostumbrada a páginas donde es parecido su uso a un libro de texto, a diferencia que en este sistema, se busca la interacción del usuario con comunicación, con dudas, con retroalimentación, si la diferencia del diseño es en cuanto a jerarquías y ordenamiento, creo que esa es la base. - Diseñador Grafico Roberto Lujan Hay que preparar mucho más el material cuando es para e-learning, porque hay que montarlo sobre una plataforma, una estructura lógica más compleja, justamente para poder hacer este registro y porque aquí por lo general se busca, que el

usuario haga práctica, entonces, hay que hacer una programación gráfica más avanzada que en un sitio convencional, porque en un sitio convencional, usted viene y agarra foto por foto, el proceso, para hacer una animación en Flash, viene le va tomando un print screen y sólo pega paso por paso. Mientras que en e-learning , tiene que tener la capacidad de tener el mismo programa o el mismo procedimiento y después detectar si usted lo está haciendo con los mismo pasos, es decir, es totalmente interactivo, donde pueda haber un tiempo mínimo o tiempo máximo para realizar un tutorial, si usted no lo cumple en ese tiempo, el sitio Web tiene que detectar que usted no lo terminó el tiempo y tiene que dejar eso registrado, para darle una oportunidad de volver a sacarlo o decirle que empiece de nuevo.

15. ¿Qué elementos gráficos considera se deben manejar

para la creación de un sitio Web educativo, que utiliza e-learning?

- Diseñadora Gráfica, María Rosa Santiso. Se pueden utilizar todos los elementos gráficos, depende de lo que haya que transmitir o comunicar. Por ejemplo: hay que pensar a quién está dirigida la información, en qué medio estará publicada, cuál será el acceso del usuario, qué tipo de información es la que se debe diseñar, etc… Todos estos factores definen los elementos gráficos. Si el usuario tiene una

conexión de MODEM de 56 k. el diseñador no podrá colocar un video. O en todo caso, colocará un video con streaming para que la carga del video se realice en el servidor y no el caché del usuario. - Diseñador Grafico Roberto Lujan

La iconografía, creo yo que es lo más importante, que sea clara, el uso de tipografía slegibles en cuanto a contenidos, puede ser muy atractiva o dinámica la tipografía en el caso de los paneles, pero en cuanto a los contenidos tiene que ser lo más simple posible para que todas las personas lo puedan leer bien y después diría yo en cuanto al uso del color, que no puede ser demasiado llamativo justamente porque en un sitio de e-learning se busca que la persona esté frente al sitio por un período largo de tiempo, si usted pone colores muy intensos hay cansancio visual; todo el diseño gráfico debe ir orientado a que la persona pueda permanecer el mayor tiempo posible frente a la pantalla. - Diseñada Grafica Erika Grajeda El proceso tiene que se muy claro, y su codificación tiene que ser simple, y los elementos tienen que medirse no tanto en número, sino en eficiencia, es decir, si uso elementos gráficos de apoyo, o signos que ayuden a diferenciar, por ejemplo, qué es una lección, qué es un ejercicio, qué es un contenido, es

decir, es mas fácil para la gente, entonces no es tanto el mínimo, sino la forma en que van a interactuar los elementos, tiene que ser clara, directa, llevar un orden lógico bien estructurado, que a la gente le ayude a comprender el código de lectura de una manera muy rápida, porque si de lo contrario no funciona. Debería ser muy fácil, los elementos optimados al cien por ciento, de manera que si vamos a colocar fondos para diferenciar secciones, eso se convierte en un código de interpretación, para que la gente sepa por ejemplo, que en e verde están los ejercicios.

16. ¿Qué aspectos considera el diseñador gráfico debe tomar en cuenta para la elaboración eficiente de un sitio educativo que utiliza e-learning?

- Diseñadora Gráfica, María Rosa Santiso. Ante todo realizar un brief (memoria descriptiva) antes de comenzar a diseñar teniendo en cuenta los siguientes ítems: a. Usuario b. Contenidos c. Medios tecnológicos d. Usabilidad.

- Diseñadora Grafica Erika Grajeda Creo que lo básico como con cualquier otro proyecto, es definir cual es el objetivo del material, en este caso del sitio, qué busca la gente, es decir qué aprendizaje se va a facilitar, eso le permite al diseñador definir qué elementos de apoyo, cómo va a resaltar los contenidos, qué niveles de jerarquías, cómo va a trabajar los indicadores, que nivel de abstracción va a utilizar en los elementos gráficos, etc.

- Diseñador Grafico Roberto Lujan

Pues estructurar muy bien los contenidos, segmentarlos de modo que esté en cantidades de información que sean fácilmente asimilables, pues en un sitio informativo, usted puede colocar el texto corrido en tres páginas y hace scroll, en cambio aquí se tiene que partir en cuatro o cinco páginas, para que vea es información, de manera que no se sature a la primera a la persona, con los contenidos.

Y que la navegación sea más intuitiva, no es como en un sitio de diseño convencional o publicitario, en donde se busca ser muy dinámico o muy atractivo los paneles, o hasta incluso hasta ultra conceptuales, que la gente hasta tiene que mover mucho el mouse averiguar donde dar clic, tiene que ser muy obvio.

En cuanto a la animación, tiene que ser una que enfoque al usuario, de regreso al contenido, por ejemplo, si se coloca un muñequito ahí, que este en un momento determinado, señale la información o saque una burbuja con un diálogo en donde está guiando al usuario; la animación se usa no como el elemento principal, sino como un soporte para el contenido, como una guía y para los tutoriales, cuando se hacen los ejemplos de cual es el procedimiento que va a tener la persona, la animación es básica, porque es mucho mejor en vez de tener una secuencia de imágenes planas, tener una animación que explique el procedimiento, para ello se utiliza un programa que se llama Captigel, de Macromedia, el cual tiene la habilidad de registrar como video, todo lo que uno hace en la computadora y después lo genera en un archivo que puede ser montado en Flash, para que posteriormente se coloquen indicaciones, además reconoce todos los eventos cuando se hace clic derecho, cuando se selecciona el menú, para que coloquen las notas del caso, al preparar el material.

17. ¿Cómo la intervención del diseño gráfico, puede ayudar al mejor aprendizaje del usuario, en las plataformas educativas que utilizan e-learning?

- Diseñadora Gráfica, María Rosa Santiso. No es que el diseño gráfico “puede” sino que “debe” ayudar desde la claridad de la información, la accesibilidad, la Usabilidad para que el alumno se interese por el medio educativo. El diseño no debe ser un “distractor” sino un “reforzador” de ideas. - Diseñadora Grafica Erika Grajeda Nosotros mediatizamos digamos el canal que va a utilizar para comunicar con el objetivo de facilitar el traslado de información, el traslado de aprendizaje, etc. Entonces, en el caso de esta experiencia, lo importante es que la gente se sienta cómoda con los recursos que se utilicen, que si se van a utilizar fotografías no sea una fotografía casual ahí, sino una fotografía que haga discurso sobre el contenido, por ejemplo, entonces no puede ser cualquier foto, es decir tiene que ser una foto que genere expectativa, discusión que permita ampliar. Es decir que el recurso gráfico utilizado, sirva para clarificar, que no sea un adorno puesto ahí, que apoye la reflexión sobre la temática, porque entonces así, ese recurso realmente me confirma que va a provocar en el que está estudiando, una inquietud, una reflexión, porque estamos hablando que pueda ayudar al mejor aprendizaje, pues creo que aprende mejor aquel que discute sobre un tema, si yo sé eso, voy a tratar de

utilizar, fotos que ayuden a eso, esquemas de diagramación que faciliten eso, textos cortos que puedan ser concisos y que vayan vinculando varios procesos simultáneos. Aquí es donde digo que de verdad es como complejo, a nivel interdisciplinario, porque en mi experiencia, sé que hay diferentes recursos educativos, que uno puede manejar, entonces aquí se puede aprovechar, porque, en este tipo de recursos el costo es el factor más animante, porque llegas a miles de personas, eso creo que es algo que se debe aprovechar mucho para facilitar el aprendizaje, es impresionante lo que se puede manejar a nivel de esos recursos.

- Diseñador Grafico Roberto Lujan

Es importantísimo el diseño grafico, es como cuando se hace cualquier material didáctico, la parte grafica es la que va a determinar si la persona quiere seguir aprendiendo con el material o no.

18. ¿Qué elementos técnicos debe considerar el diseñador

gráfico, para la creación de un sitio e-learning eficiente?

- Diseñador Grafico Roberto Lujan

Elementos muy optimizados, para que la carga sea rápida y modular para que se puedan, incluso, así como cuando se entra al buzón de correo y se puede escoger distintas plantillas de cómo quiere que salga, que si se quiere el folder del lado izquierdo o del derecho, con letra pequeña, con letra grande, todos esos elementos técnicos, lo ideal es poder facilitarle al usuario que pueda tener múltiples opciones , es decir, distintas opciones de diagramación a nivel plantilla, para que el usuario escoja la que mejor le convenga. No tanto a nivel grafico, sino a nivel técnico el sitio, tiene que ser modular, para que se pueda armar y desarmar de distintas maneras, desde un nivel muy básico, hasta niveles muy complejos, y totalmente móviles, que el mismo sistema de e-learning , pueda proveer para un nivel básico con elementos gráficos y que a partir de agregarle módulo, se puede lograr hacerlo más complejo.

- Diseñadora Erika Grajeda Tiene que ser eficiente al cien por siento, es decir, sí vamos a hacer una animación que no se trabe a mitad de camino, sino que ayude, ciento yo que si, algo muy importante, es no creer que por costo puedo usar mil cosas, entre más es mejor, si hay que buscar un claro equilibrio entre el manejo de los elementos y cómo realmente ayudar a la gente.

En cuanto a la velocidad , dependerá de las secciones, porque hay cosas que si pasan muy rápido , y estamos hablando de aprendizaje, distraen , confunden, o no sirven, creo que el tiempo debe poder ser controlado por el usuario, no que sea algo muy fugaz que confunda en lugar de apoyar, y la gente no sepa que hacer, entonces esa es otra estrategia de este tipo de proceso que hay cosa que van a requerir más tiempo, hay cosas que debe el usuario poder controlar el tiempo, porque dependerá del proceso de aprendizaje de cada usuario. 19. En su experiencia en el área de creación de e-leanirng,

¿Cuál es el proceso que llevó a cabo para su creación? - Diseñadora Gráfica, María Rosa Santiso. El análisis, si no hay una memoria descriptiva de lo que se quiere hacer no se puede tener en claro qué es lo que se quiere hacer. Por ejemplo: realizar un manual de estilo, un guión multimedia y un cronograma de tareas. Bruno Munari indica que el proceso creativo tiene estas fases: a. Detectar y definir problemas.

b. Analizar y recopilar datos.

c. Activar la creatividad.

d. Investigar materiales multimedia y tecnológicos.

e. Experimentar el desarrollo de bocetos.

f. Verificar y definir soluciones.

20. Según su experiencia, ¿Qué consejos le daría al

diseñador gráfico que comienza a trabajar en la creación de e-learning?

- Diseñadora Gráfica, María Rosa Santiso. Muchas veces cuando observamos un producto multimedia nos preguntamos si se ha querido comunicar ideas o deslumbrar con imágenes. Ese es el gran problema que obviamos muchos diseñadores gráficos porque nos interesamos por la estética y dejamos de lado el objetivo final del mensaje. Debemos pensar que estamos hablando de educación no de elementos publicitarios.

• Comentarios u observaciones del tema - Lic. Willy Gomez Aunque el tema de e-learning en el sector educativo está en un estado insipiente, es necesaria su consideración en este tipo de trabajos de graduación debido a que inevitablemente será una

de las herramientas de punta para las empresas que deseen estar preparadas para competir en este mundo globalizado. El diseño de la interfase del usuario es de vital importancia para que su adaptación sea más suave, rápida y eficaz. De lo contrario los usuarios guatemaltecos desecharán esta poderosa herramienta simplemente por no sentirse a gusto con un cambio que no ha sido bien presentado. - Diseñador Roberto Lujan. El tema está muy bueno, y es importante investigar sobre el programa de Captigel, es muy útil en cuanto a e-learning, y el uso de video , video ya montado a nivel multimedia, son de las herramientas más usadas actualmente, junto con el uso de Web cam, porque muchos de los sitios si, tienen que ser presenciales, a pesar de que sean a distancia, eso implica una coordinación en donde el catedrático, establece un horario para dar el curso, el catedrático da la opción de la conferencia para múltiples usuarios o individual, en el portal de capacitación aparecen los diferentes catedráticos con los diferentes horarios y la cantidad de horas que da cada uno, para luego inscribirse en el curso que más le convenga al horario que uno tenga y las fechas que uno tenga; además hay veces que hay que comprar materia de soporte físico , como CD, manuales o guías, que se pueden bajar en formato digital o no.

- Diseñadora Gráfica, María Rosa Santiso. Simplemente voy a finalizar esta entrevista con este texto que “cuenta” un diseñador gráfico argentino Ronald Shakespear en el libro: “Diseño Gráfico para la gente” de Jorge Frascara. Desde mi punto de vista este mensaje resume la función de un diseñador en cualquier área, por tanto es aplicable en el e-learning. “Los ojos que ves, no son ojos porque los veas, son ojos porque te ven.» Antonio Machado Me han dicho que Chesterton recorría el sur de Francia cuando, cierto día, llegó a una catedral en construcción. Allí entabló un diálogo con las personas que trabajaban en la obra. —Y tú ¿qué haces aquí? — preguntó Chesterton. —Estoy construyendo un atrio magnífico— respondió uno. —Tú ¿a qué te dedicas? — preguntó a otro. —Estoy construyendo un púlpito de ébano y oro como nunca existió— fue la respuesta.

— ¿Qué haces tú? — preguntó a un tercero. —Estoy construyendo el campanario y los vitrales más hermosos de la cristiandad— respondió. Un poco fatigado, Chesterton se acercó a un anciano que, sumido bajo un mar de planos, corregía con fervor. — ¿Y tú, qué haces, buen hombre? —Estoy haciendo una catedral para la gente— contestó.”

Objetos de estudio

Resultados obtenidos por medio de una guía de observación, (ver anexo2).

HOME

• Color: Full color, en tonalidades frías. Expresión: Serenidad. Utilizó un color gris para el diseño del fondo y de los frames, y logotipo a full color. Apoya el aprendizaje y parcialmente está pensado en el usuario

• Imagen: Logotipo, botones y viñetas. Las cuales parcialmente están apoyando el tema, y pensado en el usuario, Expresión: Identidad. Carece de imágenes. Las viñetas se emplearon en los hipertextos, para resaltarlo del resto del documento.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul y negro, alineado izquierdo. Se torna pesada la lectura al utilizar solamente bold. Esta pensado en el usuario y parcialmente apoya el aprendizaje.

• Titulares: Tipografía sand serif, con formas curvas, bold uso de color y negro. Expresión: Jerarquía. Apoya el aprendizaje y esta pensado en el usuario. Se jerarquiza por medío del tamaño y color.

• Diagramación: Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos. Se guarda una misma diagramación en de una de las secciones del sitio. Expresión: Orden. Apoya el aprendizaje. Existe jerarquía en el texto, imágenes y espacios.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Énfasis. Apoya el aprendizaje.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden.

COLEGIO AMÈRICA LATINA http://alatina.org/enlace

SECCIÒN DE PRIMARIA

• Color: Full color, en tonalidades frías. Expresión: Serenidad.

Utilizó un color gris para el diseño del fondo y de los frames, y logotipo a full color. Apoya el aprendizaje y parcialmente está pensado en el usuario

• Imagen: Logotipo y botones Las cuales parcialmente están

apoyando el tema, y pensado en el usuario, Expresión: Identidad. Carece de imágenes.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul y negro, alineado izquierdo. Esta pensado en el usuario y parcialmente apoya el aprendizaje.

• Titulares: Tipografía sand serif, con formas curvas, bold uso de color y negro. Expresión: Jerarquía. Apoya el aprendizaje y esta pensado en el usuario. Se jerarquiza por medio del tamaño y color, que además identifica cada sección.

• Diagramación: Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos. Existe monotonía en la diagramación de cada una de las secciones del sitio. Expresión: Orden. Apoya el aprendizaje. Existe jerarquía en el texto, imágenes, y color. Existe una gran área carente de elementos gráficos.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Énfasis. Apoya el aprendizaje.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden.

SECCIÒN DE REGISTRO PARA INGRESAR

• Color: Full color, en tonalidades frías. Expresión: Serenidad. Utilizó un color gris para el diseño del fondo y de los frames, y logotipo a full color. Apoya el aprendizaje y parcialmente está pensado en el usuario

• Imagen: Logotipo, botones e ilustraciones. Las cuales parcialmente están apoyando el tema, y pensado en el usuario, Expresión: Identidad e indicación. La ilustración se utilizo como icono para el botón de ayuda.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul y negro, alineado izquierdo. Esta pensado en el usuario y apoya el aprendizaje. Pues el tamaño permite la lectura.

• Titulares: Tipografía sand serif, con formas curvas, bold , color negro. Expresión: Jerarquía. Apoya el aprendizaje y esta pensado en el usuario. Se jerarquiza por medio del color.

• Diagramación: Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos. Existe una buena distribución del texto, a pesar de que éste es extenso, permitiendo su legibilidad. Expresión: Orden.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Énfasis. Apoya el aprendizaje.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden. Hace uso de otro color para diferenciar los hipertextos del resto de texto.

CURSOS DE PRIMERO PRIMARIA

• Color: Full color, en tonalidades frías. Expresión: Serenidad.

Utilizó un color gris para el diseño del fondo y de los frames, y logotipo a full color. Apoya el aprendizaje y parcialmente está pensado en el usuario

• Imagen: Logotipo, botones e ilustraciones. Las cuales están apoyando el tema, y pensado en el usuario, Expresión: Identidad. Ilustraciones como símbolos para indicar el estado del vínculo.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul, alineado izquierdo. Esta pensado en el usuario y parcialmente apoya el aprendizaje.

• Titulares: Tipografía sand serif, con formas curvas, bold uso de color negro. Expresión: Jerarquía. Apoya el aprendizaje y esta pensado en el usuario. Se jerarquiza por medí del color, hace falta por tamaño.

• Diagramación: Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos. Expresión: Orden. Apoya el aprendizaje. Existe jerarquía en el texto, imágenes, y color. Existe una gran área carente de elementos gráficos. Y el bloque de texto es demasiado extenso hacia abajo, locuaz desperdicia espacio a lo ancho.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Énfasis. Apoya el aprendizaje.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden.

HOME

• Color: Full color, en tonalidades frías y calidas. Expresión:

Dinamismo. Prevalece el color corinto institucional. Se guarda equilibrio por medio del color, ya que el peso visual está en la parte superior, que es un área pequeña, mientras el área más grande deja espacios en blanco, que además dan descanso visual. Apoya el aprendizaje y está muy bien pensado en el usuario

• Imagen: Logotipo, ilustraciones, botones, imágenes de fondo, fotografías y viñetas. Las cuales están apoyando el tema, y pensado en el usuario, Expresión: actividad. Uso de la fotografía como fondo de pleca, uso de fotos de fondo para titulares, ilustraciones para ubicación del usuario, e ilustración como iconos.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul, alineado izquierdo. Esta gpensado en el usuario y apoya el aprendizaje.

• Titulares: Tipografía sand serif, con formas cuadradas bold, uso de color y negro. Expresión: Jerarquía. Apoya el aprendizaje y esta pensado en el usuario. Se jerarquiza por medío del color y el tamaño.

• Diagramación: Uso de ejes mixtos. Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos del cuerpo de la página. Y uso de ejes dinámicos, para la pleca superior del encabezado. Expresión: movimiento. Apoya el aprendizaje y esta pensado en el usuario. Existe jerarquía en el texto, imágenes, espacios y color.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario. Además de ser muy agradable su recorrido en ella, invita al usuario a quedarse.

• Animación: Existe en los botones animación de color en el “over”. Y en las imágenes de fondo de la pleca superior. Expresión: Actividad. Apoya el aprendizaje y está pensado en el usuario.

• Vínculos: De hipertexto y botones, los cuales están clasificados, guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Ubicación.

COLEGIO INTERNACIONALhttp://www.internacional.edu.gt/escuela

SECCIÒN DE KIDDIE CARE

• Color: Full color, en tonalidades frías y cálidas. Expresión:

Dinamismo. Full color en ilustración guardando en el banner el color institucional utilización de espacio en blanco para descanso visual de la variedad de color lo cual lo hace agradable.

• Imagen: Fotografía a color, Imágenes de fondo digital, ilustraciones digitales, botones. Expresión: actividad. Fotografía como imagen de fondo del banner de encabezado. Logotipo de colegio y sección. Además Ilustración como mapa de imagen. Uso de placas de colores.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en normal e itálica. Expresión: Legibilidad. Para darle énfasis de un pensamiento, comentario citado por un autor. Lo diferencia del resto del texto alineado a izquierda.

• Titulares: Tipografía sand serif, con formas curvas, bold, uso de color negro. Expresión: Jerarquía. Para indicar el área en donde se encuentra ubicado el usuario.

• Diagramación: Uso de ejes mixtos. Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos del cuerpo de la página. Y uso de ejes dinámicos, para la pleca superior del encabezado. Expresión: movimiento. Apoya el aprendizaje. Existe jerarquía en el texto, imágenes, espacios y color. Emana unidad entre cada una de las paginas por el uso de la plaza inferior y superior donde se ubica el encabezado con el logotipo.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Muy interesante y anima al usuario a navegar por ella.

• Animación: Existe en los botones animación de color en el “over”. Y en las imágenes de fondo de la pleca superior. Animación en mapa de imagen y efectos. Expresión: Actividad. Crea un ambiente vivo en el mapa de imagen, atrayendo la atención y creando armonía en los botones se observa animación de color.

• Vínculos: De hipertexto y botones, los cuales están clasificados, guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Ubicación.

SECCIÒN DE MENÙ DE SECUNDARIA

• Color: Full color, en tonalidades frías y calidas. Expresión:

Dinamismo. Muy interesante combinación de color que diferencia cada una de las áreas de esta sección. Fondo de con gradiente que da profundidad, utilización de colores constantes.

• Imagen: Logotipo, ilustraciones digitales, botones, imágenes de fondo digitales, fotografías a color. Las cuales están apoyando el tema, y pensado en el usuario, Expresión: actividad. Fotografía como imagen de fondo de placa superior. Y como elementos gráficos de apoyo visual. Ilustraciones como símbolos de cada sección.

Logotipo con una mejor utilización a línea como símbolo. • Cuerpo de texto: Tipografía sand serif, con formas curvas, en

normal. Expresión: Legibilidad. El tamaño es apropiado. • Titulares: Tipografía sand serif, con formas curvas, formas

cuadradas bold, uso de color y negro, Itálica y Normal. Expresión: Jerarquía Logra contrastar de nuevo el color da la forma y el tamaño.

• Diagramación: Uso de ejes mixtos. Jerarquía en texto, jerarquía en imágenes, Jerarquía en color y Jerarquía en espacios. Expresión: movimiento. Ha creado uso de la articula cuadriculada formada por los ejes horizontales y verticales. Se colocan los elementos logrando dinamismo, movimiento y guardado en orden.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección.

• Animación: Existe en los botones animación de color en el “over”. Y en las imágenes efectos. Expresión: Actividad. Animación del sonido apropiado. Introducción a la sección. Mantiene animación en la pantalla del computador que aparece en la parte inferior. Agradable y fluida la animación.

• Vínculos: De hipertexto y botones, los cuales están clasificados, guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Ubicación. Diagramación del menú de botones de forma muy agradable clara y divertida mientras a la vez guarda un orden para ubicar.

CURSOS PRIMERO BÀSICO

• Color: Full color, en tonalidades frías y calidas. Expresión: Dinamismo. Uso de color en el texto full color en la fotografía y siempre, grabando la placa de cada uno en el encabezado con el color institucional. Utilización de espacios en blanco.

• Imagen: Logotipo, ilustraciones, botones, imágenes de fondo, fotografías. Expresión: actividad. Uso de la fotografía como imagen de fondo de placa de encabezado. Ilustración como símbolo Logotipo en placa superior.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en normal. Expresión: Legibilidad. Uso de color para aprendizaje alineado a la izquierda.

• Titulares: Tipografía sand serif, con formas cuadradas bold, uso de color blanco y negro. Expresión: Jerarquía y medio de color y tamaño.

• Diagramación: Uso de ejes mixtos. . Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos del cuerpo de la página. Y uso de ejes dinámicos, para la pleca superior del encabezado. Expresión: movimiento. Apoya el aprendizaje y esta pensado en el usuario. Existe jerarquía en el texto, imágenes, espacios y color.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección.

• Animación: Existe en los botones animación de color en el “over”. Y en las imágenes de fondo de la pleca superior. Expresión: Actividad. Animación de color en botones.

• Vínculos: De hipertexto y botones, los cuales están clasificados, guardan orden, son funcionales y fáciles de ubicación. Expresión Ubicación Efecto de subrayado en el over del hipertexto y ayuda a la ubicación.

HOME

• Color: Full color, en tonalidades frías y cálidas. Expresión:

Modernismo Uso de contraste de color, azul, naranja y sus tonalidades.

• Imagen: Logotipo, botones y viñetas, fotografías a color, imágenes de fondo digital, ilustraciones digitales. Expresión: Ubicación. Utilización de ilustraciones digitales como símbolos que apoyan visualmente cada opción del menú. Fondo imagen Banner con logo y foto. Textura en botones de menú.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en normal. Expresión: Legibilidad. Se utilizo en color azul y negro, alineado izquierdo. Se utilizo jerarquía de tamaño para resaltar lo más importante.

• Titulares: Tipografía sand serif, con formas curvas y cuadradas, bold normal, Itálica color en blanco y negro. Expresión: Jerarquía. Uso de recuadros de color que resaltan y dan jerarquía a los títulos.

• Diagramación: Ejes dinámicos y mixtos, jerarquía en texto, jerarquía en imágenes, jerarquía en color y jerarquía en espacios. Expresión: Dinamismo. Crea dinamismo movimiento pero guardando contracción y orden.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Permite ingresar a sus secciones de forma rápida y cómoda es funcional.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Tecnología. Apoya el dinamismo que se quiere dar en la diagramación. Es fluida y agradable.

• Vinculos: De hipertexto y botones, clasificación y orden funcionalidad y ubicación rápida. Expresión: Orden. Organizados y clasificados por área, uso de submenús, hipertexto en otro color para diferenciar del resto del texto.

UNIVERSIDAD GALILEO DE GUATEMALAhttp://www.galileo.edu

SECCIÒN DE MENÙ CLASE DEL DR. SUGER

• Color: Full color, en tonalidades frías y cálidas. Expresión:

Modernismo. Uso de colores fríos y gama de azules y grises en contraste con colores cálidos de los iconos utilizados para los botones.

• Imagen: Ilustraciones y logotipo. Expresión: Ubicación Ilustración digital como símbolo.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul y negro, alineado izquierdo. Esta pensado en el usuario y parcialmente apoya el aprendizaje.

• Titulares: Tipografía sand serif, con formas curvas y cuadradas. Bold, normal Itálica, color blanco y negro. Expresión: Jerarquía. Uso del tamaño para jerarquizar.

• Diagramación: Ejes horizontales y verticales Expresión: Dinamismo. Para formar una retícula cuadriculada donde colocar los elementos siguiendo un movimiento y ritmo.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar y comprender.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Tecnología.

• Vínculos: De hipertexto y botones, clasificación y orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orientación Uso que iconos que facilitan ubicación e identificación.

SECCIÒN DE MATEMÀTICA V

• Color: Full color, en tonalidades frías. Expresión: Modernismo y tecnología. Uso de gama de azules y grises, negro y full color en Iconos y colores contrastes par resaltar información importante.

• Imagen: Logotipo, botones e ilustraciones, Imágenes de fondo digital, fotografía en blanco y negro., Expresión: Ubicación. Uso de imágenes 3D y vectoriales, uso de imágenes fondo en banner sección. Utilización de instalación digital como icono de “miniplaya” y símbolos para identificar cada botón.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en normal. Expresión: Legibilidad. Se utilizo en color azul para identificar botón sin utilizar y morado utilizado.

• Titulares: Tipografía sand serif, serif con formas curvas y cuadradas, bold , normal, Itálica y color blanco y negro. Expresión: Jerarquía. Uso de color para contrastar y jerarquizar del resto del texto.

• Diagramación: Ejes dinámicos y mixtos Expresión: Dinamismo. Crea dinamismo guardando coherencia y orden.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Orden. Muy cómodo de ingresar.

• Animación: Existe en los botones animación de color. Expresión: Tecnología. Animación sutil y agradable.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orientación Uso de símbolos para ubicación mas rápida de botones.

SECCIÒN DE GES (galileo education system)

• Color: Full color, en tonalidades frías. Expresión: Limpieza.

Azul y sus porca tajes, negro y porcentajes en texto y pestañas, amarillo en Icono, morado a texto seleccionado.

• Imagen: Logotipo, botones e ilustraciones digitales, imágenes de fondo digitales, ilustraciones digitales. Las cuales están apoyando el tema, y pensado en el usuario, Expresión: Ubicación. Uso de Imágenes 3D y vectorial como fondo del banner de ubicación de sección. Uso de iconos, ilustraciones digitales para identificar botones.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold. Expresión: Legibilidad. Se utilizo en color azul, alineado izquierdo. Esta pensado en el usuario y parcialmente apoya el aprendizaje.

• Titulares: Tipografía sand serif, con formas curvas, normal. Expresión: Legibilidad. No cuenta con cuerpo de texto solamente con pie de página.

• Diagramación: Ejes horizontales y verticales para crear una estructura cuadriculada, en donde se ubican los frames, que contienen los elementos. Expresión: Orden. Retícula cuadriculada, donde se colocan los elementos de forma ordenada y simétricamente.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección..

• Animación: Existe en los botones animación de color en el “over”. Expresión: Énfasis Para dar énfasis al botón elegido.

• Vínculos: De hipertexto y botones funcionalidad ubicación

rápida pensando en el usuario. Expresión: Ubicación. Hipertextos no clasificados cansa la vista mucho, hipertexto en un solo bloque.

HOME

• Color: Full color, en tonalidades frías. Expresión: Sobriedad,

Limpieza. El color no cansa la vista, permite la lectura del contenido.. • Imagen: Logotipo, botones, Fotografía a color. Expresión:

Ubicación Se utiliza 1 fotografía fija de las instalaciones de la universidad. Sus colores combinan con la totalidad de verde utilizado en toda la página.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en normal. Expresión: Legibilidad. Alineación del lado izquierdo tamaño que permite la legibilidad, contrasta su color de fondo utilizado.

• Titulares: Tipografía sand serif, con formas curvas y cuadradas, bold, normal, Italica, color blanco y negro. . Expresión: Jerarquía. Utiliza color y otros blanco y negro para dar jerarquía, además del tamaño que apoya esto.

• Diagramación: Ejes horizontales y verticales, jerarquías en texto, en imágenes, color y en espacios .Expresión: Orden. Mezcla ejes horizontales y verticales para crear una estructuración cuadricular.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Permite permanecer en la página bastante tiempo, pues no es difícil su navegación.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Sutileza. De color y rotación de Iconos en el ove, no tiene mas animación.

• Vinculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden. Acceso rápido. En general guarda, unidad y constancia todas sus páginas.

UNIVERSIDAD DEL VALLE DE GUATEMALAhttp://sakai.uvg.edu.gt

SECCIÒN DE WORKSPACE DEL DOCENTE

• Color: Full color, en tonalidades frías. Expresión: Serenidad. Utilizó un color gris para el diseño del fondo y de los frames, y logotipo a full color. Apoya el aprendizaje y parcialmente está pensado en el usuario

• Imagen: Logotipo y botones. Expresión: Ubicación. El logotipo y ubicación y guarda unidad con todo el texto.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en Normal. Expresión: Legibilidad. Se utilizo una tonalidad mas baja de negro para crear una mejor visual en el texto.

• Titulares: Tipografía sand serif, con formas curvas y redondas, bold, normal, Itálica de color y negro. Expresión: Jerarquía.

• Diagramación: Ejes horizontales y verticales, jerarquía en texto, en imágenes, color y en espacios. Expresión: Orden.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Sutileza. De color y rotación de Iconos en el ove, no tiene mas animación.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden. Acceso rápido. En general guarda, unidad y constancia todas sus páginas.

SECCIÒN DE HOME WORKSITE DEL ESTUDIANTE

• Color: Full color, en tonalidades frías. Expresión: Sobriedad, Limpieza. Se incluyo un tercer color azul, a través de la función hacia este elemento en la diagramación.

• Imagen: Logotipo, botones e ilustraciones, fotografías a color e imágenes de fondo a color. Expresión: Ubicación. Se utilizan marcos para la coloración del texto.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en bold y normal. Expresión: Legibilidad. Se implemento bold para el texto de la sección de Computer Confluence para diferenciar del resto las secciones de la página.

• Titulares: Tipografía sand serif, con formas curvas, bold, color blanco y negro, Itálica y normal. Expresión: Jerarquía. Se integro el color azul.

• Diagramación: Ejes horizontales y verticales, jerarquía de texto, imágenes, de color y en espacios Expresión: Orden. Se continúo con la diagramación a partir de una retícula cuadriculada, utilizando marcos cuadrados y rectangulares para la colocación de los elementos.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Es fácil de navegar por lo que apoya el aprendizaje y esta pensado en el usuario.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Sutileza.

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden. Acceso rápido. En general guarda, unidad y constancia todas sus páginas.

SECCIÒN DE RECURSOS DEL ESTUDIANTE

• Color: Full color, en tonalidades frías. Expresión: Serenidad y limpieza. En esta sección se siguió utilizando, verde en sus porcentajes, negro azul y se integra corinto creando una armonía visual.

• Imagen: Logotipo, botones e ilustraciones digitales, fotografía

a color Las cuales están apoyando el tema, y pensado en el usuario, Expresión: Ubicación. Se Siguió utilizando los logotipos en el encabezado principal y además se integro el logotipo de la sección, que incluye ilustración. Se utilizo una galería de fotos que ubican en le tema al usuario.

• Cuerpo de texto: Tipografía sand serif, con formas curvas, en normal. Expresión: Legibilidad. Se utilizaron los colores azul y negro para afianzar los temas.

• Titulares: Tipografía sand serif, con formas curvas, cuadradas bold, normal, Itálica y color blanco y negro. Expresión: Jerarquía. Apoya el aprendizaje y esta pensado en el usuario. Se jerarquiza por medio del color.

• Diagramación: Ejes horizontales y verticales, jerarquía en texto, en imágenes, en color y en espacios en donde se ubican los frames, que contienen los elementos. Expresión: Orden. Se incluye mas largo de lote, pero se utiliza conjuntamente un bloque más grande siguiendo la retícula.

• Navegación: Presenta comodidad, rapidez, orden, y se entiende. Expresión: Dirección. Se incluye mas largo de lote, pero se utiliza conjuntamente un bloque más grande siguiendo la retícula.

• Animación: Existe en los botones animación de color en el “over”. Expresión: Sutileza. De color y rotación de Iconos en el ove, no tiene mas animación

• Vínculos: De hipertexto y botones, los cuales guardan orden, son funcionales y fáciles de ubicar, pensando en el usuario. Expresión: Orden.

Se agregan más hipertextos, clasificados y ordenados.

Que es el e-learning, sus ventajas y desventajas El licenciado Gómez atribuye el surgimiento del e-learning el cual define como “un tipo de enseñanza innovadora”, al desarrollo de las nuevas tecnologías de la información e Internet. Así también indica que se basa en un conjunto de recursos educacionales, con formatos multimedia, estructurados para lograr un alto nivel de resultados en actividades de aprendizaje interactivo y accesible en un entorno Internet/Intranet.

Hents (2002) ha catalogado el termino e-learning como el tipo de educación a distancia que se brinda a través de Internet; postura compartida por la licenciada Rosales, quien lo define como modelo on-line o modelo de formación a distancia a través de la red, que hace uso de las nuevas tecnologías de la información y la comunicación. Vale la pena destacar que Loaiza (2002), describe como una de sus características: el aprendizaje a distancia, con offline u on-line en tiempo real; denominándolo educación virtual. Lo que permite ampliar el término de educación a distancia, a “educación virtual a distancia”. Por otro lado, la diseñadora gráfica Santiso, quien labora en España realizando plataformas e-learning, lo refiere como un método enriquecedor para la educación presencial.

Como complemento a éste tema la licenciada Rosales, afirma que puede haber un grave peligro de que el tutor continúe utilizando la plataforma virtual con el método tradicional; es decir, sin participación de los estudiantes, sin autonomía de los mismos para realizar sus trabajos, por ejemplo, algunos tutores únicamente utilizan la plataforma virtual para colocar materiales de lectura a sus estudiantes, pero esto no es e-learning. Para que se considere como tal es necesario que el tutor promueva la participación de los estudiantes. Es interesante destacar que De la Fuente, Delgado y Pardo (2005), manifiestan que la educación a distancia por ordenador, es una substituta de la clásica educación presencial, la cual viene experimentando una evolución directamente asociada a la evolución de las tecnologías Web. Además se refieren a que las plataformas Web específicas de e-Learning desarrollan funcionalidades como la inclusión de animaciones interactivas, seguimiento del alumno, auto evaluación online; de ahí que sea factible pensar en una educación a distancia de calidad. La influencia del e-learning en la educación Es interesante analizar qué influencia tiene el e-learning en la educación actualmente, la diseñadora gráfica Santiso considera que en Europa está en auge, muchas universidades están incorporando comunidades virtuales, las tecnologías se han

incrementado vertiginosamente y hoy en día cualquier individuo tiene acceso a Internet. En América Latina, es opuesto el panorama, ya que el proceso sucede de una manera mas lenta, por motivos que según Santiso, son la escasez de recursos, para lo cual cita: “cuanto menos se tiene, más se hace”, con lo cual, considera que América Latina está muy informada sobre el aprendizaje electrónico. La opinión de la diseñadora gráfica Grajeda es que son procesos que para Guatemala no van a llegar muy rápido, pues se está hablando de procesos que vienen de países con otra visión en los procesos educativos, donde todos tienen acceso a Internet, mientras que en Guatemala la cantidad de personas que pueden tener acceso a este proceso de formación todavía es limitado, y el nivel educativo es otro, donde la figura del profesor es lo mas importante, no se tiene una formación auto gestora. La licenciada Rosales opina que la mayor influencia que tiene e-learning en la educación actual en Guatemala es el acceso al conocimiento. A lo que el licenciado Gómez agrega que existe muy poca influencia, a excepción de algunas universidades que lo comienzan a utilizar para impartir curso de calidad internacional. Además se ésta utilizando en los colegios como un extensor del tiempo de clases y apoyo para el docente en su clase presencial, con lo cual concuerda la definición de la diseñadora Santiso, en donde describe que el e-learning es un complemento de la educación convencional.

Es importante reflexionar sobre la influencia de nuevos procesos como el e-learning, que implican mejoras en el alcance y cobertura de la educación. Por todos los limitantes mencionados es evidente que en Guatemala no se ha aprovechado esta herramienta con todas las posibilidades que ofrece. Con relación a la inclusión del e-learning a la educación en Guatemala, el licenciado Gómez se refiere a una posibilidad, en un país donde las distancias y la calidad en la capacitación de sus docentes es un problema latente, éste recurso permite la posibilidad de proveer más y mejor contenido conducido y preparado por profesores de mejor calidad, lo cual al final ayuda a elevar la calidad educativa de los participantes. A este respecto la licenciada Rosales indica que el e-learning implica mayor oportunidad de educación para las personas que por limitantes de horario y acceso no pueden adquirirla, además, implica mayor acceso al conocimiento a través de la nueva tecnologías. En algunas instituciones se utiliza también para la capacitación de docentes, como lo indica la licenciada Rosales de la Universidad Landivar de Guatemala.

Puede concretarse que el e-learning es un medio que ofrece oportunidades claras para el desarrollo de la comunidad Guatemalteca, y por consiguiente del país, lo cual ayuda a

romper con el paradigma de que no se puede estudiar por falta de tiempo o espacios disponibles.

Ventajas del e-learning Draxler, citado por Comunidades Europeas (2003), describe un aspecto muy importante a favor del e-learning en relación a la adquisición de la información, en donde el e-learning transforma éste proceso en algo que está bajo la responsabilidad y control de quien aprende. A lo que Grajeda agrega que la diferencia está en la forma en que el usuario interactúa con el proceso educativo y haga suyo el conocimiento. A esto se puede agregar, según Santiso, que es un aprendizaje colaborativo, donde interactúan varias disciplinas: tutorías virtuales, videoconferencias, comunicaciones asincrónicas, etc. Lo cual logra una interactividad multimedia del estudiante con la información. Por otro lado Henst (2002), afirma que las ventajas principales que ofrece son la reducción de costos para dar cursos mas numero de participantes, ahorro en capacitaciones y seminarios, la flexibilidad de horario, factores que permiten al estudiante calendarizar el curso. Afirmación con la cual el licenciado Gómez, coincide en el aspecto de la flexibilidad de horarios, y la extensión del alcance

de la educación, agrega que la educación está centrada en el usuario, evaluaciones precisas, contenidos confiables e independencia geográfica, punto con el comparte opinión la licenciada Rosales, quien indica la no necesidad de desplazarse a la institución educativa. A este respecto Paradela (2003) describe que las ventajas están relacionadas con las facilidades pedagógicas, como es la formación “Just in Time”, es la formación justo en el momento que se necesita, permitiéndole al individuo solucionar la variedad de problemas que se le presentan en el trabajo diario. Además también es necesario agregar que la formación e-learning da la formación necesaria, en cada caso y situación profesional. A pesar de las muchas ventajas que ofrece el e-learning, es lamentable que en Guatemala no se le de la importancia que merece, posiblemente por la cultura de no lectura y la falta de disciplina en cuanto a la auto educación.

Desventajas del e-learning El diseñador Lujan opina que no se puede aplicar con todas las metodologías educativas, porque muchas implican practica en donde el modelo a distancia no se puede adaptar. Lo cual comparte la licenciada Rosales quien indica que no se puede aplicar a todas las tareas educativas.

Este inconveniente es mínimo, en relación a todas las ventajas planteadas anteriormente, lo cual sustenta de mejor manera la premisa de soporte de apoyo educativo por este medio.

Porque implementar e-learning Como experiencia el licenciado Gómez indica que el potencial que tiene para ampliar el alcance de una clase tradicional es una razón para implementarlo. Otra es que el profesor ahora podrá organizar mejor su clase y no centrarla en la adquisición de contenido sino en la discusión y en el desarrollo de destrezas de pensamiento crítico y creativo del estudiante.

Mientras que la licenciada Rosales opina que los constantes cambios que surgen en el mundo como consecuencia de la velocidad con la que la Tecnología evoluciona han sido factores importantes para la implementación de e-learning. Además que los estudiantes no tienen las mismas necesidades ni oportunidades para transportarse o acceder a los centros educativos. En definitiva son suficientes razones de peso para implementar el e-learning, como un soporte de apoyo y solución a la educación a distancia, para desarrollo educacional con independencia de horario y espacio.

Elementos gráficos utilizados para la creación de plataformas e-learning y su funcionalidad Primeramente se describirán los principios que debe utilizar un diseñador en la realización de una plataforma e-learning, para la elección y utilización de los elementos gráficos, para ello se citará a Hosttas (2003), quien describe los siguientes principios:

• El primero, se refiere a que se mantenga consistencia en el esquema de las páginas, ya que la inconsistencia obliga a las personas a ocupar tiempo extra, intentando deducir cómo navegar.

• El segundo, la claridad, se refiere a que se reduzca el mensaje a su esencia absoluta,

• El tercero, hace mención a la simplicidad, aunque ganar atención es una parte importante de cualquier acto de comunicación, es importante guardar su mensaje tan simple como sea posible.

Por otro lado Cebrián (2003), recomienda algunos estándares para la creación de plataformas web: motivador y facilidad de uso, es decir fácil de aprender, usar y recordar, luego el sistema de evaluación y revisión de los elementos, además de la bidireccionalidad (por ejemplo: el proceso de comunicación entre profesor y alumno), fuentes múltiples de enlaces a otras fuentes y a tutores externos, calidad en los interfases (pocos errores de navegación, calidad de diseño, equilibrio y

estructuración), también calidad en los contenidos y calidad técnica. En cuanto a la navegación Cebrián recomienda diseñar una estructura clara que permita moverse con comodidad a través de las diferentes páginas Web. Así también Hosttas se refiere a las páginas bien diseñadas, como aquellas que poseen una adecuada aplicación de principios de diseño, y una correcta utilización de recursos y elementos gráficos, las cuales son mas fáciles de leer y cumplen acertadamente con sus propósitos. A esto agrega que un buen diseño debe tener unidad y variedad, ésta característica hace mención al principio de consistencia anteriormente mencionado, principio que no hace referencia a la monotonía, ya que se le debe agregar variedad. Éste principio muchas veces se confunde con la monotonía y uniformidad, error que se ve ejemplificado en el sitio que utiliza e-learning del colegio América Latina de Guatemala, en donde a lo largo de todo el sitio, se visualiza un continuo esquema de diagramación a lo largo de toda la navegación. Hosttas opina, que el diseño debe apoyar, pero no predominar sobre el mensaje que se quiere llevar.

Cómo elegir los elementos Aguilar (1999) sostiene que dentro del diseño grafico, el objetivo es el mensaje visual que comunica, en donde la efectividad de este mensaje depende de la buena elección de los elementos gráficos y sus combinaciones. La selección adecuada de los mismos depende del conocimiento por parte del diseñador de las especificaciones propias del medio de comunicación que se va a utilizar. Para la correcta definición de los elementos gráficos a utilizar, la diseñadora gráfica Santiso, opina que hay que pensar a quién está dirigida la información, en qué medio estará publicada, cuál será el acceso del usuario, qué tipo de información es la que se debe diseñar, etc. Vale la pena mencionar que se pueden utilizar todos los elementos gráficos, dependiendo de lo que vaya a transmitir o comunicar. Por otro lado el diseñador gráfico Lujan, emplea los elementos según su importancia dentro del propósito y funcionalidad del diseño, como por ejemplo, considera que la iconografía es lo más importante, la cual debe de ser clara, y así continua eligiendo los elementos en relación a su jerarquía del aporte al diseño. Además asegura que se debe considerar que todo el

diseño gráfico debe ir orientado a que la persona pueda permanecer el mayor tiempo posible frente a la pantalla. Mientras la diseñadora gráfica Grajeda, opina que el proceso tiene que ser muy claro, y su codificación tiene que ser simple, los elementos tienen que medirse no tanto en numero, sino en eficiencia, es decir, uso elementos gráficos de apoyo, que faciliten el aprendizaje a la gente, para ilustrar esta postura plantea el ejemplo de un signo que ayuden a diferenciar que es una lección, que es un ejercicio, que es un contenido, en una página Web. Se tiene que definir en relación a la forma en que van a interactuar los elementos, tiene que ser clara, directa, llevar un orden lógico bien estructurado, que a la gente le ayude a comprender el código de lectura de una manera muy rápida, porque de lo contrario no funciona. El Hecho de optimizar los elementos al cien por ciento, para convertirlos en códigos de interpretación, contribuirá a facilitar, hacer eficiente y lograr rapidez de captación al educando, lo cual hará más dinámico el sistema de aprendizaje mediante el método de utilización de cada uno de los elementos gráficos en la creación de plataformas e-learning

La diagramación Aguilar hace mención a la opinión de Swann con respecto al porque de la utilización de las retículas en la diagramación, opinión que afirma se han utilizado por la necesidad de equilibrio, estructura y unidad que dice asegurarse en la diagramación. Por lo tanto se refiere a que las retículas usadas como una herramienta de guía en el diseño en Web, sirven para darle balance a las páginas y para mantener unidad entre una serie de páginas. Su aplicación ayuda en la visualización y planificación de las páginas, como la ubicación de los textos e imágenes. Esta utilidad de balance, armonía y unidad, se ve aplicado en el sitio que utiliza e-learning del Colegio Internacional de Guatemala, en el cual hace uso de ejes mixtos (horizontales, verticales y dinámicos), para la creación de la retícula, la cual expresa movimiento y dinamismo, sin perder el equilibrio y unidad, entre cada una de las secciones que componen el sitio.

La animación En la obra Multimedia Aplicada, se describe que la animación agrega impacto visual a un proyecto de multimedia. Se puede animar el proyecto completo o se puede animar ciertas partes para acentuarlas o para darles vida. Ésta facultad que permite la animación de dar vida a los elementos de un sitio y así crear un ambiente más interesante para el aprendizaje del usuario, se puede observar en la sección denominada Kiddie Care, del

sitio del Colegio Internacional Guatemala, en donde hace uso de un mapa de imágenes, el cual consiste en una ciudad, que presenta animaciones y efectos, atrayendo la atención y creando impacto visual, en el usuario. Con relación a este tema el diseñador Luján se refiere a que la animación dentro de una plataforma e-learning ,se usa no como el elemento principal, sino como un soporte para el contenido, como una guía y para los tutoriales, en donde la animación es básica, por ejemplo: cuando se explica algún procedimiento a seguir.

Los vínculos Respecto este tema Burrows, Gross, Foust y Word (2002), manifiestan que una característica recurrente de los medios interactivos es el control que ejerce el usuario. Este control se facilita a través del uso de vínculos que conectan una parte de la presentación con otra. Determinan varios los siguientes tipos de vínculos: el texto designado como vinculo, llamado hipervínculo, los mapas de imágenes, que es cuando se designan diferentes partes de una imagen como vínculos y el tipo más común que son los pequeños gráficos llamados botones. Cebrián asegura que debe limitar a 6-8 el número de enlaces por página, para no cargar la misma, y si es necesario poner más, clasificarlos por categorías.

Para facilitar la ubicación y funcionalidad de los vínculos, se emplean símbolos que apoyan y guían al usuario en la función de cada vinculo, como se puede observar en la sección del home del sitio de la Universidad Galileo de Guatemala, donde se hace uso de una serie de símbolos que ayudan a la lectura visual de los vínculos, como por ejemplo: El símbolo de una cámara de video, para indicar donde se encuentra el vinculo que llevará al usuario a la sección de videos. Éste recurso grafico permite que la navegación sea cómoda, rápida, ordenada y se entienda fácilmente. El color En cuanto al uso del color, el diseñado Luján, opina que éste no puede ser demasiado llamativo justamente porque en un sitio de e-learning se busca que la persona este frente al sitio por un periodo largo de tiempo, y si se ponen colores muy intensos hay cansancio visual. Es interesante mencionar como ejemplo de una buena utilización del color, el sitio de la Universidad del Valle de Guatemala, en donde a simple vista expresa sobriedad y limpieza, haciendo uso de tonalidades frías básicamente, permite el descanso visual que hace que la correcta lectura del contenido, además de invitar al usuario a permanecer frente a ella por un período largo de tiempo. Ésta utilización de color permite que elementos jerárquicamente más importantes como fotografías de apoyo, aunque utilizadas full color,

contrasten de buena manera, sin caer en la saturación y cansancio visual. Por otro lado para la elección de los mismos, Hosttas, expresa que se debe tener en cuenta el tipo de sitio y el mensaje específico que se esá intentando llevar, eligiéndolos de la llamada paleta de colores Web, que utiliza un modelo de color RGB (rojo, verde, azul).

La tipografía La elección de una buena tipografía es sumamente importante a la hora de diseñar una pagina Web, asegura Cebrian, quien opina que no se abuse del uso de tipografías diferentes, mantener en todo el sitio Web una misma tipografía, pudiéndose utilizar una tipografía para los titulares y otra para el cuerpo del texto. Y aconsejando una tipografía Sans Serif, la cual contribuye a la facilitar la lectura. El diseñador Lujan, afirma que se debe tomar en cuenta siempre el uso de tipografía legibles ,en cuanto a contenidos la cual tiene que ser lo mas simple posible para que todas las personas lo puedan leer bien, aunque puede que en los paneles sea muy atractiva o dinámica. Vale la pena mencionar la intervención de Aguilar en el tema de las reglas básicas de lectura, las cuales son aceptadas de igual

manera para el diseño en plataformas Web, donde se menciona que es más fácil el leer 60 caracteres por línea, que leer líneas largas. Para lo cual se pueden utilizar algunos recursos, para incluir en la diagramación líneas cortas, a través del columnaje u otro recurso que es el dividir el texto en párrafos pequeños Éste principio de lectura se ve aplicado en la sección se Home Worksite del estudiante, del sitio de la Universidad del Valle de Guatemala, en donde a pesar de la ser bastante la cantidad de texto, en una sola área no cansa la vista y es fácil la lectura, pues se utilizó el recurso de columnaje. Las imágenes graficas Las imágenes ayudan en algunos casos a reforzar los conceptos transmitidos por medio de textos y en otros pueden incluso comunicar mensajes por sí mismas, afirma Aguilar. Además de que ayudará a mantener el interés del lector en la información del material. La afirmación de Aguilar se ve reflejada en la sección de Menú de Secundaria, del sitio de Colegio Internacional de Guatemala, en donde la utilización de imágenes, las cuales consisten en fotografías, ilustraciones vectoriales, botones y logotipo, apoya en tema, facilita la navegación, y crea en el usuario interés.

Hosttas se refiere a que las imágenes gráficas en una plataforma Web deben cumplir una función específica, para no caer en utilizar una imagen innecesariamente y sólo aumente el tiempo de descarga de la página. Otro elemento Además otro elemento no gráfico, pero no por ello menos importante, ya que permite crear ambientes multimedia óptimos para las plataformas Web, es el audio, el cual utilizado de forma moderada, sin abusar de él, logra apoyar el contenido del sitio, haciendo que el usuario haga uso no solo del sentido de la vista, para el aprendizaje permitiéndole una mejor interacción con el sitio. Cual es la intervención del diseñador grafico en la educación de sitios Web educativos que utilizan e-learning Existen aspectos importantes que todo diseñador gráfico debe de tomar en cuenta para la creación eficiente y funcional de plataformas e-learning; según indica la Licenciada Rosales es aconsejable que se seleccione una plataforma virtual de fácil manejo y con variedad de opciones para desarrollar cursos. Por otra parte el Licenciado Gómez considera interesante diferenciar entre información y conocimiento; así como establecer los objetivos basados en competencias; para lo cual se debe elegir el estilo de enseñanza que se adapte mejor a los

objetivos del curso. Debe tenerse en cuenta las características de los potenciales destinatarios y proponer actividades específicas que sean relevantes para los estudiantes. Nos sugiere también como un aspecto primordial el aprovechar las oportunidades que nos ofrecen los hipertextos y siempre buscar ser lo más creativo y gráfico posible en la presentación de los contenidos. En este tópico, Royo (2004), dice que cuando se acomete un proyecto de diseño visual de la interfaz gráfica, se trabaja en dos planos que se complementan. Señala que hay que recordar que por un lado se estará dotando de identidad a un espacio vacío, es decir se hace que ese espacio sea un ente por sí mismo con respecto a otros que existen en Internet, con los elementos gráficos de diseño se crea una identidad visual del espacio que representa el sistema Web. Por otro lado se establece unos recorridos a lo largo y ancho del sistema Web, para lo cual necesitaremos señalar el mismo, generalmente elementos hipertextuales con características optimas para su visualización y coherentes con el contexto con el que las insertamos. Referirse específicamente a la intervención que el diseño gráfico debería de tener en los sitios Web educativos, la diseñadora Grajeda considera que es una intervención completamente directa, ya que deben de generarse patrones visuales que faciliten a los estudiantes ubicarse en una mejor

forma en los contenidos; lo que a su vez facilitará el proceso de aprendizaje. Plantea al diseñador como un “mediador” que tiene la responsabilidad “directa” en cualquier medio, especialmente en sitios Web que es uno de los más modernos. La forma gráfica interviene a favor de la distribución de los elementos, que da como resultado facilitar a los estudiantes el manejo en ese espacio y tendrán mejores oportunidades de aprender. El diseñador Luján nos señala “que el soporte gráfico del sitio es lo va hacer que la gente se interese en leerlo o no, es decir que aprendan o no.” Afirma que a diferencia de los sitios con fines publicitarios, el diseño gráfico en un sitio educativo, es aún más importante; puesto que no puede generar distracción o confusión en los contenidos, al hacerlos más amenos o agradables. Considera que la intervención del diseño es una responsabilidad mayor, deberá se algo muy simple, pero al mismo tiempo llamativo, sin distraer al estudiante. El Licenciado Gómez considera de que la intervención del diseño gráfico en la creación de estos sitios debe ser a gran escala, ya que uno de los problemas actuales de los sistemas de e-learning es que están creados por personas de sistemas y adaptados por personal de educación; lo cual no tiene el

elemento relevante del diseño que hace que las personas se motiven a entrar y aprender en los mismos. Estos aspectos de intervención implican responsabilidad y profesionalismo, puesto que e-learning debe estar construido con ideogramas que faciliten el entendimiento de los conocimientos en el sitio. Royo comenta sobre la intervención del diseñador y acerca de usos y funciones del sitio; y cita “Si las acciones son sencillas de realizar para el usuario, este tendrá una experiencia positiva y esto redundará en la comunicación de una identidad fuerte. Después, el usuario volverá de nuevo a visitar la Web. Si no es así, nos olvidamos para siempre de ese navegante.” Proceso de creación La Licenciada Grajeda cuenta desde su experiencia que, observa una relación estrecha con todos los procesos que involucran el hecho educativo, pedagogos, psicólogos, antropólogos y diseñadores; lo que significa que al diseñador se le deben dar los parámetros de lo que se va a comunicar con las especificaciones de los expertos para que el diseñador pueda trasladar a elementos gráficos lo que se requiere. En síntesis la Licenciada Grajeda explica que el proceso involucra a un gran equipo de trabajo de especialistas educacionales y sociales que dicten la esencia del proyecto; los detalles de los contenidos.

Al respecto el diseñador Luján afirma que este proceso involucra a varias personas, no es una tarea que pueda realizar únicamente un diseñador, ya que deberá de contar con soporte técnico y especialistas educacionales quienes son responsables de los materiales, por lo que es considerado como un proceso en equipo. Esta situación desataca el valor del trabajo en Equipo, en función de lograr una meta común, donde cada miembro aporta desde la contribución de su especialidad y experiencia a fin de enriquecer profesionalmente el sitio y su aprovechamiento. Diferencias entre el diseño grafico de sitios Web educativos convencionales y los de e-learning. La diseñadora Santiso considera que en ambos casos es importe la comunicación visual clara de los objetivos educacionales. Por su parte la diseñadora Grajeda comenta que con el sistema e-learning se necesita lograr mejores jerarquías, haciendo más fácil para el usuario visualizar los diferentes niveles para una mejor navegación. Para el diseñador Luján las diferencias radican en que para e-learning hay que preparar mucho más el material, puesto que

el montaje del mismo deberá realizarse sobre una plataforma más compleja y mejor estructurada. Afirma que “en el e-learning, tiene que tener la capacidad de tener el mismo programa o el mismo procedimiento y después detectar si usted lo está haciendo con los mismo pasos, es decir, es totalmente interactivo, donde pueda haber un tiempo mínimo o tiempo máximo para realizar un tutorial, si usted no lo cumple en ese tiempo, el sitio Web tiene que detectar que usted no lo terminó es el tiempo y tiene que dejar eso registrado, para darle una oportunidad de volver a sacarlo o decirle que empiece de nuevo.” Aspectos importantes para la elaboración eficiente de un sitio e-learning La diseñadora Santizo explica que es esencial tener un brief antes de comenzar el proyecto y hay que tener en cuenta los aspectos como:

• Usuarios • Contenidos • Medios tecnológicos • Usos

Para la diseñadora Grajeda lo básico es definir los objetivos del sitio, conocer a fondo cuál es el aprendizaje que se va a facilitar, lo que permitirá definir elementos técnicos de apoyo del diseño.

Ambas coinciden en la relevancia de contar con información fundamental para tomar decisiones acertadas, que ayuden al desarrollo de la mejor fuente de apoyo al aprendizaje. Elementos Técnicos Con respecto a este tema el diseñador Lujan indica que los elementos técnicos deben ser optimizados para que la carga sea rápida, es decir destinas opciones de diagramación a nivel plantilla; no tanto a nivel grafico, el sitio debe ser modular; para que se pueda armar y desarmar de diferentes maneras, desde niveles básicos hasta niveles más complejos. La diseñadora Grajeda explica que el diseño debe ser eficiente al cien por ciento. En cuanto a velocidad hay que considerarlo ya que se está hablando de aprendizaje y si pasan cosas muy rápido pueden distraer al estudiante. Debemos ayudar a que el usuario pueda controlar los tiempos y no se confunda, porque dependerá del tiempo de aprendizaje de cada uno. El Licenciado Gómez comenta “El diseño de la interfase del usuario es de vital importancia para que su adaptación sea más suave, rápida y eficaz. De lo contrario los usuarios guatemaltecos desecharán esta poderosa herramienta simplemente por no sentirse a gusto con un cambio que no ha sido bien presentado.”

Los elementos técnicos deben ser definitivamente optimizados, ya que ellos deben ser en todo momento pensados en el usuario y el tema, para que tengan eficiencia en su interpretación y percepción.

De tal forma que el usuario se sienta cómodo y tenga un ambiente amigable, que no canse, que no sea monótono ni estresante, que apoye su aprendizaje.

Conclusiones

1. El término e-learning se refiere al método de educación a distancia virtual a través de Internet, el cual surge como una respuesta a la necesidad de masificar la educación, haciendo uso de los beneficios de la nueva tecnología de la información y la comunicación. Éste método es utilizado de en dos modalidades, la primera modalidad como un auxiliar que enriquece la educación presencial y la segunda modalidad como un sustituto de las clases presencial, convirtiéndola en una experiencia virtual de capacitación no presencial, estructurada para potenciar el aprendizaje interactivo dotando al usuario de autonomía en su participación y acceso al conocimiento.

2. La funcionalidad desde la visión del diseño gráfico de una

plataforma e-learning, como en todo medio de comunicación, depende de la efectividad de comunicar el mensaje visual para el cual fue creado, lo cual depende de la correcta elección de los elementos gráficos a utilizar en su elaboración.

Algunos de los factores que ayudarán a tomar una correcta elección de los elementos son: conocer el objetivo para el cual se creará el medio de comunicación, conocer a quién está dirigido, pensar en qué medio estará publicado, cual será el acceso del

usuario, que tipo de información se va a llevar, conocer el propósito y función de cada elemento a elegir, pensar el diseño siempre en función del usuario, para apoyar y facilitar el aprendizaje del mismo, definir en relación a la forma en que van a interactuar entre si los elementos, y por ultimo que estos elementos estén optimizados al cien por ciento para que se conviertan en códigos de interpretación para el usuario.

3. Como en todos los medio de comunicación se necesita

una clara intervención del diseño gráfico, para la creación de interfases y generación de medios de interpretación que faciliten la navegación, sin generar distracción o confusión en el usuario y les permita interactuar con los contenidos del sitio. Ya que se deben generar patrones visuales que faciliten a los estudiantes ubicarse de una mejor forma en los contenidos, lo cual a su vez facilita el proceso de aprendizaje.

Esta forma gráfica interviene a favor de la distribución de los elementos lo cual da como resultado, facilitar a los estudiantes el manejo en ese espacio, para obtener mejores oportunidades de aprender.

Recomendaciones 1. Implementar en las plataformas educativas

convencionales, el método e-learning para que éstas no funcionen simplemente como medio informativo de consulta, ya que al implementar éste método el usuario interactúa con el proceso educativo, y eso si le permite una efectiva forma de aprendizaje.

2. Antes de comenzar el proceso de crear una plataforma

e-learning, es recomendable elaborar una tabla de elementos gráficos, que serán utilizados en su creación, para definir que función, especificaciones técnicas y expresión, tendrán para lograr comunica el mensaje y para no incluir elementos innecesarios dentro del diseño.

3. Se sugiere involucrar en todo el proceso de creación de

una plataforma e-learning en Guatemala al diseño gráfico, ya que su intervención es clave para facilitar la interacción del usuario en la navegación del sitio, pues uno de los problemas actuales del e-learning en Guatemala es que está creado por personas de sistemas y adaptados por personal de educación, lo cual implica que tengan conocimientos relevantes de diseño. La especialidad de la disciplina aportará toma de decisiones acertadas con respecto a la distribución y

manejo de elementos gráficos que contribuyan a facilitar la interpretación del contenido y de esta forma asegurar que por medio del trabajo interdisciplinario se favorezca el aprendizaje de los estudiantes de e–learning.

1. Aguilar, A. (1999). Diseño de sitios del Word Wide Web, un nuevo ámbito para la participación de los diseñadores gráficos. Tesis inédita. Universidad Rafael Landivar. Guatemala.

2. Burrown, T., Gross, L., Foust, J., y Wood, D. (2002).

Producción de Video. (Trad. E. Cosio). 8a. Ed. Editorial Mc Graw-Hill, Interamericana.

3. Cebrián, M. (2003). Enseñanza virtual para la innovación universitaria. Editorial Narcea.

4. Centro de Computación Profesional de México (1999). Multimedia Aplicada. México: Editorial Mc Graw-Hill.

5. Comunidades Europeas. (2003, septiembre 22). Articulo:

¿Qué es el e-learning: un nuevo paradigma o un nuevo juguete? (Documento www). Disponible en: http://www.elearningeuropa.info.

6. Delgado, D., Pardo, A., y de la Fuente, L. (2005). Generación

de contenidos para plataformas educativas. España: Universidad Carlos III de Madrid, Departamento de Ingeniería Telemática.

7. García, F. (2006). Estado actual de los sistemas e-learning. España: Ediciones Universidad de Salamanca.

8. Haskin, D. (1995). Multimedia Fácil. (Trad. G. Sánchez).

México: Editorial Prentice Hall Hispanoamericana, S.A.

9. Henst, C. (2002). Maestros del Web. (Documento www).Disponible en: http://www.maestrosdelweb.com/editorial/e-learn/

10. Hosttas, J. (2003). Fórmula Web, la aplicación del diseño grafico en el diseño de páginas Web. Tesis inédita. Universidad Rafael Landivar. Guatemala.

11. Lara, L. (2002). Análisis de los recursos interactivos en las aulas virtuales. Argentina.

12. Loaiza, R. (2002). Facilitación y Capacitación Virtual en América Latina.

13. Paradela, L. (junio - julio 2003) Boletín E-learning, la formación a distancia a través de las tecnologías de la información. (Documento www). Disponible en: www.astic.es

14. Royo, J. (2004). Diseño Digital. Barcelona, España: Ediciones Paidós Ibérica, S.A.

15. Rugarcía, A. (1999). La educación virtual, ¿Nueva Educación? EUA.

16. Universidad Virtual y REUNA (2003, enero).La Educación Superior Virtual en Chile 2003: Informe preparado por Universidad Virtual y REUNA para la UNESCO y el IESALC. Disponible en: www.iesalc.unesco.org.ve/programas/internac/univ_virtuales/chile/vir_cl.pdf -

Expertos en e-learning y educación virtual

Guía de entrevista No. 1

1. ¿Qué es e-learning como método de aprendizaje a distancia?

2. ¿Qué aporta la inclusión del e-learning a al educación en

Guatemala?

3. ¿Qué ventajas tiene el e-learning sobre la educación

tradicional?

4. ¿Qué influencia tiene el e-learning en la educación actual de

Guatemala?

5. ¿Cómo se está utilizando e-learning en los centros educativos

de Guatemala?

6. ¿Qué lo motivó a implementar e-learning en los sitios

educativos?

7. ¿Qué aspectos se deben tomar en cuenta para la creación de

e-learning eficaz?

8. ¿Qué intervención debe tener el diseño gráfico para la

creación de un sitio e-learning?

9. Comentario/ observaciones:

Diseñadores Gráficos

Guía de entrevista No. 2

1. ¿Que intervención debería tener el diseño gráfico en los sitios

Web educativos? 2. ¿En que consiste el proceso de creación de un sitio Web

educativo? 3. ¿Ha oído hablar del e-learning?, si su respuesta es sí, ¿que

opinión tiene al respecto? 4. ¿Si tiene conocimiento respecto a e-learning, qué aspectos

considera difieren entre un sitio Web educativo y un sitio Web educativo que utiliza e-leaning, como método de educación a distancia?

5. ¿Qué diferencia considera hay en la intervención que tiene el diseño gráfico en los sitios Web educativos convencionales y los que utilizan e-learning?

6. ¿Qué elementos gráficos mínimo se debe manejar para la creación de un sitio Web educativo, que utiliza e-learning?

7. ¿Qué aspectos considera, que el diseñador grafico debe tomar en cuenta para la elaboración eficiente de un sitio educativo que utiliza e-learning?

8. ¿Cómo la intervención del diseño grafico, puede ayudar al mejor aprendizaje del usuario, en las plataformas educativas que utilizan e-learning?

9. ¿Qué elementos técnicos debe considerar el diseñador grafico, para la creación de un sitio e-learning eficiente?

10. Comentarios / observaciones.

Diseñadora Gráfica experta en e-learning Maria Rosa Santiso

Guía de entrevista No. 3

1. ¿Qué es e-learning como método de aprendizaje a distancia, y que opinión le merece?

2. ¿Qué ventajas tiene e-learning, sobre la educación convencional?

3. ¿Qué aspectos considera difieren entre un sitio Web educativo convencional y un sitio Web educativo que utiliza E-leaning, como método de educación a distancia?

4. ¿Qué influencia actualmente tiene e-learning en la educación de su país de residencia y en América latina en general?

5. ¿Qué diferencia, considera, existe en la intervención que tiene el diseño gráfico en los sitios Web educativos convencionales y los que utilizan e-learning?

6. ¿Qué elementos gráficos considera se debe manejar para la creación de un sitio Web educativo, que utiliza e-learning?

7. ¿Qué aspectos considera el diseñador grafico debe tomar en cuenta para la elaboración eficiente de un sitio educativo que utiliza e-learning?

8. ¿Cómo la intervención del diseño grafico, puede ayudar al mejor aprendizaje del usuario, en las plataformas educativas que utilizan e-learning?

9. En su experiencia en el área de creación de e-leanirng, ¿Cuál es el proceso que llevó a cavo para su creación?

10. Según su experiencia, ¿Qué consejos le daría al diseñador gráfico que comienza a trabajar en la creación de e-learning? • Comentario o Aportación Extra el tema: