DISEÑO DE INTERFACES PARA PRESENTADORES DIGITALES ORIENTADAS MATERIALES EDUCATIVOS Y PRESENTACIONES DE PONENCIAS E INVESTIGACIONESSugerencias y herramientas para crear y presentar diapositivas en presentadores digitales14/07/12

Diseño de interfaces gráficas en presentadores digitales orientadas a materiales educativos …

* Algunas recomendaciones inician por olvidarse del computador y centrarse en lo que se desea comunicar, en lo que se desea enseñar, en lo que queremos que quede vigente en la memoria permanente de nuestro participante.

* En términos de una investigación (y también en materiales educativos), se desea que la audiencia pueda seguir un discurso hilado, congruente, que «no se pierda» en la presentación de las ideas.

* Solemos pensar «todo es importante» pero… el tiempo para la presentación de las ideas, es determinante.

Ideas iniciales generales…

� Sencillez y minimalismo.

� Realmente, en términos de aprendizaje y comunicación, en la mayoría de los casos, menos es más.

¿Qué se conjuga en una interfaz de aplicaciones de software?

La intencionalidad en la transmisión de ideas y de uso del material es:• Comunicación clara y precisa• Comprensión e intuitividad en los elementos de la interfaz• Usabilidad (Fácil uso, aprendizaje, utilidad, confort)

Tarea

Software,

contexto

Usuario

Interacción humano-computador

Diseño gráfico

Teorías cognitivas

Diseño de interfaces gráficas

orientadas al usuario

¿Qué se conjuga en la interfaz de diapositivas en presentaciones orientadas a materiales educativos o presentaciones de investigaciones o ponencias?

Temática

Dispositivas

Audiencia

Interacción humano-computador

Diseño gráfico

Teorías cognitivasDiseño de interfaces gráficas en

diapositivas orientadas a la

audiencia

La intencionalidad en la transmisión de ideas y de uso del material es:• Comprensión y apoyo para la construcción e ilación lógica y coherente del discurso oral.• Comunicación clara y precisa de los objetos de la interfaz (textos, gráficos, imágenes, íconos, botones).• El tiempo para la presentación de las ideas y el trabajo a desarrollar es determinante.• Usabilidad (Fácil uso, aprendizaje)

Note los contraste del color del fondo con respecto al texto y las imágenes mostradas, ¿Qué puede observar?

Imágenes de diapositivas mostrando Planteamiento del problema

Note los contrastes del color del fondo con respecto al texto, las imágenes y los hipertextos mostrados, ¿Qué puede observar?

Imágenes de diapositivas mostrando Planteamiento del problema

Algunas dimensiones a considerar en el diseño de las interfaces de las diapositivas…

Importante: Comience siempre, distanciándose del computador. Genere ideas acerca de como centrar la atención en lo que desea comunicar: lo relevante, lo que desea explicitar, profundizar en la comprensión de sus interlocutores.Al momento de generar todas las ideas, considere el perfil de su audiencia: conocimientos, áreas de investigación, edad.

� Disposición de los elementos en la interfaz (determinación de una plantilla)

� Tipografía

� Redacción de textos

� Colores de fondo y textos

� Hipervínculos

� Botones

Diseño de la interfaz en las diapositivas.

Dimensión: Disposición de los elementos en la interfaz de la dispositiva

� Se determinan los puntos focales de atención en función de lo que se desea resaltar en el área de la diapositiva y en el contenido expuesto en ésta.

� La organización de la información depende de la cultura (en occidente leemos de arriba abajo y de izquierda a derecha, orden preferencial de ubicación de elementos importantes en la interfaz)

� Consistencia estructural en el diseño de las diapositivas (se recomienda el uso de "layout" preestablecido, plantilla o "storyboard" de la interfaz guía).

Diseño de la interfaz en las diapositivas.

Dimensión: Disposición de los elementos en la interfaz de la dispositiva. Ejemplo de una plantilla

