lunes, 5 de octubre de 2015

Organizar el Contenido de Información para un Recurso Educativo

6 comentarios


» Cómo organizar la estructura de un sitio Web.

Todo diseño web depende tanto de su formato estético como de la calidad de los contenidos que ofrece. Un sitio cautivante desde la imagen pero obsoleto en su propuesta conceptual, rápidamente será abandonado por los usuarios. Por ello, insistimos en que la estructura de un sitio web debe ser cuidadosamente planificada.

por ejemplo: así como un libro posee un índice que orienta a sus lectores sobre los contenidos que incluye, un sitio web también debe garantizar a sus visitantes la usabilidad.

Una forma práctica y sencilla de organizar la estructura de un sitio web es mediante esquemas, por ejemplo.

Formato en árbol


Formato en red



Formato en lista



Formato mixto


La primera visita del usuario a un sitio web es la oportunidad para generar una excelente impresión. Una buena página de inicio garantiza que el usuario permanezca interesado en la navegación y profundice su exploración del sitio.

» Para el diseño de las páginas de inicio es recomendable:
  • Explicitar el público al que apunta el sitio.
  • Mostrar los contenidos generales más importantes que incluye.
  • Incorporar un banner1 donde el usuario pueda ver las últimas novedades y actualizaciones del sitio.
  • Introducir un enlace en la cabecera de la página para que el usuario pueda retornar a la página de inicio rápidamente.
  • Diseñar un menú de navegación que oriente al visitante en su recorrido por el sitio web.
» El menú de navegación


Toda página web debe poseer un menú de navegación que ofrezca una guía para su recorrido. 

por ejemplo:



Un usuario interesado en la temática o que sabe lo que necesita rápidamente puede identificar el sector del sitio web que le brindará la información requerida.

» Recomendaciones para redactar y organizar contenidos

* Redactar páginas fáciles de leer y visitar

Las competencias cognitivas que utilizan los usuarios de Internet son diferentes de las de un lector de textos en formato papel. Habitualmente, el navegante escanea con sus ojos la página que visita y lo hace de modo superficial, realizando una lectura transversal del texto y buscando palabras clave.

* Organizar la escritura en formato de pirámide invertida

Esta estrategia consiste en presentar primero las conclusiones generales del tema trabajado, para luego avanzar en el desarrollo más específico del contenido.

* Destacar la simpleza

Aquí van una serie de recursos muy útiles para avanzar en la escritura de un sitio web: utilizar oraciones cortas, evitar el exceso de adjetivos, controlar el uso de metáforas engorrosas de explicar, aplicar un equilibro de contraste entre fondo y letra que facilite la lectura.

* Paginar los documentos extensos

Si un material es demasiado largo, puede distribuirse en distintas páginas y permitir al usuario desplazarse a través de ellas. Este recurso es el que aplican los sitios de buscadores (como Yahoo o Google), dada la gran cantidad de información que albergan sobre un mismo tema. 

Se los visualiza de esta forma:

Página 1 < Atrás | 1 2 3 4 | Adelante >

* Utilizar imágenes

Las imágenes pueden resultar muy útiles para ilustrar ideas, conceptos y aspectos del tema que se trate.

* Incluir gráficos y mapas


Los gráficos permiten visualizar procesos, concentrando mucha información en un esquema pequeño. Los mapas, facilitan la referencia de los contenidos en función del sentido territorial de éstos.

Referencia:

Educar, Claves para el diseño Web, 2010, Artículo publicado en, https://www.educ.ar/dinamico/UnidadHtml__get__10ad3fed-599e-4e66-8687-defe5632612e/pdf/diseno_web_4.pdf

sábado, 3 de octubre de 2015

Diseño Visual

3 comentarios

