Presentacion InterfacesMaterialesEducativosInv

download Presentacion InterfacesMaterialesEducativosInv

of 18

  • date post

    19-Oct-2014
  • Category

    Education

  • view

    311
  • download

    0

Embed Size (px)

description

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

Transcript of Presentacion InterfacesMaterialesEducativosInv

PresentacionDisenoInterfacesMEInv

DISEO 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

Diseo de interfaces grficas 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 ensear, en lo que queremos que quede vigente en la memoria permanente de nuestro participante.

* En trminos de una investigacin (y tambin en materiales educativos), se desea que la audiencia pueda seguir un discurso hilado, congruente, que no se pierda en la presentacin de las ideas.

* Solemos pensar todo es importante pero el tiempo para la presentacin de las ideas, es determinante.

Ideas iniciales generales

Sencillez y minimalismo.

Realmente, en trminos de aprendizaje y comunicacin, en la mayora de los casos, menos es ms.

Qu se conjuga en una interfaz de aplicaciones de software?

La intencionalidad en la transmisin de ideas y de uso del material es: Comunicacin clara y precisa Comprensin e intuitividad en los elementos de la interfaz Usabilidad (Fcil uso, aprendizaje, utilidad, confort)

Tarea

Software,

contexto

Usuario

Interaccin humano-computador

Diseo grfico

Teoras cognitivas

Diseo de interfaces grficas

orientadas al usuario

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

Temtica

Dispositivas

Audiencia

Interaccin humano-computador

Diseo grfico

Teoras cognitivasDiseo de interfaces grficas en

diapositivas orientadas a la

audiencia

La intencionalidad en la transmisin de ideas y de uso del material es: Comprensin y apoyo para la construccin e ilacin lgica y coherente del discurso oral. Comunicacin clara y precisa de los objetos de la interfaz (textos, grficos, imgenes, conos, botones). El tiempo para la presentacin de las ideas y el trabajo a desarrollar es determinante. Usabilidad (Fcil uso, aprendizaje)

Note los contraste del color del fondo con respecto al texto y las imgenes mostradas, Qu puede observar?

Imgenes de diapositivas mostrando Planteamiento del problema

Note los contrastes del color del fondo con respecto al texto, las imgenes y los hipertextos mostrados, Qu puede observar?

Imgenes de diapositivas mostrando Planteamiento del problema

Algunas dimensiones a considerar en el diseo de las interfaces de las diapositivas

Importante: Comience siempre, distancindose del computador. Genere ideas acerca de como centrar la atencin en lo que desea comunicar: lo relevante, lo que desea explicitar, profundizar en la comprensin de sus interlocutores.Al momento de generar todas las ideas, considere el perfil de su audiencia: conocimientos, reas de investigacin, edad.

Disposicin de los elementos en la interfaz (determinacin de una plantilla)

Tipografa

Redaccin de textos

Colores de fondo y textos

Hipervnculos

Botones

Diseo de la interfaz en las diapositivas.

Dimensin: Disposicin de los elementos en la interfaz de la dispositiva

Se determinan los puntos focales de atencin en funcin de lo que se desea resaltar en el rea de la diapositiva y en el contenido expuesto en sta.

La organizacin de la informacin depende de la cultura (en occidente leemos de arriba abajo y de izquierda a derecha, orden preferencial de ubicacin de elementos importantes en la interfaz)

Consistencia estructural en el diseo de las diapositivas (se recomienda el uso de "layout" preestablecido, plantilla o "storyboard" de la interfaz gua).

Diseo de la interfaz en las diapositivas.

Dimensin: Disposicin de los elementos en la interfaz de la dispositiva. Ejemplo de una plantilla

Se recomiendan las letras de tipografa no serif ( sans serif (procedencia del fracs) paloseco).

La tipografa sans serif acrecienta la legibilidad en monitor dado que reduce el efecto de la pixelacin, 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 tipografa Serif o romana es sugerida para los textos impresos dado que los remates guan el ojo en el seguimiento de la lectura.

Diseo de la interfaz en las diapositivas.

Dimensin: Tipografa

Debe aplicarse con mesura y anlisis el texto enriquecido con: negritas, cursivas ysubrayado, de tal manera de que no se pierda la esencia de su aplicacin: resaltar u organizar la informacin.

Se recomienda alineacin izquierda de los ttulos y textos.

Tamao de fuente recomendado Arial, entre 20 y 25 puntos. (Snchez, 2010).

No emplee ms de tres fuentes y tamaos de letra, esto resta consistencia a las interfaces.

Diseo de la interfaz en las diapositivas.

Dimensin: Tipografa

Trate de utilizar enunciados cortos y palabras clave que usted explicar durante el desarrollo de la exposicin.

Cuando sea necesario ampliar informacin en pantalla escriba mximo 7 renglones por diapositivas (este criterio es variable cuando se trata de una presentacin como apoyo a procesos formativos, tales como seminarios, talleres, otros) (Snchez, 2010).

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

Diseo de la interfaz en las diapositivas.

Dimensin: Redaccin de textos

a. Ausencia y b. Saturacin de elementos grficos

Utilice la combinacin adecuada de maysculas y minsculas en la redaccin.

Restrinja el uso de grficos fondo de agua detrs 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

grficos.

Diseo de la interfaz en las diapositivas.

Dimensin: Redaccin de textos

Texto integrado con imagen

Aplique un conjunto limitado de colores.

Los colores apagados, sublimes y complementarios suelen ser ms apropiados en el diseo 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, lneas finas y formas pequeas .

Diseo de la interfaz en las diapositivas.

Dimensin: 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 mximo de cinco, ms menos dos colores.

Use el mismo color para agrupar elementos relacionados.

Diseo de la interfaz en las diapositivas.

Dimensin: Colores de fondo y texto

Uso adecuado e inadecuado del color

Utilice los hipervculos o enlaces bajo la misma nomenclatura de colores en su ejecucin (enlace sin ver, enlace visto) en todas las diapositivas.

Use un nmero de hipervnculos moderado en cada diapositiva, que estar determinado por la prudencia en la proporcin de informacin complementaria y lo esttico a la observacin

Diseo de la interfaz en las diapositivas.

Dimensin: Hipervnculos

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

Los botones deben tener la misma configuracin grfica y de accin en todos los contextos y diapositivas.

Si utiliza botones guas de navegacin para todo el contenido de la presentacin, stos deben estar dispuestos en la misma rea en todas las diapositivas.

Diseo de la interfaz en las diapositivas.

Dimensin: Botones