Categorías: Todo - usabilidad - coherencia - color - interactividad

por carlos gaitan hace 4 años

303

Conceptos básicos de Diseño Multimedial y Materiales Interactivos

Al diseñar materiales multimedia con fines divulgativos, es fundamental considerar la interactividad y la usabilidad para garantizar una experiencia óptima para el usuario. La simplicidad y coherencia en la disposición de los elementos en pantalla, así como el uso adecuado del color y la tipografía, son esenciales para mantener la atención y facilitar la comprensión del contenido.

Conceptos básicos de Diseño Multimedial y Materiales Interactivos

Bibliografía

1. https://www.ecured.cu/Dise%C3%B1o_multimedia 2. https://www.geniolandia.com/13171331/que-son-los-materiales-de￾aprendizaje-interactivo 3. https://www.revistaagenda.net/blog/entiende-como-los-contenidos￾interactivos-pueden-impulsar-tu-marketing/ 4. https://www.ionos.es/digitalguide/online-marketing/marketing-para￾motores-de-busqueda/contenido-interactivo-el-camino-hacia-el-exito/ 5. http://www.concla.net/Tutorial%20Fuentes/fuentes%20y%20recursos/Mult imedia.html 6. https://www.fuitec.com/diseno-de-soportes-multimedia/ 7. https://javiermendozablog.wordpress.com/2014/01/25/diferencias-entre￾hipermedia-multimedia-e-hipertexto/ 8. http://www.lanubeartistica.es/Diseno/bloque2/DI2_U3_T4_Contenidos_v0 1/index.html 9. https://sites.google.com/site/disenomultimediauo2016/ 10. http://peremarques.net/estructu.htm 11. https://sites.google.com/site/disenograficoleonardomg/elementos￾visuales-1 12. http://tutoriales.grial.eu/creacionContenidosGrial2019/diseo_grfico_y_funci onal_usabilidad.html

Tema I

Tema II

Características y estructura de los materiales interactivos Multimediales

herramientas básicas para desarrollar los proyectos de multimedia
Photoshop

Es la herramienta súper estrella de todos los programas de diseño. El término “Photoshopear”, ya es parte del lenguaje de todo los diseñadores. 495.155 la prefieren.

Picasa

Con 424.505 preferencias, esta plataforma para editar fotografías, no es considera como una de las más profesionales, pero sí de las más efectivas y rápidas.

Corel Draw

Es el oponente más fuerte de photoshop, durante sus inicios era la plataforma más famosa y usada. 168.871 personas la siguen prefiriendo.

Gimp

Con 93.317 votos, esta aplicación es la equivalencia a photoshop pero gratuita.

ACDsee Pro

Es un programa que cuenta con muchas herramientas de edición de fotografías y 65.239 usuarios la prefiere.

Google Sketshup

Con 52.534 usuarios, es una plataforma enfocada a la creación de objetos en 3D. Es gratuita

Illustrator

Con un total de 46.136 usuarios, este programa es uno de los cuales deben ser base en los conocimientos de un diseñador de logotipos o vectores.

Vídeo y Producción de Películas

AnimationPro, Elastic Reality, MediaMaker, Metaflo, Morph, VideoMachine, Premiere, SuperVideo, VideoFusion, Vídeo Grafitti, VideoVision, MoviePak.

Edición de Sonido

Alchemy, Encore, WaveEdit, Midisoft Studio, AudioTrax, TurboTrax, AudioShop, SoundEdit Pro.

Edición de Imágenes

Color It, Dfoto, Digital, Gallery Efects, Composer, Picture Publisher, ColorStudio, PhotoShop, PhotoStyler. OCR y Texto OmniPage, TypeStyler, Typestry, TypeAling, Perceive.

Pintura y Dibujo
Plataformas, hardware y software para diseño multimedial
La interface de medios MCI (Media Control Interface) proporciona un método de software unificado, manejado por órdenes para communicates con dispositivos periféricos de multimedia.
Sistemas de autor
Ámbitos y Aspectos a considerar
Derechos de autor

A la hora de diseñar material multimedia con finalidades divulgativas, hemos de tener en cuenta la utilización de informaciones originales (texto, audio y vídeo, imágenes, etc) para evitar problemas legales

Vídeo
Audio