El diseño visual o diseño en comunicación visual es una disciplina profesional que estudia los sistemas de información con el objeto de convertir los datos en formas visuales, teniendo en cuenta los procesos perceptivos. Consiste en la creación de imágenes funcionales con fines netamente comunicacionales, para esto se hace uso de las nuevas tecnologías para un desarrollo más estructurado.
Diseño Visual es una denominación profesional del diseño que analiza y transforma datos en estructuras visuales mediante el conocimiento de procesos perceptivos (ciencia de la visión) y cognitivos, el reconocimiento de los contextos socioculturales para su planificación en los dispositivos y soportes de la imagen, con el fin de generar sistemas de información que interactúan con la comunidad y sus referentes darle significado, a través de los procesos comunicativos.

Desde esta perspectiva, el Diseño Visual coordina, gestiona y administra sistemas de información visual, categoriza las variables visuales, investiga los procesos cognitivos, evalúa las metodologías del diseño, determina la pertinencia de los soportes de la imagen de acuerdo a la naturaleza de la información para la ejecución general de un proyecto de diseño.

 El diseño visual estudia la génesis y producción de la imagen fija, móvil, ambiental y digital, a partir de las estructuras de los lenguajes que operan, circulan y funcionan en la sociedad, con el objeto de entender la interactividad de los dispositivos y los datos con el espectador. Así mismo, define los métodos para verificar, de forma experimental, la eficacia comunicativa de estos datos, con el propósito de reducir la entropía cognitiva.
El diseño visual integra elementos de la comunicación visual impresa (símbolos gráficos, afiches entre otros), los medios audiovisuales dinámicos (imagen en movimiento, animación, videografía entre otros), los entornos digitales (CD-ROM, Web, presentaciones y eventos multimedia), el diseño ambiental (señalética, elementos en el espacio público, arquigrafía entre otros) y los nuevos espacios de comunicación visual que surgen a partir de las nuevas tecnologías.

El diseño visual crea estructuras de comunicación e información visual, soportado por elementos estructurales del diseño y formales de los modelos de información y comunicación.

Etapas del diseño Visual

Dentro de las etapas en las que debe desarrollarse el diseño de un sitio web, el diseño visual es una de las últimas, ya que muchos de los aspectos visuales de la página dependen en gran medida de determinaciones tomadas en otras etapas del diseño.
Esto no quiere decir en modo alguno, que el diseño visual sea algo superficial o secundario. Por el contrario, al igual que otros aspectos del diseño de un sitio web, el aspecto visual puede influir en la popularidad del mismo.
  • Especificar los criterios para el diseño
  • Crear un prototipode diseño gráfico
  • Se diseñan los entornos de colaboración
  • Inventario del sitio

jueves, 1 de octubre de 2015

La Web Como Plataforma Educativa

3 comentarios



Sobre el proceso de desarrollo de una página web se encuentran múltiples autores que describen cuales son los pasos que llevan a cabo cuando realizan un proyecto para web. El proceso presentado en este escrito se basará tanto en la propuesta de Jesse James Garret  (2002) como en la de David Farkas y Jean Farkas (2002).

Planeación
La primera fase consiste en la planeación. Dentro de esta primera etapa se encuentran acciones que definirán en gran parte toda la estrategia y limitaciones de la página.

 Definición de la estrategia.

Definición de los objetivos y necesidades del usuario. En este apartado se debe esclarecer cual es el objetivo y la razón de ser del sitio, y ver cómo se va a relacionar tal objetivo con las necesidades de sus usuarios. A raíz de tales necesidades se fijan los objetivos.
Investigación del usuario. En la búsqueda de entender y satisfacer las necesidades del usuario, primero se debe saber a conciencia a quién se está dirigido el contenido, lo cual lleva a la delimitación de uno o varios públicos meta. Se tiene que entender mucho acerca de él y de su medio ambiente, para esto es necesario tanto recaudar información sobre el usuario como de su medio social. Una herramienta útil en este proceso es la definición de personas.
Personas. El establecimiento de personas es la estrategia propuesta por Alan Cooper (Thissen, 2004) para poder identificar más apropiadamente un sector de usuarios y mantenerlos presentes con mayor facilidad durante el proceso.

