Professional Documents
Culture Documents
A UN CURSO
Según Palloff y Pratt1, las secciones que debe tener un sitio web de un curso típico son:
• Un área introductoria, que incluye un lugar para anuncios importantes, los
lineamientos y normas del curso, y preguntas frecuentes y sus respuestas.
• Un área comunitaria en la cual los miembros del grupo pueden establecer
comunicación (asincrónica y sincrónica) e interactuar a nivel personal.
• Un área donde figuran los contenidos del curso, organizados de acuerdo a la
manera como el currículo fue construido.
• Un área dedicada a reflexiones sobre el aprendizaje a través de medios electrónicos.
• Un área destinada a la evaluación de los alumnos, que puede ser estructurada desde
el comienzo o agregada a medida que el curso progresa.
• Un área para exámenes y asignaciones o para enviar trabajos como temas de
discusión, dependiendo de la estructura del curso.
El sitio web debe complementarse con enlaces hacia otros sitios web que contengan
recursos de información relevantes para el contenido del curso, un calendario de
actividades y una sección de utilidades donde se puede encontrar “software” útil para
realizar diversas actividades referentes al curso. Concebido de esta forma, el sitio web,
además de ser el territorio virtual de la comunidad de aprendizaje es un almacén de
información, un aula de aprendizaje, un espacio de comunicación y un espacio que vincula
a la comunidad con el mundo exterior.
De esta manera algunos aspectos que se deben considerar a la hora de diseñar este sitio son:
1. Aspectos técnicos
a. Estructuración del sitio: contenidos y servicios ordenados y clasificados,
zonas de comunicación y facilidades para la navegación.
b. Corrección de los contenidos: actuales y veraces.
c. Presentación y diseño del sitio: entorno audiovisual, lectura fácil.
2. Aspectos funcionales
a. Los contenidos y los servicios deberán ser adecuados y del interés de los
usuarios.
b. Atractivo: capacidad de adicción para sus usuarios.
3. Aspectos pedagógicos
a. Claridad del planteamiento de los objetivos del sitio, su efectividad y
pertinencia.
b. El planteamiento pedagógico de los materiales didácticos y de los
contenidos debe estar de acuerdo a las tendencias actuales.
4. Servicios que ofrece:
a. Informativos: noticias, agenda, acceso a mass media.
b. Formativo: recopilación de información, cursos, consejos reflexiones.
c. Recursos didácticos: materiales para estudiantes.
1
Silvio, José. [jsilvio@cantv.net] “Las comunidades virtuales como conductoras del aprendizaje permanente”
http://funredes.org/mistica/castellano/ciberoteca/participantes/docuparti/esp_doc_31.html, julio 1999.
La misma autora señala que las etapas de la arquitectura de un sitio de contenido como
el sitio de un curso son las siguientes:
1. Recopilación de información y contenidos.
2. Diseño Conceptual: se genera un boceto de la arquitectura del sitio. Determinando
el esquema (característica y agrupación de los contenidos) y la estructura del sitio.
3. Diseño del Sistema de Navegación: escoger el sistema a utilizar, determinar los
elementos principales de navegación y los complementarios.
4. Diseño Comunicacional: se diseñan los mensajes, los mecanismos de interacción
con los usuarios determinando variables críticas del estilo gráfico y de lenguaje. Por
ejemplo: redacción de textos, bienvenidas al sitio, mensajes, anuncios, encabezados
de formularios, encuestas, contactos, etc. Como parte del diseño comunicacional se
especifican los criterios para el diseño: tipografía, colores predominantes o de
identidad, peso promedio de las imágenes, resolución de las imágenes, utilización
de medios (sonido, video, animación). Se crea un prototipo de diseño gráfico
(balance entre lo visual y el contexto), siguiendo los criterios para el diseño.
5. Diseño de los entornos de colaboración: Se eligen las herramientas que facilitarán
la comunicación y colaboración entre los usuarios, es decir se eligen los
mecanismos de interacción, espacio virtual de encuentro, etc.
6. Inventario del sitio: páginas, imágenes, aplicaciones. Se crea la estructura física del
sitio (directorios).
1 DISEÑO CONCEPTUAL3
Se refiere al sistema de organización del sitio y se basa en dos aspectos que permiten
agrupar y definir información: los esquemas y las estructuras.
2
Guizado, María Raquel de. Guías de estudio. Seminario de Informática. Universidad Tecnológica de
Panamá, octubre de 2003.
3
Lois Rosenfeld & Peter Morville. Information Architecture: for the World Wide Web. O’Reilly. 1998.
Referenciado por María Raquel de Guizado.
♦ Estructura hipertexto:
involucra elementos de
multimedios y un conjunto de
enlaces, con una estructura no
lineal, no definida. Debe ser un
complemento y no una estructura
de organización primaria. Ver
diagrama. Ventaja: proporciona
gran flexibilidad. Desventaja:
puede presentar complejidad y
confusión para el usuario.
♦ Navegación global: Tiene movimiento lateral y vertical entre sus módulos. Elementos
de navegación principal en cada página del sitio. Observación: este sistema se utiliza si
se ha organizado la información con estructura jerárquica y modular. Con este sistema
el usuario observará todas las opciones de navegación global y podrá desplazarse
arbitrariamente en el contexto del sitio. Ver : http://www.pa/cultura/museos/ciencias/
♦ Navegación local: Concepto de Subsitio-un sitio que agrupa a su vez módulos muy
independientes que pueden ser considerados como sitios propiamente. El diseño visual
debe ser o no estándar. El diseño visual de la estructura de navegación debe ser estándar
y ésta debe incluir navegación local del subsitio y la global del sitio. Recomendación:
No agobiar al usuario con demasiadas opciones, minimizar con el diseño gráfico la
confusión de navegación global y del subsitio. Ver: http://www.pa observe cada
módulo principal mantiene una estandarización del diseño visual en la estructura de
navegación. Puede observarse la navegación local del módulo y la global del sitio
completo.
♦ Índices
Presenta uno o dos niveles de profundidad.
♦ Mapas
Definición gráfica de la arquitectura de un sitio.
Utilizados cuando se ha organizado la información con
esquema exacto, de manera geográfica.
Ver: http://www.ipat.gob.pa/ecoturismo2,
http://viablesoftware.com/wallpag0.htm (galería de
wallpaper).
Recomendación: Poner representación textual como alternativa.
♦ Guías
Es una herramienta de ayuda a usuarios que desean ser guiados a través del sitio.
Ofrece navegación lineal. Generalmente utilizada para sitios orientados a tareas o
funciones (ideal para contenidos de talleres).
Ver: http://www.hotmail.com (para sacar un correo gratis hay que seguir una serie
de pasos a través del sitio). Ideal para llevar al estudiante a través de un contenido o
ejercicio.
Consideraciones:
♦ Seguir las convenciones de diseño tales como íconos estándares (correo, inicio u
Home), ya que los usuarios están acostumbrados a éstos.
♦ El diseño visual no debe variar tan a menudo, ya que el usuario crea familiaridad
con los elementos gráficos.
♦ La estructura de información debe ser estable y flexible, es decir considerar la
facilidad para mantenimiento, quitar o agregar íconos, tópicos, etc.
♦ No recargar con imágenes o gráficos innecesarios.
♦ Utilizar letras y elementos gráficos según su estilo y tipo de web. Las letras pueden
ser romanas, clásica, sencillas o modernas.
♦ El texto debe ser legible, con tipografía adecuada (color y tamaño).
♦ El texto o contenido debe llevar un mensaje comunicacional y debe ser significativo
para el usuario.
♦ Ubicar información más estática a la izquierda (tópicos principales del sitio) y más
cambiante o dinámica a la derecha (noticia, promociones, etc.)
♦ Digitalizar imágenes en media o máxima resolución y luego optimizar según sea el
caso.
♦ No permita que el fondo compita con el contenido, es decir, que no debe sobresalir
más que el contenido y rótulos importantes.
♦ Ponga íconos para los temas más importantes de la página. Utilice pequeñas
imágenes con balance de tonos y contrastes.
♦ Identidad del Sitio: La identidad del sitio debe estar de manifiesto en la página
principal, la cual debe reflejar el propósito, objetivos del sitio. Los usuarios deben
identificar con claridad, de dónde es el sitio, quiénes son los responsables.
Esto lo podemos lograr algunas veces en el contexto global a través de un texto breve,
explicativo, como por ejemplo una bienvenida o puede estar reflejado en el diseño
visual o a través de los componentes gráficos o tópicos que componen el sitio. Cuando
logramos identificar rápidamente en el primer pantallazo u Home Page del sitio,
entonces decimos que el sitio tiene una identidad. La identidad es como la imagen de
seriedad y responsabilidad de quienes ponen a disposición los contenidos. La identidad
debe ser reconocida localmente o globalmente si los contenidos son de uso público.
Otros aspectos que debemos considerar para la identidad son:
Poner título completo del sitio, identificando el origen en todas las páginas de
contenido
Poner el título de las páginas (en el código html, la sentencia Title)
Poner pie de página completo, es decir los responsables, la institución u
organización, la fecha de creación y actualización de los documentos.
Ver este ejemplo: Gobernantes de Panamá y verifique el concepto identidad.
♦ Estructura: Es el balance entre los componentes del sitio web, entre el Home Page y
páginas de menú, y entre sus páginas individuales. Estructura Recomendada:
Segmentación modular.
5
González y Cordero: "Diseño de páginas web", Mc Graw Hill, 2001. Referenciado por María Raquel de
Guizado
♦ Enlaces o Links
Permiten conectar un documento con otros documentos.
Deben surgir del lenguaje natural
Escoger frases claras y de largo apropiado
El texto del enlace de acuerdo al título del contenido
Ver ejemplo primer párrafo de: http://www.pa/patria/index.html
♦ Navegación
Se refiere a la jerarquía de documentos que nos permiten viajar satisfactoriamente a
través del mismo.
Recomendaciones:
Iconos para desplazamiento, inicio, fin del documento. Ver:
http://www.ipat.gob.pa/cascoantiguo/capitulo1.html
Tabla de contenido al inicio de documentos largos.
Poner título a cada página.
Colocar título en el encabezado del visualizador (browser).
Proveer servicio de búsqueda.
llegaría a la página del sitio B que tiene el enlace, quedando ésta suelta del resto del
sitio.
♦ Texto
No utilizar diversidad de fuentes en las páginas. Dos fuentes como máximo es lo
recomendable.
Utilizar fuentes que sean legibles (considerar la visión de los usuarios).
Utilizar fuentes estándares: Times New Roman, Arial, etc.
No abusar de las mayúsculas. El texto en minúscula es más fácil de leer.
No abusar de texto móvil, ya que llega a ser molesto.
Recomendaciones
Considerar la tecnología y las limitaciones de cada usuario y en función de esto diseñar.
Promedio en peso de las páginas 50 - 90 Kb
♦ El texto 5 K
♦ El fondo 5 K
♦ Logo y encabezado 20 K
♦ Barras de navegación 8 K
♦ Botones (2 k) 10 K
♦ Otras gráficos (opcional) 20 K
Esto puede variar de acuerdo al tipo de página, es decir si ésta es más de contenido textual
o es más de diseño visual.