Divertido  No monótono  Cuando sea necesario  Como refuerzo (positivo/negativo)  Que el usuario pueda controlarlo  Volumen, pausa y repetición, pueden ayudar a captar y mantener la atención  Formatos de audio más comunes: o WAV o AU o MIDI (para sonido más profesional)

Realistas No saturación

Equilibrio (gráficos y texto)  Coherencia de estilos y repetición  Unidad (de estilos y de distribución)  Espacio en blanco  El tiempo: rápido-lento (en cada parte o en todo el documento)  Mínima memorización

General

Simplicidad o Sencillo o Directo  Coherencia o Situación de los diferentes elementos de la pantalla o Uso del color o Uso de la letra o Estilo de los gráficos o Espacio en blanco

Interactividad y usabilidad
Subtopic
Elementos visuales
Textura

Modificación o variación de la superficie de los materiales, sirve para expresar visualmente las sensaciones obtenidas mediante el sentido del tacto o para representar un material dado. La textura está relacionada con la composición de una sustancia a través de variaciones diminutas en la superficie del material, y se consigue en una composición gráfica mediante la repetición de luces y sombras o de motivos iguales o similares.

Color

Tal vez las más importante y evidente, puede imprimir un fuerte carácter y dinamismo a los elementos a los que se aplica.

Medidas

Las aplicaciones de diseño actuales permiten trabajar casi independientemente de las unidades de medida que se estén utilizando.

FORMAS

La forma de los objetos y cosas, comunican ideas por ellos mismos, llaman la atención del receptor dependiendo de la forma elegida. Es un elemento esencial para un buen diseño.

ESTRUCTURA BÁSICA DE LOS MATERIALES MULTIMEDIA
Otras funcionalidades

impresión, informes, ajuste de parámetros, documentación, sistema de teleformación (puede ser externo)

Actividades

estructura: lineal, ramificada, tipo entorno (estático, dinámico, programable, instrumental) con mayor o menor grado de libertad, - naturaleza: informativa, preguntas, problemas, exploración, experimentación... - estructura: escenario, elementos, relaciones

Navegación

diagrama del programa: mapa de navegación, posibles itinerarios… - sistema de navegación: lineal, ramificado, libre, metáforas del entorno de navegación - parámetros de configuración. - nivel de hipermedialidad

Entorno audiovisual (forma de presentación) -

pantallas, informes, voz... - títulos, ventanas, cajas de texto-imagen, menús, iconos, formularios, barras de estado, elementos hipertextuales, fondo… - elementos multimedia - estilo y lenguaje, tipografía, color, composición., - integración de medias...

Contenido (bases de datos)

tipos: modelos de comportamiento, textos, gráficos, sonidos, vídeo... - función: bases de datos de contenidos educativos, de ayudas, de tutoría… - aspectos a considerar: selección, estructuración., secuenciación

Estructura de un material interactivo
Los materiales multimedia son materiales informáticos interactivos que integran diversos elementos textuales (secuenciales e hipertextuales)
Aspectos metodológicos para el diseño de materiales Aspecto Tareas
Elementos multimedia

Audio: Fácil de reproducir. Duración limitada a las necesidades del contenido. - Animación/ video: Selección detallada de los contenidos. Estructuración de las sesiones de acuerdo a los objetivos planteados. Realización del guión antes de la filmación (secuencia decontenidos, orden de la filmación, elementos a incluir) . - Presentación: Diseño de puesta en práctica ( de la clase, del profesor, de los alumnos, del material...)

Diseño gráfico

Importancia de los iconos de navegación - Iconografía acorde con el contenido y el tipo de usuario. - Ilustraciones acordes a los contenidos (No abusar de ellas). - La información máxima indicada por cada página es aquella que vemos en la pantalla del computador sin necesidad de utilizar las barras laterales.

Definición de la estructura

Diseño y elaboración de mapas conceptuales (por bloques de contenido y globales). - Elaboración de los recorridos teóricos de la información en función de las características de los usuarios y de los

Planificación

Análisis teórico del grupo de incidencia. - Definición de objetivos. - Selección de contenidos. - Secuenciación de los contenidos. - Definición del tipo de actividades - Definición de procesos de evaluación

ANIMACIÓN y VIDEO