La persona consiste, en la caracterización del usuario mediante la adquisición de una identidad y /o perfil; no son usuarios reales, son prototipos de ellos, así que nuestro usuario ficticio tendrá nombre, rostro, estado civil y socioeconómicos, así como una descripción de sus necesidades, metas e intereses con relación al sitio.

El número de “personas” utilizadas en el desarrollo de un sitio no debe ser excesivo ya que es necesario que se cuente con características concretas para que su uso sea realmente efectivo. Con base en las características, metas e intereses presentes en las personas se dirigirán los contenidos del sitio, para una mayor efectividad.

Otro elemento útil es el establecimiento de Escenarios, los cuales se refieren a la maquetación de ambientes ficticios, donde las “personas” llevan a cabo sus tareas o la búsqueda de información.

Todos estos  recursos se utilizan para  entender mejor las necesidades de los usuarios, y con base a un mejor entendimiento se pueden proponer las mejores formas y vías de presentar la información, para que sea exactamente lo que ellos necesitan, en la forma que lo requieren y con la mejor secuencia.
Análisis  comparativo de la competencia. Este paso consiste en el análisis de sitios que ofrecen servicios similares.

Tema y estilo. En esta etapa primaria del desarrollo de un sitio es importante determinar cuál va a ser el tono del mensaje central. Esto significa que se debe establecer el carácter del sitio, lo que repercutirá tanto en la aplicación general de las imágenes como en el estilo de escritura presentado.
Se debe esclarecer estas características al principio del desarrollo para tenerlo presente durante etapas posteriores, y así incluir elementos acordes al sitio para preservar la unidad y consistencia.
Una herramienta útil para este fin es el desarrollo de bocetos, que en esta etapa son sólo pre-visualizaciones de lo que más adelante se definirá como la estructura del sitio. Tales bocetos pueden ser solamente conceptuales o ya incluir algunas características concretas sobre el sitio.

ll. Delimitación de los alcances.

Las siguientes sub etapas tienen que ver con la delimitación de los alcances tanto técnicos como de contenido. Este paso es de vital importancia 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á.
Esto favorece el establecimiento de calendarizaciones y sobre todo previene que en etapas posteriores se consideren aspectos que no se van a poder llevar a cabo, debido a limitaciones técnicas, económicas, cronológicas etc.

Establecimiento de las características técnicas que serán requeridas para el soporte del contenido. Este tipo de documentación marca la línea que delimita cuales son los recursos tecnológicos con los que se cuenta y cuáles son las características en software o aspectos técnicos que serán necesarios.
Estas consideraciones técnicas no sólo se dan de parte del equipo que desarrolla el sitio y el cliente que lo solicita, ya que también es importante considerar cuales son las características tecnológicas con las que cuenta el usuario. Como ya se mencionaba esta delimitación  permite que los términos del proyecto sean reales, aterrizables y agendables.

Definición de las formas de administración, fuentes de información, características y limitantes de los contenidos que serán requeridos por los usuarios. Una vez determinada cual es la información o actividades requeridas por el usuario, es necesario establecer en que formato va a ser presentada la información. Cuáles serán las diferentes características presentes en el contenido y sobre todo cómo   va a ser la administración y obtención del contenido para el sitio.
Todas estas especificaciones se deben de plantear para tener aterrizados los contenidos y permitir que su presentación sea sustentable y organizada.

Una de las herramientas utilizadas en este punto es la elaboración de una lista de contenidos, ésta consiste en un enlistado que contenga los elementos que probablemente se encuentren en el sitio tales como gráficos, texto, animación, música, etc.
Esto con la finalidad de tener un control de los diversos medios requeridos para el desarrollo e implementación del sitio. En el desarrollo de la lista de contenidos se debe tomar en cuenta las limitantes ya establecidas con anterioridad.

Una herramienta de mucha utilidad en el manejo de los contenidos son los Sistemas Administradores de Contenidos (CMS, por sus siglas en Inglés), un CMS es un sistema  que con base a una o varias bases de datos puede generar páginas dinámicas con estos contenidos, existen varios tipos de CMS, unos que se adquieren mediante licencia y otros que son gratuitos.

Paralelo a estas especificaciones es necesario considerar cuál será el sistema económico a través del cual el sitio será sostenido. Este punto no aplica para todos los sitios ya que algunos por su propia naturaleza en su objetivo no se encuentra el generar ingresos.

Pero para todos aquellos que los ingresos económicos son un factor importante, se deben considerar aspectos como el manejo de publicidad y los distintos formatos en los que esta se presenta, sistemas de pago en línea, permisos gubernamentales etc.



Referencia

tomado de http://catarina.udlap.mx/u_dl_a/tales/documentos/ldf/mendoza_l_p/capitulo3.pdf

martes, 29 de septiembre de 2015

Criterios Generales de Estilo y Calidad para los Recursos de Contenido en el Web

4 comentarios


» Un sitio web de calidad siempre tiene un autor definido y reconocible.

Un sitio web de calidad siempre tiene un autor definido y reconocible. El desarrollar contenidos no es gratis, generalmente implica costos, y no pocos recursos humanos. 
Por lo tanto, el anonimato no es propio de los sitios web con contenidos confiables. 

» Es importante mantenerlo actual.

Nosotros consideramos que todo sitio Web sea educativo o de algún tema especial, este debe ser actualizado a periódicamente, ya estamos en un siglo en donde las cosas siempre cambian y estamos en un constante sistema y considerar los criterios de otros usuarios.

» Considerar a que aspira.

Es importante tener en cuenta que toda Web, debe tener un propósito, es decir que todo esto debe están enfocado para un bien común y adecuarla a las necesidades del publico que se quiere atender.

» Debe ser muy objetiva.

Ya que hoy en día las Web deben mostrar lo que quieren brindar, es decir que esta debe enfocarse a lo que desea llegar con sus usuarios.

Claro ejemplo esta que si esta va a vender, es solo vender sus productos y no mostrarse como una Web que no educa o entrena en un contenido en especifico.



» El contenido debe ser claro.

Es muy importante que toda Web contenga buena redacción en la información, para considerar que todos los navegantes vean que el sitio muy rico en información de calidad y que esta presente la ortografía.

» Siempre mostrar las fuentes.

Considerar que todo sitio debe ofrecer un grado de información libre para tener un auge en la Web y así generar mas visitas de los navegantes.

» Navegación y acceso amigable.

Todo sitio se debe presentar de forma amigable para el usuario en donde la navegación debe generar buena presencia con diferentes puntos de hacer que el usuario no se pierda y no genere confusión dentro de la Web.


Referencias:

Soledad Garces, Criterios De Evaluación  Para Evaluar La Información Disponible En Internet, 2015, Artículo publicado en, http://www.solegarces.education/2012/04/5-criterios-para-validar-el-contenido.html

Diseño de Recursos Digitales Educativos

3 comentarios

Aquí les estoy publicando algo que me pareció interesante.

1. Contexto de uso

