viernes, 11 de noviembre de 2016

Presentación del Blog

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.


Saludos.

VISIBILIDAD DEL COLOR

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:
http://www.proyectacolor.cl/percepcion-del-color/visibilidad-y-legibilidad/

jueves, 10 de noviembre de 2016



Diseño Físico de una Pagina Web


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.

Referencias Bibliografica

http://contenidoseducativosweb.blogspot.com/2012/03/diseno-fisico-de-una-pagina-web.html
http://web.unvi.utp.ac.pa/moodle/file.php/922/Sesion_7/Diseno_de_la_Estructura_Fisica-new.pdf






lunes, 7 de noviembre de 2016

El Color en el Diseño Visual

Hola a todos
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.

Sin más me despido

Hasta Pronto.


domingo, 6 de noviembre de 2016

QUE DEBEMOS HACER ANTES DE COMENZAR A CREAR UN SITIO WEB



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ía puede 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.




domingo, 30 de octubre de 2016

Conociendo más sobre los Sistemas de Navegación y su Etiquetado

Sistemas de Navegación

Los objetivos de un sistema de navegación son muchos entre estos:


  1.          Ser un medio para desplazarse en la web. 


     2.  Mostrar relaciones entre elementos y permitir distinguir lo importante y lo complementario.
Imagen obtenida de: https://www.banconal.com.pa/

·           3. Permitir al usuario tener una perspectiva general del sitio web, y una visión clara de su posición actual y hacia donde puede desplazarse.

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.

Sin más nos vemos la próxima semana…


martes, 25 de octubre de 2016

USABILIDAD Y ACCESIBILIDAD


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.

Referencias
assan Montero, Y. Martín Fernández, F.J . (2003b). Que es la Accesibilidad Web . Disponible en: http://www.nosolousabilidad.com/articulos/accesibilidad.htm

domingo, 23 de octubre de 2016

SISTEMAS DE NAVEGACIÓ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):

  1. La desorientación o pérdida de contexto: Ausencia de referencias físicas en un espacio virtual ¡Creación de contexto! ¡Consistencia!

  2. 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.



http://slideplayer.es/slide/91118/