Creo que todos estaríamos de acuerdo en que los cursos de e-Learning se benefician de los gráficos, incluso si el tema que presenta es seco. A nadie le gusta repasar grandes cantidades de texto en pantalla. El uso de gráficos para dividir el texto le da al ojo poco para descansar antiguamente de continuar leyendo. A continuación se presentan algunos consejos para usar gráficos en el expansión de e-Learning, así que sin más preámbulos, comencemos.
1. Tamaño representación
Claro, es posible que desee que su curso sea más atractivo agregando gráficos, ¡pero no se exceda! Dependiendo de su audiencia, puede tener usuarios con conexiones lentas o hardware más antiguo. Querrás entregarles el contenido de tu curso lo más rápido posible, y amplificar gráficos de inscripción resolución solo retrasará las cosas.
– Asegúrese de optimizar todos sus gráficos para que se carguen rápidamente.
– Use Photoshop (TM) o Fireworks (TM) para acortar el tamaño de sus imágenes.
– Asegúrese de estar utilizando los formatos correctos para sus imágenes.
– Intenta no guatar páginas con múltiples gráficos.
– Evite imágenes que contrasten fuertemente con su entorno.
Si está utilizando una fotografía de tono continuo, asegúrese de ahorrar el archivo como JPEG (Joint Photography Experts Group). La compresión JPEG puede acortar el tamaño de una imagen pesada. La desventaja de los archivos JPEG es que el esquema de compresión integrado en el formato del archivo (lo que hace que el tamaño del archivo sea más pequeño) es con pérdida, lo que significa que cuanta más compresión aplique, más calidad de imagen sacrificará. Hay un buen nivelación entre el tamaño y la calidad de los archivos, por lo tanto, haga que los archivos de imagen sean lo más pequeños posible, sin dejar de estar nítidos.
Todos los gráficos planos, cuadros y gráficos con colores sólidos deben prevenirse como archivos GIF (formato de intercambio representación). El cálculo en el formato de archivo GIF exploración ocurrencias comunes de color y agrupa esos colores en una paleta. La paleta puede contener 256 colores o menos. La compresión GIF todavía es sin pérdidas, por lo que la conversión GIF no introduce artefactos y aberraciones, como puede hacerlo el esquema JPEG.
Los archivos GIF tienen dos trucos adicionales bajo la manga: pueden tener transparencia y pueden ser animados. El adaptador de transparencia en el formato de archivo GIF es solo una transparencia de 1 bit, lo que significa que solo 1 color de toda la paleta puede ser transparente. Por lo genérico, ese color es blanco, pero puede hacer que cualquier color sea transparente. El formato GIF 89a permite múltiples cuadros en un solo archivo para la animación. Ahora puede ser verdaderamente creativo con animaciones GIF, con el nuevo panel de animación en Photoshop CS3. Sin retención, esto no significa que deba tener logotipos giratorios y gráficos intermitentes en todas partes. Pero una serie animada de pasos puede ser muy útil cuando se usa pegado con un texto explicativo.
Aunque una página puede beneficiarse de unos pocos gráficos, amplificar demasiadas imágenes de diferentes tamaños, calidades y colores verdaderamente puede causar problemas a los lectores. El tamaño y la complejidad de los gráficos todavía es un multiplicador importante, cuando se considera la cantidad de imágenes que se utilizarán por página. Un diagrama de cableado sofisticado, con todas sus leyendas y explicaciones, probablemente gravará la atención del catedrático durante congruo tiempo, mientras que la imagen de un océano tendría un huella diferente.
Adicionalmente, su curso puede tener una estructura o estructura con sus propios colores y formas. Nominar imágenes que contrasten fuertemente con esos colores y formas puede no ser una buena idea. Puede estar pensando que si la imagen se destaca, atraerá más atención. Eso puede ser cierto, pero podría no ser el tipo de atención que verdaderamente desea. Si es posible, homogeneice su combinación de colores en todos los gráficos. Puede tener variaciones aceptables de color entre las ubicaciones de la pantalla, como los resaltados, las flechas, los degradados y otros artículos que pueden ayudar a tachar la atención sobre áreas específicas de una imagen de pantalla o una toma de producto.
2. Función visual
Una clase visual establece el orden de importancia en una página. Puede conquistar la máxima visibilidad y resultados utilizando una clase visual simple y consistente. Cada pájaro de una página tiene importancia visual, pero puede controlar esa importancia en función de la naturaleza de esos utensilios. Por ejemplo, un folleto tiene una clase clara: sus titulares llaman la atención de los lectores porque el texto del titular es más vasto que cualquier otro texto en la página. Los subtítulos poco más pequeños caen bajo los titulares y ayudan a los lectores a despabilarse fragmentos de información que puedan interesarles. Luego, sigue un texto de cuerpo más pequeño. Pero a pesar de esta clara clase de formato, solo una imagen del tamaño de un cuarto de página dominaría por completo toda la página y desviaría la atención de los lectores del texto. Todavía se ven jerarquías de diseño similares en otras publicaciones, y este es solo un ejemplo.
El ordenamiento sistemático de importancia a través de una clase guiará a los estudiantes a través de un curso y los ayudará a alcanzar sus objetivos más rápidamente.
3. Saltos de texto
Como se mencionó anteriormente, indisponer grandes cantidades de texto denso en pantalla no es una situación óptima. En la impresión, los diseñadores intentan ayudar a los lectores dividiendo el texto usando columnas, párrafos, sangrías de primera itinerario, pestañas y otras convenciones. La distancia de la itinerario es otra utensilio importante. Por lo genérico, el ojo se siente más cómodo leyendo de 41 a 50 caracteres por itinerario. Pero esto todavía depende de las características ópticas de la fuente utilizada y de su tamaño. Se ha demostrado que las fuentes sans-serif, como Arial y Verdana, son más fáciles de repasar en pantalla que las fuentes serif, como Times New Roman y Georgia.
Como dijimos antiguamente, los gráficos (ya sea incrustados en el texto o que se ejecutan al costado) pueden proporcionar un alivio visual para el ojo a medida que avanza a través de una historia. Por supuesto, el tamaño y la ubicación son importantes; desea utilizar gráficos, pero todavía conservar la continuidad. Los diagramas y figuras que se relacionan con la historia son especialmente valiosos.
Las imágenes todavía pueden amplificar motivación. Por ejemplo, un curso que presente los pasos exactos para completar una tarea de software se beneficiará enormemente de las capturas de pantalla que respaldan cada paso. Nadie es más frustrante que tener instrucciones de solo texto para una tarea visual. Si poco requiere mucha coordinación mano-ojo, entonces el curso debe incluir capturas de pantalla, diagramas, simulaciones o incluso videos de los pasos que se están completando. Y el uso de capturas de pantalla de la última traducción del software es obligatorio.
4. Imágenes apropiadas
Algunos educadores recurren a bibliotecas de fotografía de archivo e imágenes “encontradas” para los gráficos de sus cursos. La mayoría de las veces, estas imágenes solo están marginalmente relacionadas con el contenido del curso. Es cierto que agregan pausas visuales en la historia, pero a menudo se quedan cortos para apoyar el contenido del curso. Un ejemplo global que todos hemos conocido son los cursos de negocios que usan fotos de ejecutivos y secretarias sentados en escritorios y hablando por teléfono, pero que en existencia no están haciendo nulo relacionado con el material del curso.
El desafío aquí es construir cursos rentables. Una sesión de fotos típica, con todos sus modelos y gastos de estudio, puede ser congruo costosa. Pero hay algunas grandes agencias tradicionales de fotografía de stock que venden fotos libres de regalías a precios razonables. La web todavía se ha convertido en una tremenda fuente de imágenes de contenido específico. Stock Xchange, iStockPhoto, Creatas, Veer y otras agencias tienen una amplia variedad de categorías de imágenes relacionadas con áreas específicas de negocios. La mayoría de las veces, puede solicitar estas fotos en itinerario, descargar composiciones y usar una caja de luz en itinerario para ver y preferir gráficos. ¡Por supuesto, tenga cuidado de seguir las pautas de derechos de autor apropiadas cuando adquiera imágenes en itinerario!
Cada vez hay más fotos de dominio manifiesto disponibles. A menudo, han sobrevivido a sus derechos de autor y ahora están disponibles gratis. Debe considerar especialmente las fotos de dominio manifiesto si está construyendo un curso histórico.
5. Cifras para el enseñanza
Las figuras y diagramas con texto de apoyo verdaderamente pueden ayudar a los alumnos a conquistar los objetivos de su curso. Edward Tufte ha escrito varios libros excelentes y clásicos sobre la efectividad de figuras, diagramas, cuadros y gráficos. Tufte cambió el diseño de la información sin ayuda, como se le lumbre, con la publicación de “Explicaciones visuales”. Crear figuras y diagramas para apoyar cursos es un oficio en sí mismo. Básicamente, los gráficos de soporte más efectivos pueden transmitir rápidamente información importante que sus descripciones de texto correspondientes no pueden. Es extremadamente importante que dichos gráficos sean atractivos, fáciles de entender y etiquetados adecuadamente.
Estas imágenes deberían ayudar a los alumnos a alcanzar objetivos educativos específicos. Una imagen simple de un semiconductor con texto de apoyo puede ser suficiente para algunos alumnos, pero la misma imagen, con etiquetas y flechas a las que se hace relato en el texto, puede ser mucho más efectiva para otros. Por lo tanto, siempre oriente sus presentaciones de imágenes alrededor de todos los niveles de enseñanza apropiados.
Las características específicas de estos gráficos deben considerarse para su efectividad. El gordura de itinerario, el color, las leyendas y otras características deben estar directamente relacionados y respaldar el material del curso. Si hay varios gráficos en el interior de un curso, la consistencia en el diseño es importante. Con demasiada frecuencia, los colores y estilos cambiarán de representación a representación y presentarán un aspecto y una sensación que cambian continuamente. Los alumnos pueden interpretar fácilmente este curva estilístico como un cambio de tema u objetivo. La consistencia del estilo y el color puede apoyar temas amplios, ayudar a los alumnos a aprender cuándo están en un tema y alertarlos cuando pasan al futuro tema.
Al etiquetar gráficos, es importante usar colores contrastantes y campos de color detrás de las etiquetas. Considere colocar las etiquetas en capas y ordenarlas apropiadamente. Las leyendas para las asociaciones de colores son muy enseres para cuadros y gráficos, y lo mismo se aplica a las figuras y diagramas.
6. Tablas y gráficos
Los cuadros y gráficos son muy enseres para transmitir información estadística o histórica. La mayoría de las personas pueden crear cuadros y gráficos en Microsoft Excel o PowerPoint, pero estos gráficos rápidos siempre se beneficiarán de algún trabajo adicional. Por ejemplo, un representación circular que exprese una cuota de ventas objetivo puede presentarse con una parte específica del representación ampliada, extruida o de alguna otra forma más prominente que las otras partes. Para mostrar rápidamente la importancia relativa de los datos, este es un paralelo visual a la clase de texto que ya mencionamos.
Nuevamente, el estilo y la consistencia a lo extenso de un curso son importantes. Puede tener una serie de gráficos de columnas que expresan cuotas de ventas específicas de una ciudad a otra en todo el país. Cada representación puede usar barras grises para todos los estados que no se están discutiendo actualmente y una mostrador azur para el estado que se está discutiendo.
El satisfecho y la cúspide (y ahora con 3D) pueden exagerar la profundidad de las barras para tachar la atención sobre partes específicas de un representación. Anexar dimensión, sombreado y sombras paralelas a un representación, aunque atractivo, debe hacerse solo luego de que la información básica del representación se transmita de guisa efectiva.
Asegúrese de etiquetar adecuadamente los gráficos y asegúrese de que las etiquetas no oculten otra información o datos. Las leyendas son guías enseres para repasar un representación, y deben estar adyacentes al representación y claramente etiquetadas.
Otra forma de mejorar los gráficos es usar imágenes que estén directamente relacionadas con sus temas. Por ejemplo, un representación de barras sobre poblaciones podría usar siluetas de personas (en punto de rectángulos) para sus barras. Un representación de barras sobre los precios del petróleo podría usar barriles de petróleo en punto de rectángulos. Cada cuadro debe ser examinado primero por la claridad y precisión de su presentación, y luego examinado por métodos alternativos de presentación que puedan emplearse.
7. Opciones de color
Ya hemos mencionado el color varias veces, pero puede ser un tema delicado porque es muy subjetivo. ¡Puede estar conduciendo por una calle donde cada casa luce una sombra apagada, excepto la púrpura brillante con persianas de color verde escofina! Puede hacer que tu piel se erice, pero para la persona que pintó la casa, es hermosa.
El color es una ciencia propia. En el núcleo de la teoría del color está la rueda de colores, que básicamente muestra y organiza todo el meta iris. Los colores primarios son rojo, amarillo y azur. A partir de estos, podemos crear los colores secundarios, como naranja, verde y morado. Los colores terciarios son una mezcla de colores secundarios y primarios, y completan la rueda de colores. La rueda de colores todavía muestra diferentes tonos de color, desde fuera alrededor de adentro, pasando de títulos oscuros a claros.
Ciertos colores pueden traer a la memoria emociones o transmitir estados de actitud. Los colores activos son amarillos, naranjas, rojos y morados. Son ideales para resaltar partes de un curso y tachar la atención sobre los detalles. Piense en el color de una señal de stop. El color rojo es mono y contrasta admisiblemente con casi cualquier fondo. Por lo tanto, es una opción natural para un ícono que ordena a los estudiantes (al menos en los EE. UU.) DETENERSE. Los colores pasivos son verdes, azules y morados más claros. A menudo se usan en hospitales y centros de detención, porque son relajantes. Puede usar colores pasivos como colores de fondo y en gráficos de apoyo para cursos. Si sus cursos se impartirán internacionalmente, todavía tenga en cuenta que las culturas de sus otros estudiantes pueden influir en las selecciones de color. Por ejemplo, conveniente a nuestra señalización de tráfico, los estudiantes estadounidenses perciben fácilmente el rojo como una indicación para detenerse. Pero en algunos países, el rojo transmite peligro y, a veces, incluso la homicidio. Por lo tanto, a menos que verdaderamente desee transmitir una sensación de peligro (como NO DEBE PENSAR ACERCA DE PULSAR ESTE BOTÓN EN ESTA MÁQUINA POR CUALQUIER MOTIVO, PERÍODO), puede evitar los gráficos rojos en cursos para audiencias internacionales.
No podemos platicar del color sin platicar del contraste, la relación entre los colores en un ambiente cubo. El texto enojado sobre un fondo blanco es obvio de repasar porque esos colores contrastan admisiblemente entre sí. Pero el texto amarillo sobre un fondo blanco o el texto azur sobre un fondo enojado es difícil de ver; No hay suficiente contraste entre la figura y el fondo para que el texto sea inteligible. Sin retención, siempre aplique el sentido global y el buen estética: el texto verde sobre un fondo naranja puede contrastar fuertemente, pero este combo es difícil de repasar y doloroso de ver. Las mismas consideraciones todavía son válidas para los gráficos.
El color es una utensilio poderosa cuando se usa correctamente. Puede transmitir significado, amplificar un estado de actitud, ser juguetón o serio y tener mucho peso en la entrega del contenido a la mano.
8. Ayudas de navegación
A lo extenso de su curso, usará controles en pantalla para permitir a los usuarios navegar a través del material. Estos controles pueden ser textuales (como hipervínculos) o gráficos (como recadero). Si utiliza dichos gráficos de navegación, asegúrese de que estén claramente etiquetados y sean fáciles de usar. Si es posible, querrá utilizar una combinación de utensilios gráficos y de texto para certificar la facilidad de uso. Los gráficos de los recadero deben seguir las pautas conocidas de la interfaz humana, lo que significa que deben comportarse como recadero. Su apariencia debería cambiar cuando se voltea con el mouse y se hace clic. Esto proporciona una confirmación visual (y a menudo audible) de que la argumento del gema se ha activado.
– Asegúrese de seguir estos sencillos consejos para crear controles de navegación:
– Los recadero deben estar claramente etiquetados.
– El contraste es importante.
– Use colores complementarios o activos para resaltar la funcionalidad del gema.
– Coloque y use los controles de navegación de guisa consistente a lo extenso del curso.
Otras herramientas enseres que puede usar en los cursos son las migas de pan o los indicadores de ámbito. Por ejemplo, el estado de un gema en el interior de un sistema de navegación debería cambiar de apariencia cada vez que se alcanza una determinada sección. Y los destinos Aludido y Futuro siempre deben estar visibles cerca del indicador de la página flagrante. Todos los sistemas de navegación del curso deben ser fáciles de usar y permitir que los estudiantes siempre vean de dónde vienen en el curso, dónde están ahora y alrededor de dónde pueden ir luego.
Y asegúrese de probar verdaderamente el curso y la navegación de la materia, para comprobar de que esté claro y de que cualquiera pueda usarlo. Utilice varios probadores, y tome nota y aborde las ataduras o dificultades que encuentren.
9. Comunicación cómodo
Al designar vehículos gráficos para transmitir una serie de pasos, el estilo de representación que elija (animación, imagen estática, video) no es tan importante como las imágenes que presentan los pasos con precisión. La investigación ha demostrado que una serie de pasos entregados como dibujos lineales, animaciones y videos son asimilados igualmente admisiblemente por los alumnos. La verdadera efectividad de estos gráficos depende tanto del etiquetado adecuado como del uso de características gráficas que muestren la progresión o el movimiento.
El texto no ilustrado o los gráficos sin marbete no tienen mucho peso y no son efectivos. El uso de dispositivos gráficos simples, como etiquetas descriptivas, etiquetas secuenciales, resaltados y flechas direccionales, ayudará a los usuarios a seguir tutoriales paso a paso. Adobe Captivate y otro software de simulación le permiten amplificar estas características a cualquier presentación grabada, ya sea cibernética o manualmente. De cualquier guisa, amplificar descriptores para comunicar la funcionalidad contribuirá en gran medida a presentar con éxito una serie de tareas.
10. Estudiante Gestalt
Hay más involucrados en los procesos generales de capacitación y enseñanza de lo que uno podría pensar. Es importante utilizar utensilios temáticos estratégicamente para unir un curso, en una gestalt consistente y apropiada. “Gestalt” es un término ario, a menudo utilizado en círculos de diseño representación, que implica “el sentido genérico o el objetivo de una experiencia de becario”.
Aquí hay un ejemplo de cómo una mala gestalt gráfica puede causar problemas. Se le pidió a una agencia de diseño británica que creara carteles para una mina de carbón en África. Correcto a que los trabajadores de la mina no hablan inglés, los diseñadores usaron imágenes de carros cargados con carbón. Pero cuando se instalaron los letreros, los trabajadores comenzaron a descargar los carros, en punto de cargarlos. El problema de “gestalt” fue que los diseñadores asumieron un método de lección de izquierda a derecha, mientras que los trabajadores leyeron de derecha a izquierda.
Del mismo modo, hacer suposiciones sobre las experiencias de sus alumnos, sin probar verdaderamente las metas, objetivos y resultados del curso, puede conducir al desastre. Asegúrese de tener una comprensión completa de su manifiesto objetivo. Tome una muestra de estudiantes y pruebe sus cursos en ellos. Puede encontrar detalles específicos que deben ser resueltos. Pero lo que es más importante, debe compilar comentarios sobre la experiencia de enseñanza completa de sus alumnos. Si un curso es objetivamente factual, pero aburre a los estudiantes hasta las lágrimas, se debe reelaborar para hacerlo más interesante. Y si el curso simplemente no cumple con sus objetivos, debe utilizar una pesquisa para compilar comentarios sobre los materiales del curso. Tal vez hubo demasiadas distracciones o gráficos etiquetados de forma poco clara. Revise todas las áreas problemáticas con un ojo crítico.
Por supuesto, no todos llegan a un curso con la misma capacidad de enseñanza, y diferentes estudiantes tendrán diferentes aptitudes. Por lo tanto, querrá compilar información de un orden lo más amplio posible para calcular la efectividad de su curso para todos los estudiantes. Valorar la gestalt es como retroceder de la pintura para ver su composición genérico antiguamente de continuar.