Es importante indicar que en todo momento nos referimos al uso de estos recursos digitales en el contexto de un aula. Se supone que cada alumno/a utiliza su ordenador (1:1) para acceder al recurso con intención de descubrir/reforzar aprendizajes curriculares. Y además la figura del profesor/a es clave ejerciendo un papel de facilitador, asesor, etc, etc. El aprovechamiento didáctico en este contexto es la fuente de todas las decisiones y valoraciones aquí expuestas. Los criterios pueden ser diferentes si se piensa en el uso de recursos en otras situaciones más informales o no regladas.
2. Concreción curricular
Cuando se afronta una iniciativa de creación de materiales una de las primeras tareas consiste en concretar los objetivos, contenidos, competencias y criterios de evaluación que se pretenden trabajar. La fuente inicial debe ser el currículum oficial y la selección debe realizarse de forma explícita porque de lo contrario es posible que el resultado no sea fácilmente aplicable en el contexto de aula.
Los criterios de selección son:
  • Adecuación. Conviene determinar de antemano el tramo educativo y el área donde se utilizará el recurso.
  • Idoneidad. Se elegirán los elementos del currículo que se trabajan mejor con las tecnologías multimedia con intención de suplir las carencias que se derivan de la enseñanza utilizando otros medios.
  • Prioridad. En un principio no es posible implementar recursos sobre todos y cada uno de los contenidos del currículum. Por ese motivo se hace necesario establecer una prioridad y ésta puede ser la de las enseñanzas mínimas exigibles.
  • Necesidad. El diseño de un recurso también puede surgir de una necesidad vivenciada. La falta de motivación de algunos alumnos/as hacia determinados contenidos o la necesidad de hacer algo distinto o más eficaz con ellos son justificaciones legítimas para buscar un recurso multimedia centrándose de antemano en ciertos contenidos del currículum.
  • Interactividad. El contenido elegido debe permitir al alumno tomar decisiones y apreciar las consecuencias de las mismas. Si se pretende elaborar un “libro digital” con un nivel de interacción mínimo (pasar página) seguramente se sustituirá rápidamente por el libro en papel más inmediato y manejable.
  • Transferencia. Los contenidos que se trabajen en un multimedia deben tener múltiples referencias a actividades de la vida cotidiana para asegurar una mayor transferencia.
Una vez concretados los elementos currículares se hace necesario una revisión de los repositorios habituales para comprobar si el recurso pensado ha sido ya implementado con anterioridad. Si no es así o el enfoque de los existentes no es el adecuado entonces dispondremos de la justificación perfecta para iniciar el diseño.
3. Características de los recursos digitales educativos
Tomando como punto de partida la experiencia de usuario en interacción con un soporte digital surgen factores técnicos, pedagógicos y ergonómicos que determinan las características fundamentales que deben tener los recursos educativos digitales. Estas características son:
  • Multimedia. Los recursos deben aprovechar las prestaciones multimedia disponibles para superar los formatos analógicos. Además del texto y la imagen, el audio, el vídeo y la animación son elementos clave que añaden una dimensión multisensorial a la información aportada pero que también permiten exponerla con una mayor riqueza de matices: descripción gráfica de procesos mediante animaciones, simulación de situaciones experimentales manipulando parámetros, etc.
  • Interactividad. El diseño de recursos interactivos e inmersivos proporcionan base para el desarrollo de experiencias de aprendizaje más ricas. Se asegura una motivación intrínseca al contemplar la posibilidad de tomar decisiones, realizar acciones y recibir un feedback más inmediato a las mismas. La manipulación directa de variables o parámetros en situaciones de simulación o experimentación permite estrategias de aprendizaje por ensayo-error. El desarrollo de itinerarios de aprendizaje individuales a partir de los resultados obtenidos en cada paso favorecen una individualización de la enseñanza. La interactividad también tiene una dimensión social que puede facilitar que el alumno/a participe en procesos de comunicación y relación social.
  • Accesibilidad. Los contenidos educativos digitales deben ser accesibles. Esta accesibilidad debe garantizarse en sus tres niveles: Genérico: que resulte accesible al alumnado con necesidades educativas especiales; Funcional: que la información se presente de forma comprensible y usable por todo el alumnado a que va dirigido; y Tecnológico: que no sea necesario disponer de unas condiciones tecnológicas extraordinarias de software, equipos, dispositivos y periféricos, etc. y que sea accesible desde cualquier sistema: window, mac, linux, etc.
  • Flexibilidad. Se refiere a la posibilidad de utilizarlo en múltiples situaciones de aprendizaje: clases ordinarias, apoyos a alumnos con necesidades educativas, en horario lectivo, no lectivo, en un ordenador del aula de informática, de la biblioteca, del aula, de casa, etc. tanto individualmente como por parejas, tríos, etc. Esta flexibilidad también debe aludir a la posibilidad de usarlo con independencia del enfoque metodológico que ponga en práctica el docente.
  • Modularidad. El diseño modular de un recurso multimedia debe facilitar la separación de sus objetos y su reutilización en distintas itinerarios de aprendizaje favoreciendo un mayor grado de explotación didáctica. A menudo tenemos experiencia de la existencia de recursos donde una animación concreta resulta interesante en un momento puntual mientras que el resto no tanto. El diseño modular garantizaría un acceso directo a un elemento concreto y ello aumenta sus posibilidades de uso.
  • Adaptabilidad y reusabilidad. El diseño de recursos fácilmente personalizables por parte del profesorado permite la adaptación y reutilización en distintas situaciones. Así, por ejemplo, un cuestionario de preguntas donde sea posible modificar fácilmente las preguntas y respuestas es más reutilizable que un cuestionario cerrado.
  • Interoperabilidad. Los contenidos educativos digitales deben venir acompañados de una ficha de metadatos que recoja todos los detalles de su uso didáctico. Esto facilitará su catalogación en los repositorios colectivos y la posterior búsqueda por parte de terceros.
  • Portabilidad. Los recursos digitales educativos deben ser elaborados atendiendo a estándares de desarrollo y empaquetado. De esta forma se incrementará considerablemente su difusión. Se pueden integrar con garantías y plena funcionalidad en distintos sistemas admitiendo también su uso en local. A menudo se olvida que todavía actualmente existen muchos centros sin una conexión adecuada a Internet y que demandan recursos para su explotación en local.
