Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Diseño de Espacios en Internet Educativos
Diseño de Espacios en Internet Educativos
Con la llegada de la era digital y todos los cambios que la sociedad ha llevado
a cabo a raíz de sus modificaciones, el reparto de educación a través de los
nuevos medios está teniendo un gran auge.
Palabras Clave:
Diseño de información y educación.
Lineamientos de usabilidad,
Tecnología y educación
La web en la enseñanza.
Introducción
LINEAMIENTOS DE DISEÑO
DE INFORMACIÓN PARA
EL DESARROLLO DE SITIOS
EDUCATIVOS EN INTERNET.
El desarrollo de las nuevas tecnologías de la comunicación y de la in-
formación ha impactado fuertemente al sector educativo. Los nuevos
métodos de investigación y recursos mediáticos que ha ocasionado
la llegada del Internet, han modificado sustancialmente los hábitos y
oportunidades con los que cuentan los estudiantes y docentes.
Elementos
Características
*
Tabla comparativa texto
& hipertexto (basado
en Joaquín María
Aguirre comunicación
personal, 2003).
6 Educación y las tecnologías
*
Este modelo es comúnmente conocido como la tradición objetivis- En el modelo
ta, clásico o centrado en la enseñanza, a lo largo de esta investiga- tradicional el profesor
ción se utilizará cualquiera de estos términos para hacer referencia es el proveedor de los
a este modelo. conocimientos.
1.5.2 El constructivismo
*
En el modelo El constructivismo es una corriente del pensamiento que ha abarca-
constructivista el do varias áreas, desde la filosofía hasta la psicología moderna del
conocimiento es aprendizaje.
construido con la Como toda corriente filosófica está planteada bajo una serie de
participación conjunta cuestionamientos y premisas. No se abarcará en esta investigación
del grupo. el fundamento y estructuración del constructivismo, sólo se men-
cionarán cuales son las características de una metodología o siste-
ma educativo basado en éste modelo.
EL DISEÑO EN LOS
PROCESOS COGNITIVOS.
En el capítulo anterior se presentaron las razones por las cuales
el uso de la tecnología en la educación puede ser una efectiva e
importante herramienta. Antes de abordar el estudio y análisis de
la tecnología específica a la que se avocará esta tesis, es necesario
establecer la importancia de la relación que guarda el diseño con la
adquisición de un conocimiento.
Esta cita marca otro punto clave en el papel que juega el dise-
ño de información en la educación; puesto que no sólo sirve para
facilitar el entendimiento de los datos y la información, sino que
también adquiere relevancia en la acción de compartir y comunicar
lo aprendido.
Se concluye por lo tanto, que estas son las dos dimensiones en las
que interviene el diseño de información en los procesos cognitivos.
1. Organización y presentación
2. Metas y mensajes.
3. Claridad y complejidad.
· El usuario
· La tarea a realizar
· La herramienta
· La interfase
2.2.1 La interfase
Para Frank Thissen “La interfase es el vínculo que conecta una herra-
mienta y la persona que la está utilizando para hacer algo” (Thissen,
2004)
*
Esquema de la interfase
(Thissen, 2004)
Juan Ignacio Visentin nos habla de las interfases como “El espa-
cio que permite la acción entre la persona y un objeto.” (Visentin,
2005)
2.2.4 Interactividad
2.2.5 La usabilidad
Metas de la usabilidad
1. Alcance global.
2. Interactividad (elección y respuesta en la experimentación
del contenido).
3. Soporte de múltiples tipos de contenidos.
4. Soporte para transacciones.
La web como plataforma educativa. 41
·Diseño de información
·Diseño de interfase
·Diseño visual
·Arquitectura de información
·Diseño de información
·Diseño de navegación
·Diseño visual.
La facilidad con la que se realizan las tareas. Para que una de-
terminada tarea sea llevada a cabo con relativa facilidad dentro de
la web, se requiere de toda una serie de elementos.
44 La web como plataforma educativa.
1. Planeación
2. Diseño
3. Evaluación
La web como plataforma educativa. 47
3.3.1 Planeación
I. Definición de la estrategia.
*
Ejemplo de persona.
48 La web como plataforma educativa.
Las siguientes sub etapas tienen que ver con la delimitación de los al-
cances tanto técnicos como de contenido. Este paso es de vital impor-
tancia durante la planeación ya que permite tener una idea clara desde
el comienzo, sobre que es lo que se va a hablar y que no se abordará.
La web como plataforma educativa. 49
3.3.2 Diseño.
*
Esquema de
jerarquización arriba
hacia abajo.
Fuente Jesse James
Garret 2003.
*
Esquema de
jerarquización abajo
hacia arriba.
Fuente Jesse James
Garret 2003.
1. Jerárquica.
2. Matricidad
3. Orgánica
4. Secuencial
El diseño visual del sitio tiene que ir acorde con los objetivos
del mismo y con el usuario de éste, es así que al igual que con todas
las consideraciones del proceso, el usuario es la directriz de todas
las decisiones.
3.3.3 Evaluación.
Mark Pearrow (2000) muestra una lista de técnicas que pueden ser
muy útiles en la evaluación de sitios web.
La entrevista.
Como su nombre sugiere consiste en el diálogo mediado por pre-
guntas para averiguar cual es la experiencia de los usuarios con
el sitio. Es una herramienta muy útil para identificar expresiones
faciales y comportamientos a cerca de la plataforma. Además cómo
se presenta de una manera muy flexible, da oportunidad a que los
usuarios proporcionen mucha información acerca de su experien-
cia con el sitio. Se recomienda su video grabación.
El cuestionario.
La mayor de las ventajas del cuestionario es que resulta una herra-
mienta muy útil para obtener muchos datos específicos acerca de
una gran cantidad de usuarios de una manera rápida y económica.
Ésta herramienta resulta muy eficaz para determinar el perfil del
usuario, o como un preparativo para una futura sesión donde se
incluye la prueba de la plataforma. Se debe tener muy claro el tipo
de información que se desea obtener para así hacer las preguntas
adecuadas.
La evaluación heurística.
Esta herramienta consiste en la evaluación del sitio por parte de un
experto, que siguiendo una lista de principios indispensables de la
usabilidad hace un reporte de los aspectos que cumple y los que
no. Este tipo de herramienta para que sea eficaz debe ser realizada
por al menos 5 personas diferentes.
Es muy útil cuando se desea hacer una evaluación general del esta-
do del sitio, pero para detectar problemas más específicos siempre
es más recomendable las pruebas con usuarios.
Prototipos.
Esta herramienta consiste en el desarrollo de prototipos para ser
probados, hay dos tipos, lo que tiene su base en papel y los que son
el sitio casi terminado con las funciones de navegación.
60 La web como plataforma educativa.
El campo de estudio.
Esta herramienta consiste en la observación de los usuarios en el
ambiente en el que se desarrollan las actividades. Es recomendable
practicarlo en el inicio de la investigación y se debe tener en cuenta
las diferencias en comportamiento que las personas tienen cuando
saben que están bajo observación.
4.1 Metodología
Los LMS son sistemas de software que cuentan con todas las
características necesarias para compartir contenidos, presentar eva-
luaciones, intercambiar opiniones y estar en contacto. Siendo por
lo tanto una alternativa eficiente y útil en la incorporación de la
tecnología en la educación.
·Elementos visuales.
·Elementos de navegación.
·Elementos de información.
4.3 BlackBoard
·Administración
·Instrucción, comunicación y evaluación
·Conección, personalización y comercio electrónico
·Coleccionar, compartir y descubrir
Análisis de las mejores prácticas en casos análogos. 67
·Escalabilidad.
·Soporte de múltiples idiomas.
·Administración de cursos.
·Software abierto.
·Editor de contenidos.
·Constructor de Silabus.
·Libros de texto en línea.
·Herramientas de enseñanza y aprendizaje.
·Adminstración de la información personal.
·Foros de discusiones.
·Salones virtuales.
·Proyectos en grupo.
·Evaluación y encuestas.
Evaluación:
1. Soporte para múltiples tipos de evaluaciones.
2. Libertad o control en el tiempo de cada evaluación.
3. La evaluación pueden ser llevada a cabo una sola vez o
repertirse.
4. Banco de preguntas para exámen.
5. Distribución al azar de las preguntas en la prueba.
6. Preguntas con multimedia.
7. Retroalimentación en las respuestas.
Tareas:
1. Asignación de las tareas por parte del profesor.
2. Publicación de las tareas.
3. Publicación de las calificaciones.
4. Comentarios y retroalimentación a las tareas.
5. Posibilidad de revisar las calificaciones en línea.
Calificación:
1. Carga y descarga de calificaciones.
2. Análisis estadístico de las calificaciones.
Portal principal
Gráfico de cabecera.
Zona de registro.
Anuncios y noticias.
Seleccionador de
idiomas.
Análisis de las mejores prácticas en casos análogos. 69
Asistente de
creación de cursos.
Gráficos llamativos.
Administración de contenidos
Asistente en la
administración de
contenidos.
Incosistencia en el
manejo de menús
y gráficos.
Menú de edición de
los archivos.
Indicación del
espacio en disco.
Información
sobre los archivos
(formato, tamaño,
permisos, fecha
de modificación e
historial).
70 Análisis de las mejores prácticas en casos análogos.
Agrupación de las
opciones por áreas
Múltiples opciones
de evaluaciones
y asistente en la
elaboración de las
mismas.
Tutoriales y asistentes
Introducción y
Indicación de
explicación del
todos los pasos del
tutorial.
asistente y del paso
en específico que
se está llevando a
cabo.
Imposibilidad de
navegar a través de
los pasos.
Análisis de las mejores prácticas en casos análogos. 71
Prescencia de películas
flash como tutoriales
para explicar de una
forma sencilla y rápida
el funcionamiento de
la plataforma
Posibilidad de escoger
diferentes modelos,
formas y colores de los
elementos presentes en
la plataforma.
72 Análisis de las mejores prácticas en casos análogos.
Edición de posición
de los elementos.
Edición de estilo de
los elementos.
Recursos de navegación.
Foro
Sistemas de
búsqueda
avanzada por
categorías
Análisis de las mejores prácticas en casos análogos. 73
Libros en línea.
Consulta de material
bibliográfico.
Libros en línea.
4.4 Moodle
Diseño general
Administración de usuarios.
Administración de cursos.
Módulo de Tareas.
Módulo de Chat
Módulo Cuestionario
Módulo recurso
Portal principal
Identidad Selección de
Institucional. idiomas.
Agrupación de
Cursos. los cursos por
categorías.
Explicación
Registro de
general.
usuarios.
Administración de contenidos.
Participantes y
actividades.
Diagrama de
Búsqueda contenidos
78 Análisis de las mejores prácticas en casos análogos.
Edición de información.
Introducción de
datos por campos
Menús desplegables
Explicación de cada
punto.
Información
profesores.
Fotografías o
imagen personal.
Información
alumnos.
Análisis de las mejores prácticas en casos análogos. 79
Foros.
Tips y ayuda
Opciones del
formato del foro.
Ayuda.
Ventana flotante de
ayuda.
Registro de actividad.
Opciones para
el filtrado y
visualización de la
información
Registro de la
actividad de los
usuarios.
80 Análisis de las mejores prácticas en casos análogos.
Calendario.
Vista de próximos
meses.
Agregar evento.
Descripciones
y títulos de los
eventos.
Fácil introducción
de los datos.
Evaluación.
Diversidad en los
estilos de pregruntas
y respuestas.
Análisis de las mejores prácticas en casos análogos. 81
Menú desplegable
para el
desplazamiento a
Rápidez en la otras secciones
obtención de
resultados.
Retroalimentación a
las evaluaciones.
Elección de tema y
estilo visual de la
plataforma.
Opción y control en
las actividades.
Indicación del
estado de las
actividades.
Patrones de
navegación
82 Análisis de las mejores prácticas en casos análogos.
4.5 E-ducativa.
Elementos de evaluación.
· Gestión de usuarios.
Los datos sobre la · Matrícula de alumnos online.
plataforma fueron · Gestión de matrícula manual y grupal.
obtenidos del sitio: · Los usuarios pueden modificar su contraseña.
http://www.e-ducativa. · Espacio para información institucional y anuncios.
com/demo.htm · Capacidad de respaldo y copia de cursos.
http://www.e-ducativa. · Elaboración de estadísticas e informes sobre el trabajo
com/institucional_ y aprendizaje de los alumnos.
quienes.htm · Capacidad para recoger las sugerencias de los usuarios.
Características de la interfase.
· Intuitiva.
· Personalización del entorno.
· Tutoriales y documentación.
84 Análisis de las mejores prácticas en casos análogos.
Portal institucional.
Identidad Menú de
Institucional. funcionamiento.
Manejo de contenidos.
Agrupación en
Información sobre
categorías.
los archivos.
Agregar archivos.
Servicios
Vista de los disponibles.
contenidos por
bloques.
Agregar contenidos.
Análisis de las mejores prácticas en casos análogos. 85
Manejo de contactos.
Calendario / Agenda.
Visualización de los
eventos del mes.
Vista de meses
próximos y
anteriores.
Agregar nuevo
evento.
Foros.
Debates disponibles:
(Intervenciones
Moderador
Fecha).
86 Análisis de las mejores prácticas en casos análogos.
Fotografía del
usuario o de los Información
integrantes. sobre el usuario o
integrante.
Exámenes y calificaciones.
Lista de exámenes
y calificaciones.
Agregar nuevo
examen.
Análisis de las mejores prácticas en casos análogos. 87
Administración.
Menú de opciones
de administración.
Edición de
Secciones pre- posición en
definidas. las diferentes
opciones.
Edición de los
permisos de
usuario.
Estadísticas.
Estadísticas del
tránsito en el
sitio con varios
criterios.
88 Análisis de las mejores prácticas en casos análogos.
4.6 SharePoint.
La Información sobre ·Perfiles de usuario. Los perfiles de usuario proveen una expe-
esta plataforma fue riencia de portal personalizada a cada usuario, ayudándolo a en-
obtenida de los sitios: contrar otros usuarios y contenidos.
www.microsoft.com
/office/sharepoint/ ·Búsqueda y Alertas. La información es fácil de encontrar, ya
prodinfo/default.mspx que se cuenta con elementos poderosos en las máquinas de bús-
http://msdn.microsoft. queda, y con el sistema de alerta que mediante correos electrónicos
com/library/default. mantiene informados a los usuarios sobre los cambios que son de
asp?url=/library/en- su interés.
us/spptsdk/html/
spsintrofeatures_ ·Partes web. Las partes web son piezas modulares de código
SV01162304.asp que se pueden incrustar en el portal. Se pueden usar para varios
fines como son acceso a datos, información o aplicaciones.
Portal Institucional.
Búsqueda.
Menú de
funciones.
Vista de
documentos.
Menú de
contenidos.
Administración de contenidos.
Subir documentos.
Menú para subir
archivos.
Recursos.
Listas. Fecha de
publicación.
Análisis de las mejores prácticas en casos análogos. 91
Menú constante de
funciones.
Anuncios.
Opciones de
Exámenes y encuestas.
visualización.
Información sobre
Foros. las participaciones.
Bibliotecas de
Fácil sistema
imágenes.
para crear nuevas
bibliotecas de
imágenes.
92 Análisis de las mejores prácticas en casos análogos.
Calendario de
eventos.
Calificación
de lecturas o
materiales.
Opciones
predeterminadas
de páginas.
Uso de plantillas
de formatos de
páginas.
Análisis de las mejores prácticas en casos análogos. 93
Sistema de alertas.
Ayuda.
Ventanas flotantes
con los temas de
ayuda.
Administración de
la información de
los usuarios.
94 Análisis de las mejores prácticas en casos análogos.
Opciones para
modificar las
partes web.
Opciones de
temas para la
imagen del sitio.
Edición de títulos
y descripciones.
Análisis de las mejores prácticas en casos análogos. 95
Edición directa de
textos con Word.
Visualización de
los datos y listas a
través de Excel.
96
Conclusiones
Libros
Barbera, E., Bolivar, A., Calvo, J., Coll, C., Fuster, J., Garcia, M., Grau,
R., López, A., Cabañas, J., Marrero, M., Molla, J., Navarro,
M., Onrubia, J., Pozo, J., Rodriguez, F., Segura, J. Soler, M.,
Teberosky, A., Torres, M., Yabar, J. (2000). El constructivismo
en la práctica. España:Grao.
Folletos
Internet: