Pautas de diseño de interfaces para presentaciones orientadas a materiales educativo y presentación de investigaciones

1. DISEÑO DE INTERFACES PARA
PRESENTADORES DIGITALES
ORIENTADAS MATERIALES
EDUCATIVOS Y PRESENTACIONES
DE PONENCIAS E
INVESTIGACIONES
Sugerencias y herramientas para crear y presentar diapositivas en presentadores
14/07/12 digitales

2. Diseño de interfaces gráficas en presentadores
digitales orientadas a materiales educativos …
* Algunas recomendaciones inician por * En términos de una investigación (y
olvidarse del computador y centrarse en también en materiales educativos), se
desea que la audiencia pueda seguir
lo que se desea comunicar, en lo que se un discurso hilado, congruente, que
desea enseñar, en lo que queremos que «no se pierda» en la presentación de
quede vigente en la memoria las ideas.
permanente de nuestro participante. * Solemos pensar «todo es importante»
pero… el tiempo para la presentación
de las ideas, es determinante.

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

4. ¿Qué se conjuga en una interfaz de
aplicaciones de software?
Diseño gráfico
Usuario
Tarea
Diseño de interfaces gráficas
Teorías cognitivas orientadas al usuario
Software,
contexto
Interacción humano-computador
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)

5. ¿Qué se conjuga en la interfaz de diapositivas en presentaciones
orientadas a materiales educativos o presentaciones de
investigaciones o ponencias?
Diseño gráfico
Audiencia
Temática
Diseño de interfaces gráficas en
Teorías cognitivas Dispositivas
diapositivas orientadas a la
audiencia
Interacción humano-computador
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)

6. Imágenes de diapositivas mostrando Planteamiento del problema
Note los contraste del color del fondo con respecto al texto y las imágenes
mostradas, ¿Qué puede observar?

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

8. Algunas dimensiones a considerar en el diseño de
las interfaces de las diapositivas…
Disposición de los elementos
en la interfaz (determinación Importante: Comience siempre,
distanciándose del computador. Genere
de una plantilla) ideas acerca de como centrar la
atención en lo que desea comunicar: lo
Tipografía relevante, lo que desea explicitar,
profundizar en la comprensión de sus
Redacción de textos interlocutores.
Al momento de generar todas las ideas,
Colores de fondo y textos considere el perfil de su audiencia:
conocimientos, áreas de investigación,
Hipervínculos edad.
Botones

9. 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).

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

11. Diseño de la interfaz en las diapositivas.
Dimensión: Tipografía
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, Trebuchet
MS 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.

12. 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 y
subrayado, 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.

13. Diseño de la interfaz en las diapositivas.
Dimensión: Redacción de textos
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
a. Ausencia y b. Saturación de elementos gráficos audiencia.

14. Diseño de la interfaz en las diapositivas.
Dimensión: Redacción de textos
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
Texto integrado con imagen gráficos.

15. Diseño de la interfaz en las diapositivas.
Dimensión: Colores de fondo y texto
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 .
Ejemplo de paleta de colores

16. Diseño de la interfaz en las diapositivas.
Dimensión: Colores de fondo y texto
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
Uso adecuado e inadecuado del color agrupar elementos
relacionados.

17. Diseño de la interfaz en las diapositivas.
Dimensión: Hipervínculos
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
A.- Uso abusivo del texto y del hipertexto B.- Uso moderado del texto y del hipertexto

18. Diseño de la interfaz en las diapositivas.
Dimensión: Botones
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.