Referencia

Tomado de: http://canaltic.com/blog/?p=889

viernes, 25 de septiembre de 2015

Diseño de Contenidos Educativos en Formato Web

3 comentarios


» Contenidos Educativos en formato Web

La experiencia de este tema demuestra que los contenidos educativos creados en formato Web, suelen ser de forma estructura, ya que este requiere de un equipo especializado para lograr una buena química con cada uno de los temas teóricos y técnicos que conlleva este trabajo.

De acuerdo al auto Area Moreira (2003), este menciona que estos tipos de sitio Web, enfocados en formato Web suelen agruparse en cuatro categorías:
  • Web institucionales.
  • Web de recursos y base de datos.
  • Web de teleformación y
  • materiales didácticos en formato web.
En cuanto a ¿en qué se asemejan y en qué se diferencian unos y otros sitios Web de interés educativo? Podemos decir que, la principal diferencia se encuentra en la "finalidad y naturaleza" (Area Moreira, 2003) de los mismos.

En las dos primeras categorías, lo que prevalece es la información (consultar información), mientras que los dos restantes son Web con fines formativos (didáctica/pedagógica = enseñanza/aprendizaje).

Ahora en la siguiente figura se muestra la forma en que se compartan los sitios Web educativos.

Fig. 1: Tipos de sitios web educativos (Area Moreira, 2003)



» Grupos Interdisciplinarios

De acuerdo a este tema podemos mencionar que el equipo mas accesible, están los especialista de la información en donde ellos se encargan de generar buen contenido para el sitio educativo en si.

A la podemos mencionar que debe estar un pedagogo, un experto en técnico en la programación informática y la busque de las mejores herramientas Web para darle mas amplitud al sitio.

Sin olvidar al maestro de la Web, encargado del desarrollo técnico del sitio.  


Referencias:

Area Moreira, Manuel, 2003 De los Webs Educativos al Material Didáctico Web, Artículo publicado en la revista COMUNICACIÓN Y PEDAGOGÍA,nº 188, 2003, http://materiales.pbworks.com/w/page/25140879/Sitios%20Web%20Educativos