� Se recomiendan las letras de tipografía no serif ( sans serif (procedencia del fracés) ó paloseco).

� La tipografía sans serif acrecienta la legibilidad en monitor dado que reduce el efecto de la pixelación, y se observa mayor "limpieza" en la interfaz.

� Fuentes sans serif: Arial, Arial Narrow, Arial Rounded MT Bold, Century Gothic, Chicago, Helvetica, Geneva, Impact, Monaco, MS Sans Serif, Tahoma, TrebuchetMS y Verdana.

� La tipografía Serif o romana es sugerida para los textos impresos dado que los remates guían el ojo en el seguimiento de la lectura.

Diseño de la interfaz en las diapositivas.

Dimensión: Tipografía

� Debe aplicarse con mesura y análisis el texto enriquecido con: negritas, cursivas ysubrayado, de tal manera de que no se pierda la esencia de su aplicación: resaltar u organizar la información.

� Se recomienda alineación izquierda de los títulos y textos.

� Tamaño de fuente recomendado Arial, entre 20 y 25 puntos. (Sánchez, 2010).

� No emplee más de tres fuentes y tamaños de letra, esto resta consistencia a las interfaces.

Diseño de la interfaz en las diapositivas.

Dimensión: Tipografía

� Trate de utilizar enunciados cortos y palabras clave que usted explicará durante el desarrollo de la exposición.

� Cuando sea necesario ampliar información en pantalla escriba máximo 7 renglones por diapositivas (este criterio es variable cuando se trata de una presentación como apoyo a procesos formativos, tales como seminarios, talleres, otros) (Sánchez, 2010).

� Redacte los textos de forma sencilla, adaptados a la audiencia.

Diseño de la interfaz en las diapositivas.

Dimensión: Redacción de textos

a. Ausencia y b. Saturación de elementos gráficos

� Utilice la combinación adecuada de mayúsculas y minúsculas en la redacción.

� Restrinja el uso de gráficos fondo de agua detrás del texto, esto interfiere en el contraste entre el texto y el color de fundo.

� Redacte en forma positiva .

� Procure un balance entre

texto y elementos

gráficos.

Diseño de la interfaz en las diapositivas.

Dimensión: Redacción de textos

Texto integrado con imagen

� Aplique un conjunto limitado de colores.

� Los colores apagados, sublimes y complementarios suelen ser más apropiados en el diseño de interfaces.

� Se recomienda el uso de paletas de colores para brindar consistencia, uniformidad y formalidad a la interfaz.

� Evite el color azul para texto, líneas finas y formas pequeñas .

Diseño de la interfaz en las diapositivas.

Dimensión: Colores de fondo y texto

Ejemplo de paleta de colores

� Se aconseja el azul para fondos. Y en general, para fondos se recomiendan colores pasteles, complementarios que brinden alto contraste con el texto y aporte legibilidad.

� Use un máximo de cinco, más menos dos colores.

� Use el mismo color para agrupar elementos relacionados.

Diseño de la interfaz en las diapositivas.

Dimensión: Colores de fondo y texto

Uso adecuado e inadecuado del color

� Utilice los hipervículos o enlaces bajo la misma nomenclatura de colores en su ejecución (enlace sin ver, enlace visto) en todas las diapositivas.

� Use un número de hipervínculos moderado en cada diapositiva, que estará determinado por la prudencia en la proporción de información complementaria y lo estético a la observación

Diseño de la interfaz en las diapositivas.

Dimensión: Hipervínculos

A.- Uso abusivo del texto y del hipertexto B.- Uso moderado del texto y del hipertexto

� Los botones deben tener la misma configuración gráfica y de acción en todos los contextos y diapositivas.

� Si utiliza botones guías de navegación para todo el contenido de la presentación, éstos deben estar dispuestos en la misma área en todas las diapositivas.

Diseño de la interfaz en las diapositivas.

Dimensión: Botones