En cuanto a las imágenes animadas o de video, pueden causar especial motivación a los alumnos de básica, pero no debemos recargar la pantalla con este elemento, pues fácilmente distraería la atención del alumno, con la dificultad adicional que suele ocupar mucho espacio en la memoria del computador.

COLOR

Es otro de los elementos vitales en los materiales multimedia. Aunque se considera algo subjetivo técnico.

IMAGEN

Utilizar imágenes es muy importante pues permite al ser humano orientarse visualmente, a la vez que puede transmitir ideas, conceptos, relaciones, etc. Este recurso motiva la atención, el descubrimiento y la comprensión.

SONIDO

forma en que se utiliza el sonido puede variar de un material a otro, dependiendo de lo que se desea resaltar. El sonido es quizás el elemento multimedia que más excita los sentidos,

TEXTO

Las palabras y los símbolos en cualquier forma de expresión, hablada o escrita son los sistemas más comunes de comunicación.

Los destinatarios
El entorno de aprendizaje

Los grupos de aprendizaje: Trabajo en grupo, trabajo en parejas. Los espacios: Enseñanza Presencial y Enseñanza Asistida por el Ordenador.

El contexto

Nivel de enseñanza y modelo a seguir : 1era. Etapa de Educación Básica en el área de Matemáticas, en los Bloques relacionados con contenidos geométricos. Siguiendo proyecto de aula del docente.

¿A quién va dirigido?:

¿Intereses del destinatario?,¿Motivación?. ¿Conocimientos previos del niño?: Considerar que son usuarios que se inician en la lecto-escritura, en la aritmética, están desarrollando su motricidad fina especialmente con el dibujo y la escritura, se inician en la concepción espacial de dos y tres dimensiones y tienden a la comprensión rápida del lenguaje iconográfico y visual. Tiempo disponible: de 45 a 60 minutos en el laboratorio.

modelos didácticos
Modelos Hipertextuales.

Uno de los aspectos relevante del diseño en sistemas hipertextuales es la organización de la información en forma no lineal.

Modelos no lineales:

Entre estos tenemos el de desarrollo rápido de prototipos y el modelo de espiral. Está basado en 5 fases: formulación de los objetivos, diseño del programa, soluciones, prototipos, revisión de las soluciones y revisión de los objetivos.

Estructura de materiales
tipos de software educativo:

Tipo 2.

Los productos no comerciales producidos por profesores o formadores. Son productos diseñados a medida para un curso. No suelen ser comerciales, son desarrollados en general por universidades.

Tipo 1.

Los creados por equipos multidisciplinarios (diseñadores, instructivos, programadores, productores de video, diseñadores gráficos, etc). Estos productos suelen ser comerciales y destinados al sector educativo.

Conceptos básicos de Diseño Multimedial y Materiales Interactivos

Hipertexto

El hipertexto ha sido definido como un enfoque para manejar y organizar información, en el cual los datos se almacenan en una red de nodos conectados por enlaces.
Puede contener

textos, gráficos, imágenes, audio, animaciones y video, así como código

Hipermedia

se pude tener comunicación entre personas,
solo se puede utilizar para ver o integrara textos, números, Gráficos, imágenes fijas o en movimientos, sonidos, posibilidad de navegación.
participan de forma conjunta diversos medios como la fotografía, el vídeo, la animación, el sonido, el texto...En la actualidad, el diseño multimedia se aplica bajo infinidad de formas como las webs, los blogs, los museos multimedia, los videojuegos, la animación...Su principal objetivo es comunicar información.

Multimedia

"La multimedia" no es nada más que la combinación o utilización de dos o más medios de comunicación en forma concurrente.
los medios que se suelen manejar son:

Imágenes estáticas (fotos o ilustraciones). Imágenes en movimiento (video o animaciones). Texto en todas sus formas. Audio (música o sonidos).

Evolución de los medios y contenidos interactivos

Los contenidos interactivos son un tipo de contenido que exige al usuario una acción, ¡El contenido interactivo es la gran tendencia de Marketing de los próximos años!. Hoy en día conviene más que nunca priorizar el contenido único y de calidad para destacar sobre los demás.

Conceptos

Materiales Interactivos
medios con diversos tipos de respuesta, la mayoria de estos se encuentran en la red
Diseño multimedia
Está compuesto por:texto, fotografías, videos, sonido, animación
Diseño multimedial
contribuye a la organización, estética y funcionalidad