Este es un blog educativo, desarrollado como parte del proceso de aprendizaje en la materia Tópicos Especiales en Informática Educativa I. Consta de tres Autores (Yaritzel Perez,Carlos González, Mariquel Soto), los cuales realizamos intervenciones semanales en temas relacionados a la Arquitectura de los Contenidos Educativos.
Buenas noches profesora esta es nuestra última intervención
ya que hoy es el día que se debe evaluar nuestro blog.
En nombre de nuestro
grupo estamos muy agradecidos por permitirnos obtener estos nuevos
conocimientos sobre blogs, los cuales pondremos en práctica muy pronto.
Las semanas han pasado rápido y como se puede ver en el
Timeline cada semana hemos ido aportando algún tema relacionado a la
Arquitectura de Contenidos Educativos;
este es solo un pequeño compendio ya que sabemos que estos temas son
muchos.
Como conclusión tenemos que los blog es una herramienta tecnológica
que permite comunicarnos con un público en cualquier parte del mundo.
Que los blog gracias a sus registros cronológicos del los
eventos permiten buscar y también organizar mejor contenidos.
Que los blog permiten trabajar colaborativamente y en equipos
para lograr un objetivo especifico lo que le da un valor agregado.
Los blog soportan multimedios y además son súper fáciles de
integrarlos con los cuales aumenta su potencial educativo.
Estas son algunas de las conclusiones al haber desarrollado
este blog.
En este apartado nos enfocaremos en el contraste de los colores entre si. Que pienso que para diseñar una pagina web, tiene que observarse de manera cuidadosa este tema de la visibilidad del color.
Por visibilidad nos referimos al destaque de un color sobre otro, un color puede influir o cambiar la cualidad cromática de otro y también la apariencia de su tamaño, posición o distancia. Estas tres formas de contraste influyen en la visibilidad del color, además de la saturación, luminosidad y extensión o cantidad de color.
Ejemplo Visual de los colores de tabla presentada arriba:
Antes de Desarrollar en diseño Visual hay que
definir la estructura física de la página web a Desarrollar.
El Diseño de la estructura física como la
teoría lo dice facilita el mantenimiento del sitio web desarrollado, esto
requiere de una buena organización de los archivos que serán utilizados.
Ventajas que considero al construir una
estructura física de recursos y almacenamiento de un sitio web:
Facilidad para localizar el lugar de
almacenamiento de los archivos y carpetas
Mantenimiento eficiente de cada recurso
utilizado por la clasificación de imágenes y otros archivos.
Claridad y entendimiento de cada
componente, agilizando las actualizaciones del servidor web.
Rapidez en el mantenimiento del sitio,
incluso para los administradores web que no lo diseñaron.
La estructura física jerarquizada utilizada como una
norma o regla garantiza un sitio web organizado y libre de complicaciones que
no entorpezcan el trabajo.
Felicidades a Panamá por sus fiestas patrias
y felicidades a los que vivimos en este bello País
Esta semana hablaré sobre Diseño Visual
Se dice que de este depende el éxito de lo
que desea comunicar.
Dentro del diseño visual los colores juegan
un papel crucial, llegando a opinar que pueden influir en la actitud de las
personas hacia los contenidos y hasta en su estado de ánimo. Por esta razón
encantan los colores, siento que estos hablan por sí solos y si los combinamos adecuadamente
obtendrás un resultado excepcional en nuestras creaciones para el Web.
Karla Gutierrez a través de
su blog[1], no comenta que “Algunas investigaciones han encontrado que el 80% de la información
procesada por el cerebro del usuario en Internet proviene de la vista mientras
que otros estudios han descubierto que las personas son excepcionalmente
sensibles a las señales visuales cuando están aprendiendo. Estos dos datos
sugieren que el factor visual es clave en el eLearning y que la apropiada
aplicación de técnicas graficas podría mejorar la adquisición del conocimiento.”
Si algo obvio, muy obvio; es muy cierto que al abrir una página
cualquiera y esta, mostrar colores muy
brillantes o inadecuada elección de fondo y color de texto deseamos salir
corriendo y dejar atrás un contenido que quizás sea muy bueno pero que su
diseño visual no cumple con las expectativas.
Entonces si el 80% de la información procesada por el cerebro proviene
de la vista, los colores son un factor crucial ya que dan vida a todo lo que
vemos.
Según la autora podemos utilizar algunos trucos de la Psicología del
color para el diseño de contenidos electrónicos para la enseñanza, entre estos:
1. Atraiga la atención de sus estudiantes con color
Muchos estudios han demostrado que los colores tienen el potencial de
atraer la atención de inmediato, los colores cálidos pueden aumentar el nivel
de atención de los alumnos, tome en cuenta en primera instancia el rojo.
2. Utilice los colores fuertes estratégicamente
Evite volver los colores demasiado intensos, use los colores fuertes
con moderación sobre fondos neutros. Los colores neones parecen de principiantes,
use colores fuertes pero no brillantes.
3. Mejore la lectura
Los colores mejoran la lectura por que le dan mayor claridad al
aplicarlos correctamente.
Pueden hacer el contenido más legible.
4. Mejore el aprendizaje y la comprensión
“Ya que el color
conecta vías neuropáticas, la gente recuerda los colores mejor que las señales
verbales o textuales solas; específicamente, el Instituto de Investigación del
Color, ha determinado que el color puede
mejorar el aprendizaje desde un 55% hasta un 78%, así como puede mejorar la
comprensión en un 73%.”
5. Comprenda los significados de los colores
Cada color tiene un significado global y uno personal, por lo cual se
debe tener presente al momento del diseñ; difieren de acuerdo a la cultura y el
público que utilizará los recursos educativos.
6. Elija las combinaciones de colores correctas
El diseñador debe tener un buen ojo para combinar correctamente los
colores. Es mejor evitar las preferencias personales y trabajar con combinaciones
objetivas. De todas formas si no es nuestro fuerte las combinaciones podemos
irnos a los fundamentos de la Teoría del Color.
Presento
3 consejos que podemos tomar en cuenta antes de comenzar a crear un sitio web:
Utiliza
un lápiz, borrador y papel para escribir y diseñar todo lo que desees que tenga cada una de las páginas web de tu sitio. Tendrás una
lluvia de ideas en tu cabeza y podrás ir organizando. La
tecnologíapuede dejarse de lado por un momento.
Observa otros sitios web interesantes: Echa un vistazo tanto a su diseño como a su contenido. Toma notas de lo que te gusta de esas páginas y de lo
que no te gusta, para que tengas una idea de lo que debes y no debes de hacer.
Una
vez que se tiene una versión borrador de la página, pregunta a las personas de
confianza para que den su opinión sobre la misma, esto puede proporcionar
puntos de vista muy valiosos, que pueden ayudarte a mejor su aspecto y contenido, ya que desde fuera se ve un proyecto de forma muy
diferente.
Normas y principios a seguir para el etiquetado de la navegación
“El etiquetado corresponde a la
rotulación y la nomenclatura escogida para los diferentes ítems de la
navegación. Según Jacob Nielsen (1990):
El lenguaje utilizado debe ajustarse
a conceptos familiares para el usuario tipo y debe ser cercano a su mundo real
Consistencia y estándares: el
usuario no debe preguntarse si diferentes palabras o acciones significan la
misma cosa
Diseño minimalista: los elementos
visuales deben tener una función comunicativa relevante y útil para el usuario.
Añadir elementos “decorativos” distrae la atención y puede perjudicar la legalidad”[1]
Analizando estos puntos vemos la relevancia
que el autor le da al lenguaje, el cual debe ajustarse al tipo de usuario, para
estudiante de decimo grado el lenguaje debe ser fácil de entender, sin términos
técnicos que dificulten su comprensión; por el contrario para un investigador
de una temática específica, es de mucha importancia la terminología técnica en
las etiquetas del sistema de navegación.
Los estándares deben de ser
considerados al diseñar un etiquetado. La consistencia de las palabras debe ser
comprobada, no debemos utilizar términos con doble significado ya que el
usuario puede interpretarlas de diferentes formas.
Las imágenes y los gráficos como
ya sabemos son pesados y dificultan la descarga oportuna de la página, debemos
cuidar mucho su selección porque distraen la atención del usuario.
En todo momento la función de
estos debe ser comunicar eficazmente los contenidos que poseen.
En este nuevo apartado, analizaremos la importancia que tiene la usabilidad y
la accesibilidad de un sitio web educativo.
Numerosos
autores han propuesto diversas definiciones de usabilidad, normalmente a través
de la enumeración de los diferentes atributos o factores mediante los que puede
ser evaluada, dependiendo finalmente cada definición del enfoque con el que
pretende ser medida (Folmer, Bosch; 2004).
En
la definición podemos observar que la usabilidad se compone de dos tipos de
atributos:
Atributos
cuantificables de forma objetiva: como son la eficacia o número de errores
cometidos por el usuario durante la realización de una tarea, y eficiencia o
tiempo empleado por el usuario para la consecución de una tarea.
Atributos
cuantificables de forma subjetiva: como es la satisfacción de uso, medible a
través de la interrogación al usuario, y que tiene una estrecha relación con el
concepto de Usabilidad Percibida.
Como
se indica en la definición, la usabilidad de una aplicación debe ser entendida
siempre en relación con la forma y condiciones de uso por parte de sus
usuarios, así como con las características y necesidades propias de estos
usuarios. Un diseño no es en sí mismo usable: " lo es para usuarios
específicos en contextos de uso específicos ".
Pretender
que una aplicación web sea usable independientemente de quién y cómo la use se
corresponde más con una visión o enfoque universalista de la usabilidad (en
ocasiones necesaria), que con una visión realista y práctica. Esto es debido a
que normalmente toda aplicación se diseña con la intención de satisfacer las
necesidades de una audiencia concreta y determinada, por lo que será más usable
cuanto más adaptado esté su diseño a esta audiencia específica, y por tanto
menos lo esté para el resto de personas.
El
concepto de usabilidad puede ser definido, además de como atributo de calidad
de una aplicación, consecuentemente, como disciplina o enfoque de diseño y
evaluación. Se suele hablar entonces de Ingeniería de la Usabilidad - conjunto
de fundamentos teóricos y metodológicos que aseguren el cumplimiento de los
niveles de usabilidad requeridos para la aplicación-.
Un
concepto íntimamente ligado al de usabilidad es el de accesibilidad. Éste ya no
se refiere a la facilidad de uso, sino a la posibilidad de acceso. En concreto
a que el diseño, como prerrequisito imprescindible para ser usable, posibilite
el acceso a todos sus potenciales usuarios, sin excluir a aquellos con
limitaciones individuales - discapacidades, dominio del idioma,... - o
limitaciones derivadas del contexto de acceso - software y hardware empleado
para acceder, ancho de banda de la conexión empleada, etc.- (Hassan Montero,
Martín Fernández; 2003b)
Accesibilidad
y Usabilidad, ¿En qué consisten?
Se
da la paradoja de que mientras que un diseño usable requiere delimitar a su
audiencia potencial con el fin de diseñar para lo concreto, un diseño accesible
implica la necesidad de diseñar para la diversidad y heterogeneidad de
necesidades de acceso presentadas por esta audiencia específica.
Cuando
la audiencia para la que se diseña es muy amplia y presenta necesidades de
acceso muy diferentes, normalmente se hace necesaria la puesta a disposición de
varias versiones del diseño o un diseño adaptable, como son las conocidas
"versiones solo texto" o versiones en varios idiomas.
Tenemos que analizar a quien va dirigido nuestro sitio web y la cantidad de
material didáctico que vamos a manejar para así lograr un equilibrio de éxito
en nuestra creación.
El diseño del sistema de navegación gira en torno a la
resolución de los dos problemas fundamentales del hipertexto (herencia en la
WWW):
La desorientación o pérdida de contexto: Ausencia de
referencias físicas en un espacio virtual ¡Creación de contexto! ¡Consistencia!
El desbordamiento cognoscitivo: Gran cantidad de operaciones
y decisiones que el usuario enfrenta a la vez. No es posible (ni deseable)
mostrar toda la información al usuario – ¡Enmascar! – ¡Plegar información! -
¡Simplificar interfaz! - ¡Consistencia!
Para reducir la desorientación del usuario el sistema de
navegación tiene que ser consistente lo que significa que:
La navegación ha de estar situada siempre en el mismo lugar.
La barra de navegación ha de tener siempre la misma
apariencia.
La barra de navegación ha de tener siempre las mismas
opciones y en el mismo orden.
La Word Wide Web carece de referencias físicas. Únicamente
existen aquellas que el diseñador aporte al usuario.
Es necesario por tanto que este disponga:
De un punto de partida u origen al que pueda volver siempre
(logotipo).
De una indicación del lugar en el que se encuentra.
Observamos lo importante que es utilizar un sistema de navegación paara nuestro sitios web, para que el usuario pueda navegar con facildad y no se pierda en este espacio virtual que hemos creado para ellos.