principios básicos de diseño gráfico aplicados a la ... › descarga › articulo ›...

167estudios gerenciales Vol 28 N0 123 pp 167-189 abril-junio 2012

Principios baacutesicos de disentildeo graacutefico aplicados a la preparacioacuten de ayudas

visuales para presentaciones cientiacuteficas y de negocios1

JUAN DAVID VELAacuteSQUEZ HENAO PhDProfesor Titular Escuela de Sistemas

Director Grupo de Computacioacuten Aplicada Facultad de Minas Universidad Nacional de Colombia Colombia

jdvelasqunaleduco

RESUMENLa capacidad para hablar en puacuteblico es una habilidad esencial para los administradores y otros profesionales Sin embargo muchas presentaciones son descritas como malas aburridas sin foco o incomprensibles Uno de los principales errores es la falta de ayudas visuales que esteacuten bien disentildeadas ejemplos comunes de ello son una excesiva cantidad de texto el uso de fondos de bajo contraste letras muy pequentildeas para su lectura y el abuso de efectos artiacutesticos entre otros En este trabajo se presentan los resultados de una revisioacuten sistemaacutetica para responder la pregunta iquestQueacute es una ayuda visual correctamente disentildeada Se encontroacute que aplicando varios principios baacutesicos y simples de disentildeo graacutefico es posible obtener ayudas visuales efectivas Adicionalmente se presentan varios ejemplos

Palabras clave Presentacioacuten oral conferencia puacuteblica disentildeo de ayudas habilidad de comu-nicacioacuten

recibido 22-nov-10 corregido 14-jun-11 y aceptado 10-abr-12Clasificacioacuten JEL A23 M53

bull

1 Artiacuteculo de investigacioacuten aplicada patrocinado por la Facultad de Minas Universidad Nacional de Colombia Medelliacuten Colombia Dirigir correspondencia a Cra 80 65-223 Bloque M8A Of 206 Facultad de Minas Universidad Nacional de Colombia Medelliacuten Colombia

estudios gerenciales Vol 28 N0 123 pp 167-189 abril-junio 2012168

Principios baacutesicos de disentildeo graacutefico aplicados a la preparacioacuten de ayudas visuales para presentaciones cientiacuteficas y de negocios

Basic principles of graphic design applied to the preparation of visual aids for scientific and business presentations

ABSTRACTPublic speaking ability is an essential skill for managers and other professionals However many presentations are described as bad boring unfocused or incomprehensible One of the main mistakes is the lack of well-designed visual aids Common examples of these mistakes include among others the following an excessive amount of text the use of low contrast backgrounds fonts too small to be easily read and the abuse of artistic effects This work presents the results of a systematic review to answer the question What is a well-designed visual aid We found that by applying several simple basic graphic design principles it is possible to obtain effective visual aids In addition several examples are presented

Keywords Oral presentation public speaking slide design communication skill

Princiacutepios baacutesicos do desenho graacutefico aplicados agrave preparaccedilatildeo de recursos visuais para apresentaccedilotildees cientiacuteficas e de negoacutecios

RESUMOA capacidade para falar em puacuteblico eacute uma capacidade indispensaacutevel para administradores e outros profissionais Contudo Muitas apresentaccedilotildees satildeo descritas como ruins entediantes sem focagem ou incompreensiacuteveis Um dos principais erros eacute a falta de recursos visuais que sejam bem concebidos os exemplos mais comuns disso satildeo uma excessiva quantidade de texto o uso de fundos de baixo contraste letras muito pequenas para a leitura e o abuso de efeitos artiacutesticos entre outros No presente trabalho satildeo apresentados os resultados de uma revisatildeo sistemaacutetica para responder agrave pergunta O que eacute um recurso visual corretamente concebido Foi verificado que aplicando vaacuterios princiacutepios baacutesicos e simples de desenho graacutefico eacute possiacutevel obter recursos visuais eficazes Aleacutem disso satildeo apresentados vaacuterios exemplos

Palavras-Chave Apresentaccedilatildeo oral conferecircncia puacuteblica teacutecnicas de projeto auxiliado por computador capacidade de comunicaccedilatildeo


Juan David Velaacutesquez Henao

IntroduccioacutenSaber hablar en puacuteblico es una habilidad esencial de comunicacioacuten para los adminis-tradores y muchos otros profesionales dentro de su diario quehacer (Goodlad 1996) Uno de sus factores de eacutexito es que el presentador demuestre credibilidad es decir confianza y experiencia Las presentaciones pueden ser realizadas para audiencias internas a la orga-nizacioacuten (empleados vendedores inversio-nistas instancias del gobierno corporativo) o para audiencias externas (consumidores prensa entes gubernamentales industria o comunidad) (Duarte 2008)

El puacuteblico juzga el trabajo del expositor a traveacutes de la calidad de la presentacioacuten (Walters amp Walters 2002) y relaciona una presentacioacuten deficiente como el resultado de un trabajo deficiente Es por esto que muchas exposiciones al no alcanzar su objetivo prin-cipal son descritas como malas aburridas sin foco o incomprensibles

Por otro lado en el aacutembito profesional y cientiacutefico se reconoce que las presentaciones pueden ser informativas o persuasivas (Chi-vers amp Shoolbred 2007 Mills 2007) bull En la presentacioacuten persuasiva se busca que

el puacuteblico realice una accioacuten determinada que refuerce o cambie una actitud creencia o comportamiento (Chivers amp Shoolbred 2007 Mills 2007) y su eacutexito depende de la cantidad de personas que son efectivamente persuadidas bull En la presentacioacuten informativa se desea

entregar nueva informacioacuten al puacuteblico como la forma de realizar una determinada tarea presentar nuevos conocimientos sobre una determinada aacuterea o informar sobre los cam-bios en alguacuten proceder (Chivers amp Shoolbred 2007) el eacutexito de este tipo de presentacioacuten estaacute basado en la cantidad del contenido que el puacuteblico retiene y recuerda (Mills 2007)

Una creencia comuacuten es que el expositor transmite la mayor parte de su mensaje de

forma oral sin embargo distintos estudios (Goodlad 1996 Mills 2007 entre otros) han demostrado que maacutes del cincuenta y cinco por ciento del mensaje se trasmite de forma visual soacutelo un diez por ciento verbal (las pa-labras) y el porcentaje faltante vocal (la forma en que se habla) Una parte del mensaje transmitido de forma visual corresponde al lenguaje corporal del presentador mientras que la otra parte corresponde propiamente a las ayudas visuales Asiacute la comunicacioacuten verbal es reforzada por la presencia de dia-positivas que bull Permiten organizar y realizar la presenta-

cioacuten (Davis 2005) bull Estimulan el intereacutes del puacuteblico (Mandel

2000) adicionando variedad (Chivers amp Shoolbred 2007) y focalizando su atencioacuten (Chivers amp Shoolbred 2007 Mandel 2000) bull Ilustran o ayudan a explicar factores que son difiacuteciles de entender o describir usando soacutelo palabras (Chambers 2001 Chivers amp Shoolbred 2007 Davis 2005 Mandel 2000) mejorando la comprensioacuten del puacuteblico (Davis 2005) bull Incrementan la retencioacuten del contenido por parte de la audiencia haciendo la presen-tacioacuten maacutes memorable (Chivers amp Shoolbred 2007 Mills 2007)

Bajo el anaacutelisis anterior la importancia de una apropiada preparacioacuten de las ayudas visuales estaacute claramente justificada Es asiacute como las diapositivas cargadas de texto con graacuteficas ilegibles o con fondos que usan imaacute-genes de poco contraste son poco efectivas en la transmisioacuten de su mensaje y entorpecen el alcance del objetivo de la exposicioacuten

Este trabajo surge de la necesidad de sentar pautas que permitan realizar mejores presentaciones en el aacutembito profesional y cientiacutefico La importancia de este toacutepico se ve reforzada en el hecho de que muchas uni-versidades prestigiosas contemplan en sus

estudios gerenciales Vol 28 N0 123170


programas el desarrollo de habilidades para realizar presentaciones orales por ejemplo en el sitio de Pennsylvania State University2

se listan los instructores y las universidades que utilizan el disentildeo AfirmacioacutenndashEvidencia para la preparacioacuten de ayudas visuales en presentaciones cientiacuteficas

En los paacuterrafos anteriores se ha argumen-tado y probado la importancia de la apropia-da preparacioacuten de las presentaciones orales sin embargo la preparacioacuten de las ayudas visuales cae en los campos de la comuni-cacioacuten y el disentildeo graacutefico ambos bastante ajenos a los saberes propios de la ingenieriacutea y de la administracioacuten Por tal motivo surge una clara necesidad de brindar al ingeniero y al administrador dichos elementos de una manera ordenada estructurada y or-ganizada esta motivacioacuten fundamenta que el objetivo de este trabajo sea responder la siguiente pregunta de investigacioacuten iquestCuaacuteles criterios deben tenerse en cuenta para lograr una ayuda visual efectiva y bien disentildeada

A partir de la pregunta anterior se busca presentar un anaacutelisis de los principales ele-mentos principios y conceptos baacutesicos del disentildeo graacutefico que el profesional deberiacutea tener en cuenta a la hora de preparar el mate-rial graacutefico de soporte para una presentacioacuten

Esta investigacioacuten fue realizada usando la metodologiacutea de revisioacuten sistemaacutetica de literatura (Kitchenham 2004 Kitchenham amp Charters 2007) la cual es un proceso sistemaacutetico auditable repetible y orga-nizado para buscar identificar analizar y sintetizar la evidencia empiacuterica obtenida en relacioacuten a la respuesta requerida para una o maacutes preguntas de investigacioacuten Asiacute esta metodologiacutea permite superar muchas de las falencias de la revisioacuten tradicional informal o narrativa de literatura

2 Disponible en httpwwwwritingengrpsueduteaching_slide_designhtml

Para responder la pregunta de investiga-cioacuten planteada el artiacuteculo estaacute organizado como se describe a continuacioacuten En la Seccioacuten 1 se esbozan los principales aspectos de la metodologiacutea de investigacioacuten empleada En la Seccioacuten 2 se describe raacutepidamente el proceso de disentildeo de una presentacioacuten En la Seccioacuten 3 se presentan los elementos baacutesicos involucrados en el disentildeo loacutegico de una pre-sentacioacuten en la Seccioacuten 4 se discuten ana-lizan y ejemplifican los principios de disentildeo graacutefico contextualizados en la preparacioacuten de ayudas visuales y finalmente la uacuteltima seccioacuten presenta las conclusiones

1 Disentildeo de la investigacioacutenEn esta investigacioacuten se aplicoacute la metodo-logiacutea de Revisioacuten Sistemaacutetica de Literatura (RSL) siguiendo los lineamientos dados por Kitchenham (2004) y Kitchenham amp Charters (2007) A diferencia de la revisioacuten tradicional informal o narrativa de litera-tura la revisioacuten sistemaacutetica de literatura es un proceso de descubrimiento de nuevo conocimiento que se basa en la aplicacioacuten del meacutetodo cientiacutefico sobre la evidencia existente que estaacute consignada en diferentes tipos de documentos escritos En este sentido la RSL supera muchas de las falencias de la revisioacuten tradicional que estaacuten relacionadas con la formulacioacuten inadecuada o la inexis-tencia de preguntas de investigacioacuten la falta de reproducibilidad del proceso de buacutesqueda y anaacutelisis o la falta de definicioacuten de criterios explicitos para la inclusioacuten o exclusioacuten de evidencias

La metodologiacutea de RSL estaacute definida en tres grandes bloques el disentildeo de la inves-tigacioacuten (desarrollada en eta seccioacuten) el anaacutelisis de resultados que corresponde al anaacutelisis del material bibliograacutefico seleccio-nado (presentado en la Seccioacuten 2) y la dis-cusioacuten que es el desarrollo de la respuesta a la pregunta o preguntas de investigacioacuten

abril-junio 2012


171

planteadas (realizado en las secciones res-tantes) Dado que la discusioacuten profunda de esta metodologiacutea de investigacioacuten estaacute por fuera de los alcances de este trabajo el lector interesado en este toacutepico debe remitirse a los trabajos de Kitchenham (2004) y Kitchen-ham amp Charters (2007)

En lo restante de esta seccioacuten se descri-ben los paraacutemetros utilizados en el disentildeo de la investigacioacuten realizada (que fueron disentildeados siguiendo los lineamientos da-dos por Kitchenham (2004) y Kitchenham amp Charters (2007)) Estos paraacutemetros son1 Fuentes de informacioacuten bases de datos bibliograacuteficas y el sitio en internet de Ama-zon3 y referencias bibliograacuteficas del material recuperado La motivacioacuten para usar bases de datos bibliograacuteficas estaacute basada en la po-sibilidad de que existieran revistas cientiacuteficas que hubieran publicado recientemente sobre el tema de estudio Amazon fue consultado previendo que mucha de la informacioacuten requerida para realizar la investigacioacuten es-tariacutea conformada por libros de texto que no aparecen registrados en las bases de datos bibliograacuteficas 2 Cadenas de buacutesqueda o palabras clave se construyoacute una lista inicial a partir de los nombres de libros conocidos sobre presen-taciones orales y luego se obtuvieron sinoacute-nimos y teacuterminos similares Al realizar la primera buacutesqueda la lista de palabras clave se amplioacute pues surgieron tiacutetulos alternativos y sus sinoacutenimos que no habiacutean sido consi-derados inicialmente Finalmente se usaron patrones de buacutesqueda conformados por dife-rentes combinaciones de las palabras ldquotrainrdquo

ldquoseminarrdquo ldquoscientificrdquo ldquooralrdquo ldquospeakrdquo ldquopresentrdquo ldquomeetrdquo ldquobulletrdquo ldquoPowerPointrdquo y ldquospeechrdquo en el campo de tiacutetulo Para los libros detectados inicialmente se procedioacute a buscar ejemplares en papel en las bibliotecas locales y archivos pdf en diferentes sitios de 3 Disponible en httpwwwamazoncom

internet incluyendo sitios para descargar documentos electroacutenicos por suscripcioacuten de las casas editoriales Adicionalmente se revisaron las referencias bibliograacuteficas del material recuperado para buscar otros trabajos relevantes sobre disentildeo graacutefico y que fueran de utilidad para la investigacioacuten3 Criterios de inclusioacuten y exclusioacuten se inclu-yen libros y folletos preparados por empresas editoriales independientes o asociadas a universidades y cuyos autores son expertos reconocidos en el tema Se descartaron los lineamientos presentados en congresos paacuteginas de internet preparadas por docen-tes y artiacuteculos de discusioacuten o publicados en revistas Los criterios de exclusioacuten se desarrollaron al considerar que el material excluido ya se encuentra contenido en los estudios primarios seleccionados4 Recoleccioacuten de datos inicialmente se recopiloacute la informacioacuten bibliograacutefica del material encontrado y posteriormente se organizaron y jerarquizaron los elementos desarrollados en cada trabajo consultado con el fin de responder la pregunta de investiga-cioacuten propuesta en este artiacuteculo

2 ResultadosSe recuperaron 24 libros los cuales aparecen listados en al final de este artiacuteculo (Anexo 1) El material puede ser clasificado en cuatro grupos seguacuten su orientacioacuten bull Presentaciones acadeacutemicas Chivers amp

Shoolbred (2007) bull Presentaciones cientiacuteficas Anholt (2006)

Chambers (2001) Davis (2005) Goodlad (1996) y Walters amp Walters (2002) bull Presentaciones gerenciales Abela (2008)

Atkinson (2005) Booher (2003) Booth Shames amp Desberg (2010) Forsyth (2009) Mandel (2000) Mills (2007) OrsquoRourke (2008) Siddons (2008) Sommerville (2009) Weissman (2009) y Zelanzny (2001)



bull Disentildeo graacutefico Duarte (2008) George-Palilonis (2006) Gerard amp Goldstein (2005) Hashimoto amp Clayton (2009) Reynolds (2008) y Williams (2004)

Al analizar el material recopilado se en-controacute que para explicar y ejemplificar los criterios de disentildeo que permiten responder la pregunta de investigacioacuten planteada es ne-cesario desarrollar los siguientes elementos1 Los problemas asociados a las aplicaciones computacionales para el disentildeo de ayudas visuales2 Los elementos baacutesicos en el disentildeo loacutegico de una presentacioacuten3 Los principios involucrados en el disentildeo de la ayuda visual

3 Problemas asociados a las aplicaciones computacionales para el disentildeo de ayudas visualesLa investigacioacuten arrojoacute que las aplicaciones computacionales maacutes comuacutenmente utiliza-das son Microsoft PowerPoint Open Office Impress y Apple Keynote

Al respecto se considera que estas aplica-ciones computacionales estaacuten desarrolladas para facilitar el disentildeo de ayudas visuales pero no eluden la necesidad de destrezas habilidades y experiencia de un disentildeador Al respecto Booth et al (2010) enfatizan que son las personas las que realizan las presentaciones orales y no las aplicaciones de software

Uno de los problemas maacutes frecuentes respecto al uso de estas aplicaciones es la utilizacioacuten o no de tiacutetulos vintildeetas y en ge-neral de la gran variedad de herramientas incorporadas en las aplicaciones de software Sobre este punto existen opiniones encon-tradas pues mientras algunos las favorecen (Booth et al 2010) otros autores como Duarte (2008) sentildealan que dichas praacutecti-cas son inadecuadas lo que ha generado la

idea de que el uso inapropiado del software impulsa a que se comentan muchos errores

Algunos de los errores aducidos al mal uso de las herramientas facilitadores de estas aplicaciones son bull Uso excesivo de transiciones visuales bull Efectos de sonido bull Grabaciones bull Sonidos de fondo bull Marcas de agua y animaciones (Chivers amp

Shoolbred 2007 Davis 2005) bull Uso de clip-arts predisentildeados (Sommer-

ville 2009) bull Utilizacioacuten de plantillas predisentildeadas para las ayudas visuales (Sommerville 2009) (ver Graacutefico 1) bull Sobrecarga de informacioacuten y detalles exce-sivos (Atkinson 2005 Chivers amp Shoolbred 2007 Weissman 2009) bull Pensar en listas (Atkinson 2005 Chivers

amp Shoolbred 2007) bull Caer en el siacutendrome PresentacioacutenndashComondash

Documento tratando las ayudas visuales como un documento de soporte para el puacuteblico (Weissman 2009) Duarte (2008) enfatiza que la plantilla predefinida por la mayoriacutea de aplicaciones de software invita a que el usuario cree un documento maacutes que a construir ayudas visuales para el soporte de la presentacioacuten bull Ayudas cargadas de texto (Atkinson 2005

Sommerville 2009) bull Uso de graacuteficos y tablas disentildeados para

documentos impresos que son copiados directamente en la ayuda visual (Atkinson 2005 Sommerville 2009 Weissman 2009) bull Uso de visuales que aportan poco al enten-

dimiento de la presentacioacuten (Atkinson 2005) bull Lectura de la ayuda visual (Sommerville

2009) bull Preparacioacuten de toda la presentacioacuten al-

rededor del software (Chivers amp Shoolbred 2007)

abril-junio 2012


173

En el Graacutefico 2 se presentan varios ejemplos de ayudas visuales mal disentildeadas En el Graacutefico 2a se presenta una tabla con excesivos detalles la cual es ilegible para la audiencia y carece de elementos que resalten la informacioacuten importante En el Graacutefico 2b se presenta la transcripcioacuten de un paacuterrafo completo de texto es muy probable que el conferencista no resista la tentacioacuten de leerlo textualmente y en voz alta lo cual es en siacute mismo otro error en caso contrario aunque el conferencista no lea la ayuda es difiacutecil que el puacuteblico se resista a leerla y al hacerlo no le preste atencioacuten al mensaje verbal En el Graacute-fico 2c se muestra una lista interminable que es tiacutepica en muchas presentaciones en este caso y debido a las limitaciones propias de la mente humana cuando el orador aborde el uacuteltimo elemento el puacuteblico seguramente ya habraacute olvidado el primero El caso con-trario a los anteriores se ilustra en el Graacutefico 2d donde la ayuda es demasiado simple y el orador debe pasarla raacutepidamente para continuar con la siguiente idea

4 Disentildeo loacutegico de una presentacioacutenEl proceso de disentildeo se basa en construir un flujo loacutegico de ideas que permita lograr el objetivo perseguido por la presentacioacuten Para lograr dicho flujo se reconocen las siguientes fases (Abela 2008 Mandel 2000 Siddons 2008 Sommerville 2009)1 Determinar el objetivo de la presentacioacuten las caracteriacutesticas de la audiencia y la brecha de conocimientos entre lo que sabe la au-diencia y lo requerido para lograr el objetivo2 Aplicar una teacutecnica de creatividad (lluvia de ideas mapas mentales esquemas guio-nes graacuteficos etc) para identificar las ideas y conceptos que deben desarrollarse para alcanzar el objetivo3 Organizar las ideas en una estructura loacutegi-ca de flujo que permita alcanzar el objetivo propuesto4 Recolectar las evidencias que permitan soportar los argumentos en que se basa la presentacioacuten5 Disentildear las ayudas visuales para lograr el maacuteximo impacto

Graacutefico 1 Estereotipos claacutesicos de esquemas para las ayudas visuales

Vaciacutea

Tiacutetulo

Tiacutetulo +Subtiacutetulo

Tiacutetulo +Contenido

2 Contenidos Comparacioacuten

Fuente Elaboracioacuten propia



6 Preparar el material de soporte de la presentacioacuten

En este trabajo se aborda uacutenicamente el punto 5 que corresponde al disentildeo de las ayudas visuales No obstante el contenido de las diapositivas y demaacutes elementos de soporte estaacute claramente influenciado por los resultados de las fases 1 a la 4

5 Disentildeo de la ayuda visualEn esta fase del proceso de disentildeo de la presentacioacuten se supone que el presentador tiene el material organizado (lo que debe ir) de una forma coherente y ordenada y se concentra en el paso 5 que es propiamente el disentildeo de las ayudas

51 Elementos visualesLos elementos visuales son los bloques de construccioacuten para realizar el disentildeo de

las ayudas visuales Estos son descritos a continuacioacuten a partir de las definiciones de Hashimoto amp Clayton (2009) y Williams (2004) bull Espacio o fondo Corresponde al espacio

que ocupa la ayuda visual Puede ser un espacio negativo vaciacuteo o blanco (no en el sentido del color) en el que no hay ningu-na forma o figura o positivo que es aquel ocupado por un elemento visual como un texto una forma o una imagen bull Liacuteneas Ayudan a delimitar la frontera

entre los espacios negativos y positivos y pueden ser visuales o impliacutecitas Las liacuteneas visuales poseen diferentes propiedades trazo (recto angular o curvo) grosor o calibre (delgado grueso) y tipo (continuo interrumpido) Las liacuteneas impliacutecitas estaacuten relacionadas con la capacidad del cerebro de identificar liacuteneas que no existen fiacutesicamente

Graacutefico 2 Ayudas visuales deficientes

Introduccioacutenla capacidad de transmitir ideas de forma oral es una de las principales habilidades que deben desarrollar tanto los profesionales como los cientiacuteficos en muchas discilpinas hasta el punto en que se afirma que son marketing puro y simple esto se debea que el puacuteblico juzga el trabajo del presentador a traveacutes de la presentacioacuten y asume que una mala presentcioacuten es el resultado de un mal trabajo Se reconocen baacutesicamente tres fines persuadir informar y entretener siendo esta uacuteltima la propia de la actuacioacuten La capacidad de trasmitir ideas de forma oral es una de las principales habilidades que deben desarrollar tanto los profesionales como los cientiacuteficos en muchas disciplinas hasta el punto en que se afirma que son marketing puro y simple

Partes de una presentacioacuten

INICIO CUERPO FINAL

Partes de una propuesta de investigacioacuten1 Tiacutetulo2 Resumen3 Palabras Clave4 Problematica y problema de

investigacioacuten5 Discusioacuten de la importancia

o necesidad6 Revisioacuten de trabajos previos 7 Objetivo general8 Objetivos especificos

9 Materiales y meacutetodo10 Discusioacuten sobre posibles

resultados11 Productos verificables

obtenibles12 Impacto esperado13 Cronograma14 Presupuesto15 Biografiacutea del investigador16 Referencias

ResultadosESTADISTIacuteCOS DE AJUSTE DE LOS MODELOS A LA SERIE DE PRECIOSModelo

Notas

Esta es la primera nota sobre la tabla

Esta es otra nota

ARIMA-1ARIMA-2ARIMA-3ARIMA-4ARIMA-5ARIMA-6ARIMA-7ARIMA-8ARIMA-9ARIMA-10ARIMA-11ARIMA-12

0138 (0023)0135 (0023) 0135 (0023) 0135 (0023) 0124 (0023) 0121 (0023) 0099 (0021)0098 (0021) 0097 (0021) 0078 (0019) 0069 (0018)0067 (0018)

0015 (0031)0015 (0031)0015 (0031)0015 (0031)0019 (0033)0018 (0033)0017 (0033)0017 (0033)0017 (0033)0018 (0035)0018 (0034)0017 (0033)

0023 (0026)0023 (0026)0022 (0026)0022 (0026)0028 (0027)0027 (0028)0027 (0029)0028 (0029)0028 (0029)0030 (0031)0030 (0030)0026 (0028)

Rezagos EntrenamientoSSE (MAD)

Predccioacuten SSE (MAD)

1 antildeo


2 antildeo

11-21-31-41-51-61-71-81-91-101-111-12

(a)

(c)

(b)

(d)


abril-junio 2012


175

estas incluyen por ejemplo la alineacioacuten de los textos o de los renglones o el flujo o movimiento que se percibe en un dibujo o fotografiacutea bull Fuentes Corresponde a la tipografiacutea de las letras usadas para construir el texto bull Forma o contorno de los elementos Se

construyen a partir de liacuteneas que marcan la frontera entre un elemento y otro Se habla de formas inorgaacutenicas cuando ellas corres-ponde a figuras geomeacutetricas que no se dan en la naturaleza como los ciacuterculos perfectos cuadrados pentaacutegonos etc Los contornos orgaacutenicos corresponden a aquellos obteni-dos de los objetos naturales y se caracterizan por la presencia de irregularidades bull Tamantildeo En teacuterminos de escala respecto a un patroacuten fijo de medida o relativo a una base bull Patrones Se entiende como la duplicacioacuten

de elementos (color forma etc) que per-miten identificar una unidad entre los ele-mentos Pueden ser orgaacutenicos o inorgaacutenicos bull Valor Describe la relacioacuten entre luz y os-

curidad El valor depende de la luz Permite evitar la monotoniacutea visual

52 Principios baacutesicos del disentildeoA continuacioacuten se definen los principios baacutesicos involucrados en el disentildeo de ayudas visuales para presentaciones

bull Principio de claridad (Reynolds 2008) que es la interpretacioacuten directa y sin ambi-guumledades del significado que transmite la ayuda visual se logra mediante la combina-cioacuten de los principios de simplicidad natu-ralidad y elegancia La simplicidad se refiere a lograr el maacuteximo impacto visual con el miacutenimo de elementos graacuteficos eliminando lo no esencial La naturalidad se interpreta como evitar el uso de disentildeos elaborados y sobre-refinamientos La elegancia se entien-de como la falta de exceso evitando el uso de lo ostentoso y llamativo bull Principio de semejanza la mente agrupa

elementos como una entidad cuando ellos tienen propiedades semejantes (forma ta-mantildeo color direccioacuten etc) bull Principio de proximidad la mente agrupa

elementos como una entidad cuando ellos estaacuten cercanos bull Principio de contraste los elementos que

no son similares a los demaacutes deben hacerse muy diferentes para enfatizarlos haciendo que se pueda identificar el punto principal raacutepidamente Se logra mediante la variacioacuten del tamantildeo orientacioacuten forma sombreado color proximidad o grosor en la liacutenea de los elementos visuales (ver Graacutefico 3) bull Principio de flujo se refiere al orden en que la informacioacuten es procesada Por ejemplo la forma en que se lee una liacutenea de

Graacutefico 3 Generacioacuten de contraste mediante la variacioacuten de propiedades

Agrupacioacuten Calibre Tamantildeo Orientacioacuten

Sombra Color Forma Separacioacuten




texto Es realizado mediante el uso de capas de informacioacuten bull Principio de relacioacuten la ubicacioacuten el

tamantildeo y la proximidad de los elementos permite establecer su interrelacioacuten su im-portancia o jerarquiacutea Permite representar conceptos opuestos como los ejemplifica-dos a continuacioacuten (Duarte 2008)

∙ Unidad ndash Fragmentacioacuten ∙ Orden ndash Caos ∙ Igual ndash Diferente ∙ Simetriacutea ndash Asimetriacutea ∙ Balanceado ndash Desbalanceado ∙ Cerca ndash Lejos ∙ Claro ndash Oscuro ∙ Secuencial ndash Aleatorio ∙ Estaacutetico ndash Dinaacutemico ∙ Consistente ndash Inconsistente

53 Presentacioacuten de conceptos usando textoSeguacuten Davis (2005) para lograr claridad se deben preferir fuentes simples sin adornos que faciliten la lectura del texto como por ejemplo Arial Tahoma o similares La difi-

cultad es proporcional a la complejidad de la letra hasta llegar a las fuentes que imitan la escritura a mano Este efecto se puede apreciar en el Graacutefico 4a donde todos los textos estaacuten escritos en el mismo tamantildeo en puntos pero aparecen visualmente en tamantildeo diferente

Al respecto la lectura del texto se facilita cuando bull Se evita el contraste generado por el uso

de maacutes de dos fuentes por ayuda visual (Booth et al 2010) ya que podriacutea generarse un efecto de contraste donde no se necesita La regla baacutesica del contraste indica que si todo es importante entonces nada es importante bull Hay un contraste fuerte entre el texto y el

fondo para facilitar la lectura Un ejemplo de textos con bajo contraste se presenta en el Graacutefico 4b bull Se evita el uso de efectos artiacutesticos En

este caso el texto se puede hacer ilegible (ver Graacutefico 4c)

Graacutefico 4 Ejemplos de diferentes propiedades del texto en la ayuda visual


Fuente ArialFuente Arial Narrow

Fuente Bookman Old StyleFuente Times New Roman

Fuente Freestyle Script

Fuente Lucida Handwriting

EFECTO DEL FONDO

EFECTO DEL FONDO

EFECTO ARTIacuteSTICO VE

RTIC

AL

VERTICAL

HORIZONTALHorizontal

Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177

bull Los textos se escriben horizontalmente y de izquierda a derecha Compaacuterese la legibilidad de los textos del Graacutefico 4d en relacioacuten a su orientacioacuten bull No se usan mayuacutesculas sostenidas en los

textos (Davis 2005) ya que estas son maacutes difiacuteciles de leer bull No se usan abreviaciones (Weissman

2009) bull Se usa un interlineado de 12 15 o 20

puntos bull Se evitan clicheacutes lemas fechas marcas de

copyright en cada ayuda visual (Weissman 2009) ya que esto agrega ruido visual pero no ayuda en nada a la transmisioacuten de la idea bull Se usan tamantildeos adecuados de las fuentes

para asegurar su legibilidad Los tamantildeos de texto usuales son de 36 a 44 puntos para el tiacutetulo 32 puntos para el texto primario de 18 a 28 puntos para el texto secundario 14 puntos para el logotipo y las referencias Un diagrama a escala para mostrar el tamantildeo de las fuentes es presentado en el Graacutefico 5

El principio de contraste puede ser utili-zado para resaltar la importancia del texto y sus relaciones jeraacuterquicas El eacutenfasis tam-bieacuten puede ser logrado al variar el tamantildeo del texto las maacutergenes el color o la fuente En el Graacutefico 6 se ejemplifica coacutemo el con-traste mediante la variacioacuten del tamantildeo del texto permite resaltar su importancia independientemente de la ubicacioacuten del texto primario eacuteste se convierte en el foco principal de atencioacuten En el Graacutefico 7 se ilus-tra este concepto usando diferentes tamantildeos y tipos de fuentes

Debe evitarse el uso de tablas ecuaciones complejas y graacuteficos detallados En caso de requerir tablas estas deben ser muy simples enfatizando los datos importantes (Davis 2005) Las tablas se usan cuando el valor numeacuterico es lo importante En el Graacutefico 8 se presentan tres ejemplos de tablas simples con elementos que enfatizan un valor (iz-quierda) una columna (centro) y elemen-tos dispersos (derecha) En el Graacutefico 9 se

Graacutefico 5 Tamantildeos de letra y su escala relativa a la ayuda visual El marco del graacutefico corresponde al borde real de la ayuda visual


Arial 44 ptsArial 36 ptsArial 32 ptsArial 28 ptsArial 24 ptsArial 18 ptsArial 14 pts


Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos




Graacutefico 6 Ejemplos de contraste para enfatizar la importancia del texto


Texto muy importante

Texto secundario texto secundario texto secundario texto secundario texto secundario

Texto muy importanteTexto secundario texto

secundario texto secundario texto secundario texto

secundario


Texto secundario texto secundario texto secundario

texto secundario texto secundario

Graacutefico 7 Ejemplo del eacutenfasis del texto por variacioacuten en el tamantildeo y propiedades de las fuentes


50PaacuteginasEs el tamantildeo miacutenimo

de un libro

ldquoScience is a mode of conceiving universal

and necessary thruthsrdquoAristotle

Nicomachean Ethicsvi VI 1


Graacutefico 8 Ejemplos de tablas con elementos enfaacuteticos

Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9

Iacutetem 4 10 11 12

Col 1 Col 2 Col 3

muestra un ejemplo de coacutemo presentar una ecuacioacuten en una ayuda visual

Las variaciones en el tamantildeo del texto y su organizacioacuten permite una vez maacutes usando el principio de contraste estable-cer relaciones jeraacuterquicas entre bloques de texto Una aplicacioacuten es el reemplazo de las listas de vintildeetas (ver Graacutefico 10a) por texto estructurado (ver Graacutefico 10b)54 Presentacioacuten de conceptos usando ilustraciones

Las ilustraciones se usan para transmitir una idea de forma visual Su taxonomiacutea a partir de la presentada originalmente por Duarte (2008) es la siguiente bull Fotografiacuteas permiten contextualizar un ambiente real que soporta las ideas del presentador (Reynolds 2008) bull Caricaturas dibujos que ridiculizan o

exageran situaciones los cuales pueden ser usados para resaltar ideas bull Dibujos y bocetos

abril-junio 2012


179

Graacutefico 10 Ejemplo de una relacioacuten jeraacuterquica (a) Vintildeetas tiacutepicas de Microsoft PowerPoint (b) La misma lista usando variaciones en las propiedades del texto


bull Diagramas representan conceptos y me-taacuteforas usando formas geomeacutetricas sencillas (triaacutengulos ciacuterculos rectaacutengulos flechas liacuteneas) cuya organizacioacuten transmite un significado (Zelanzny 2001) cada diagrama puede representar maacutes de un concepto o metaacutefora por lo que la decisioacuten de su uso cae uacutenicamente en el disentildeador de las ayu-das basaacutendose en su apreciacioacuten personal sobre cual diagrama se adecua maacutes a lo que se quiere decir Se definen dos tipos

rsaquo Abstractos ∙ Flujo lineal circular divergenteconvergente multidireccional ∙ Estructura matrices arboles capas

∙ Agrupamiento traslapo clausura envolvimiento viacutenculo ∙ Irradiacioacuten desde un punto con un centro sin un centro

rsaquo Realistas ∙ Pictoacutericos posicioacuten localizacioacuten revelacioacuten proceso influencia ∙ Graacuteficos de datos comparacioacuten tendencia composicioacuten

541 FotografiacuteasExisten cinco pasos para lograr fotografiacuteas adecuadas (Gerard amp Goldstein 2005)4 Identificar la comunidad de intereacutes y reconocer cuando una imagen puede reem-plazar palabras


Graacutefico 9 Ejemplo de una ayuda visual con una ecuacioacuten

Valor actual

Constante Coeficientes Ruido

Orden Valores pasados

Estructura de un modelo autorregresivo

y(t) = μ + sum ϕ (p) y(t ndash p) +e(t)P

p=1

Partes de una presentacioacuten Partes de una presentacioacuten bull Inicio

∙ Introduccioacuten ∙ Crisis ∙ Agenda

bull Cuerpo ∙ Ideas Principales ∙ Transiciones

bull Final ∙ Conclusiones ∙ Preguntas

InicioIntroduccioacutenCrisis Agenda

CuerpoIdeas PrincipalesTransiciones

FinalConclusionesPreguntas

(a) (b)



5 Usar los equipos apropiados (tecnologiacutea y software)6 Disentildear e implementar un archivo de imaacutegenes7 Registrar y evaluar el eacutexito de la informa-cioacuten trasmitida por las imaacutegenes8 Repetir y educar sobre los beneficios del uso de imaacutegenes para transmitir comunica-cioacuten compleja

Las imaacutegenes pueden ser usadas en diagramas complejos para reforzar la idea Adicionalmente cuando las imaacutegenes reque-ridas son pequentildeas (por ejemplo forman parte de un diagrama complejo) se puede recurrir a diagramas realistas pictoacutericos para representarlas (ver Graacutefico 11)

542 CaricaturasSon dibujos que permiten introducir humor en una presentacioacuten rompiendo el hielo entre la audiencia y el conferencista La esencia de la caricatura es exagerar por lo que pueden ser muy uacutetiles para enfatizar las ideas aunque deben usarse cuidadosamente En la literatura revisada se recomiendan los siguientes sitios (Booher 2003 Sommerville 2009) algunos de los cuales ofrecen graacuteficos sin costo para propoacutesitos no comerciales bull httpistockphotocomindexphp bull httpwwwhemeracom bull httpwwwfotosearchcom bull httpwwwshutterstockcom bull httpwwwcartoonbankcom

bull httpwwwcartoonstockcom bull httpwwwBizPresentercom bull httpwwwphotostogocom

543 Graacuteficos de datosLos graacuteficos para presentar conceptos nu-meacutericos se clasifican en cuatro tipos com-posicioacuten comparacioacuten tendencia y relacioacuten (Abela 2008) Las hojas de caacutelculo y los paquetes estadiacutesticos proveen al usuario de una amplia gama de graacuteficos para presentar conceptos numeacutericos

Para la preparacioacuten de graacuteficos se debe proceder en el siguiente orden se determina el mensaje luego el tipo de comparacioacuten y finalmente el tipo de graacutefico (OrsquoRourke 2008) Duarte (2008) plantea las siguientes reglas para la construccioacuten de graacuteficos bull Diga siempre la verdad bull Vaya al punto bull Escoja el tipo de graacutefico adecuado bull Resalte lo que es importante bull Manteacutengalo simple

Los principales tipos de graacuteficos numeacute-ricos son (ver Graacutefico 12) bull Columna bull Liacutenea bull Circulares bull Barra bull Aacuterea bull Anillos bull Burbujas bull Radiales

Graacutefico 11 Ejemplos de composicioacuten de una ayuda visual usando fotografiacuteas y dibujos

Nota Todos los graacuteficos excepto el segundo de izquierda a derecha son proporcionados por Microsoft en el paquete Office


abril-junio 2012


181

Las reglas baacutesicas sobre el disentildeo de graacuteficos numeacutericos son bull En los graacuteficos deben preferirse variacio-

nes en tipos y el grosor de las liacuteneas en vez del uso de combinaciones de colores En el Graacutefico 13 se presenta una aplicacioacuten de esta recomendacioacuten bull El detalle de cada graacutefico es dependiente

de la disciplina (Davis 2005) bull Nunca deben usarse los graacuteficos pre-parados para artiacuteculos e informes ya que son inapropiados para las ayudas visuales deben ajustarse los tamantildeos de las fuentes grosores de liacuteneas y colores para mejorar la claridad del graacutefico (Weissman 2009) En el Graacutefico 14 se presenta una figura tomada de uno de los artiacuteculos publicados por el autor

(Velaacutesquez amp Franco 2010) el tamantildeo de la figura se escaloacute respecto a la original para ocupar la parte inferior de la ayuda visual Para contrastar los tamantildeos de las fuentes y demaacutes informacioacuten presentada en el graacute-fico se generoacute una escala graacutefica basada en el tamantildeo del texto como se aprecia los textos del graacutefico son inferiores a 14 puntos que es el tamantildeo de fuente recomendado para la bibliografiacutea y el logotipo los demaacutes detalles aparecen a un nivel tan pequentildeo que resultan ilegibles durante una presentacioacuten Igualmente la combinacioacuten de marcadores para indicar los puntos genera un contraste muy bajo lo que la ayuda visual es poco efectiva para transmitir informacioacuten

Graacutefico 12 Tipos de graacuteficos para datos numeacutericos


LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna



bull Se debe evitar el uso de figuras complejas en paneles (Anholt 2006) bull La presentacioacuten de diagramas complica-

dos puede ser realizada por una secuencia de ayudas visuales en que se adiciona com-plejidad de una ayuda visual a otra (Anholt 2006 Forsyth 2009) bull Se debe evitar el uso de imaacutegenes en terce-

ra dimensioacuten (3D) Por ejemplo al comparar la legibilidad de los Graacuteficos 15a y 15b se nota que el segundo es mucho maacutes claro para transmitir la informacioacuten Adicional-

mente se tienen en cuenta varios elementos en primer lugar el Graacutefico 15a presenta las barras desordenadas y no resulta faacutecil realizar una comparacioacuten a simple vista en el Graacutefico 15b las barras estaacuten ordenadas y resulta simple realizar una comparacioacuten En segundo lugar se adicionoacute el valor de cada barra horizontal en el Graacutefico 15b lo que aumenta la facilidad para realizar dicha comparacioacuten noacutetese que esto permitioacute eliminar los valores de las abscisas quitan-do ruido visual En tercer lugar el graacutefico

Graacutefico 13 Ejemplo de un graacutefico con variaciones en los calibres y marcadores de las liacuteneas


Graacutefico 14 Ejemplo de mal uso de tamantildeos de fuentes El graacutefico y los textos que representan los tamantildeos de las fuentes estaacuten construidos a escala real de la ayuda visual


abril-junio 2012


183

puede simplificarse auacuten maacutes eliminando el eje de las ordenadas sin embargo se sigue transmitiendo la misma informacioacuten (ver Graacutefico 15c) bull Se debe identificar el elemento graacutefico

maacutes apropiado para la ayuda visual (Abe-la 2008) Si para el Graacutefico 15 los valores representan la porcioacuten de mercado de cada competidor entonces la seleccioacuten de un graacutefico de barras no es la maacutes acertada ya que es muy difiacutecil realizar la comparacioacuten y seriacutea maacutes apropiado un graacutefico de torta (ver Graacutefico 15d) En esta uacuteltima graacutefica tambieacuten se adicionaron las cantidades (por fuera de la torta para facilitar su lectura) con el fin de realizar faacutecilmente la comparacioacuten numeacuterica

544 Diagramas realistas pictoacutericos y graacuteficas informativasEstos diagramas se basan en la representa-cioacuten simplificada de objetos reales con el fin de transmitir informacioacuten que es muy

difiacutecil de explicar con palabras Se apela a la cultura visual humana (George-Palilonis 2006) de tal manera que muchas de estas re-presentaciones son bien entendidas por una sociedad como por ejemplo los siacutembolos y el significado de los dibujos usados como sentildeales de traacutensito

En el Graacutefico 16 se presenta un ejemplo de un diagrama pictoacuterico para representar la ubicacioacuten adecuada e inadecuada de las ayudas visuales en una sala de conferencias noacutetese que estos diagramas estaacuten compues-tos por elementos extremadamente simples figuras geomeacutetricas (cuadrados y ciacuterculos) liacuteneas (continuas y punteadas)

545 Graacuteficos de metaacuteforas y conceptos abstractosLos graacuteficos para representar metaacuteforas y conceptos abstractos son un elemento fundamental en la preparacioacuten de presen-taciones Se construyen a partir de una combinacioacuten creativa de liacuteneas flechas

Graacutefico 15 Simplificacioacuten de un graacutefico estadiacutestico


007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039

Competidor GCompetidor DCompetidor CCompetidor BCompetidor A

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)



cajas triaacutengulos y otros elementos geomeacute-tricos ejemplos bien conocidos de este tipo de graacuteficos son los arboles de decisioacuten los organigramas y los diagramas de flujo

En el Graacutefico 17 se presenta una metaacutefora sobre el proceso de pronoacutestico de series de tiempo usando modelos estadiacutesticos En el Graacutefico 18 se presentan esquemas tiacutepicos para representar conceptos abstractos los cuales pueden ser obtenidos a partir de una combinacioacuten creativa de flechas cajas triaacutengulos y demaacutes elementos predefinidos que posee el software

En los Graacuteficos 19 y 20 se presentan como ejemplo dos ayudas visuales disentildea-das usando los principios de disentildeo descri-tos en este artiacuteculo

6 ConclusionesLa realizacioacuten de una presentacioacuten oral es una tarea dispendiosa que involucra mu-chos elementos cruciales en su preparacioacuten Uno de ellos es la preparacioacuten adecuada de ayudas visuales que le permitan al expositor trasmitir de una forma clara concisa y sin ambiguumledades sus ideas al puacuteblico Sin em-bargo los principios de disentildeo involucrados en la preparacioacuten de este soporte caen en los temas baacutesicos del disentildeo graacutefico y la comu-

nicacioacuten visual por lo que son bastante aje-nos a los ingenieros y administradores En este contexto se planteoacute una investigacioacuten con el fin de explicar los principales criterios de disentildeo graacutefico con el fin de lograr ayudas visuales efectivas y bien disentildeadas Estos elementos fueron desarrollados a traveacutes de tres elementos fundamentales bull Los errores derivados del uso inapropiado

del software bull La importancia del disentildeo loacutegico de la presentacioacuten bull La descripcioacuten y ejemplificacioacuten de los principios baacutesicos del disentildeo graacutefico apli-cados en el disentildeo del soporte visual de una exposicioacuten

Teniendo en cuenta que la difusioacuten del conocimiento es uno de los principales pasos del meacutetodo cientiacutefico este trabajo presenta un aporte en este sentido ya que desarrolla los principios baacutesicos de disentildeo en una forma simple y realiza un paralelo entre las recomendaciones maacutes importantes presentadas en la literatura sobre la prepara-cioacuten de ayudas visuales Los conceptos son ilustrados a traveacutes de ejemplos praacutecticos con el fin de demostrar su aplicacioacuten

Como trabajo futuro es necesario realizar una investigacioacuten similar sobre las meto-

Graacutefico 16 Ejemplo de graacuteficos informativos indicando la ubicacioacuten adecuada (izquierda) e inadecuada (derecha) del presentador y las ayudas visuales en una sala de conferencias


Adecuada Inadecuada

abril-junio 2012


185

Graacutefico 17 Diagrama representando el proceso de pronoacutestico basado en modelos de series de tiempo



Graacutefico 18 Ejemplos de graacuteficos para representar conceptos abstractos

Datos histoacutericos

Anaacutelisis Diagnoacutestico

Estimacioacuten

EvaluacioacutenExpost Pronoacutestico

times times



dologiacuteas de disentildeo de presentaciones con el fin de unificar conceptos y metodologiacuteas de trabajo

Referencias bibliograacuteficas

Abela AV (2008) Advanced presentations by design Creating communication that drives action (1a Ed) San Francisco CA Pfeifer

Anholt RRH (2006) Dazzle rsquoEm with Style The art of oral scientific presentation (2a Ed) Londres UK Elsevier Inc

Atkinson M (2005) Lend Me Your Ears All You Need to Know about Making Speeches and Presentations (1a Ed) New York NY Oxford University Press

Booher D (2003) Speak with confidence Powerful presentations that inform inspire and persuade (1a Ed) New York NY McGraw-Hill

Booth D Shames D amp Desberg P (2010) Own the room business presentations that persuade engage and get results (1a Ed) New York NY McGraw-Hill

Graacutefico 19 Ejemplo de una ayuda visual disentildeada usando los principios de disentildeo descritos en este artiacuteculo




abril-junio 2012


187

Chambers H E (2001) Effective commu-nication skills for scientific and technical professional (1a Ed) Cambridge MA Perseus Publishing

Chivers B amp Shoolbred M (2007) A studentrsquos guide to presentations (1a Ed) Londres Sage

Davis M (2005) Scientific papers and pre-sentations (2a Ed) Londres Academic Press

Duarte N (2008) Slide-ology the art and science of creating great presentations (1a

Ed) Sebastopol CA OrsquoReilly MediaForsyth P (2009) The PowerPoint Detox

Reinvent your slides and add power to your presentation (1a Ed) Londres Ko-gan Page

George-Palilonis J (2006) A practical guide to graphics reporting information graphics for print web amp broadcast (1a Ed) Burl-ington MA Focal Press

Gerard A amp Goldstein B (2005) Going vi-sual using images to enhance productivity decision making and profits (1a Ed) New Jersey NJ John Wiley amp Sons

Goodlad S (1996) Speaking Technically A handbook for scientists engineers and physicians on how to improve technical presentations (1a Ed) Londres Imperial College Press

Hashimoto A amp Clayton M (2009) Visual design fundamentals a digital approach Boston MA Course Technology

Kitchenham BA (2004) Procedures for undertaking systematic reviews Joint Technical Report Computer Science Department Keele University (TRSE-0401) and National ICT Australia Ltd (0400011T1)

Kitchenham BA amp Charters S (2007) Guidelines for performing systematic lit-erature reviews in software engineering Technical Report EBSE-2007-01

Mandel S (2000) Effective presentation skills a practical guide for better speaking Boston MA Crisp publications

Mills H (2007) Power Points How to design and deliver presentations that sizzle and sell New York NY American Manage-ment Association

OrsquoRourke J (2008) The truth about confi-dent presenting New Jersey NJ Pearson Education

Reynolds G (2008) Presentation Zen Simple ideas on presentation design and delivery Berkeley CA New Readers

Siddons S (2008) The complete presentation skills handbook How to understand and reach your audience for maximum impact and success Londres Kogan Page

Sommerville J (2009) Rainmaking pre-sentations How to grow your business by leveraging your expertise New York NY Palgrave McMillan

Velaacutesquez JD amp Franco CJ (2010) Pre-diccioacuten de los precios de contratos de electricidad usando una red neuronal con arquitectura dinaacutemica Innovar Journal 20(36) 7-14

Walters DE amp Walters GC (2002) Scien-tist must speak bringing presentations to life Londres Routledge

Weissman J (2009) Presenting to win The art of telling your story (2a Ed) New Jersey NJ Pearson Education

Williams R (2004) The non-designerrsquos design book Design and typographic prin-ciples for the visual novice Berkeley CA Peachpit Press

Zelanzny G (2001) Say it with charts The executiversquos guide to visual communication (4a ed) Estados Unidos McGraw-Hill



AnexosAnexo 1 Referencias obtenidas en la Revisioacuten Sistemaacutetica de Literatura

Abela AV (2008) Advanced presentations by design Creating communication that drives action (1a ed) San Francisco CA Pfeifer

Anholt RRH (2006) Dazzle rsquoEm with Style The art of oral scientific presentation (2a ed) Londres UK Elsevier

Atkinson M (2005) Lend Me Your Ears All You Need to Know about Making Speeches and Presentations (1a ed) New York NY Oxford University Press

Booher D (2003) Speak with confidence Powerful presentations that inform inspire and persuade (1a ed) New York NY McGraw-Hill

Booth D Shames D amp Desberg P (2010) Own the room business presentations that persuade engage and get results (1a ed) New York NY McGraw-Hill

Chambers HE (2001) Effective communication skills for scientific and technical professional (1a ed) Cambridge MA Perseus Publishing

Chivers B amp Shoolbred M (2007) A studentrsquos guide to presentations (1a ed) Londres SageDavis M (2005) Scientific papers and presentations (2a ed) Londres Academic PressDuarte N (2008) Slide-ology the art and science of creating great presentations (1a ed)

Sebastopol CA OrsquoReilly MediaForsyth P (2009) The PowerPoint Detox Reinvent your slides and add power to your pre-

sentation (1a ed) Londres Kogan PageGeorge-Palilonis J (2006) A practical guide to graphics reporting information graphics for

print web amp broadcast (1a ed) Burlington MA Focal PressGerard A amp Goldstein B (2005) Going visual using images to enhance productivity de-

cision making and profits (1a ed) New Jersey NJ John Wiley amp SonsGoodlad S (1996) Speaking Technically A handbook for scientists engineers and physi-

cians on how to improve technical presentations (1a ed) Londres Imperial College PressHashimoto A amp Clayton M (2009) Visual design fundamentals a digital approach Bos-

ton MA Course TechnologyMandel S (2000) Effective presentation skills a practical guide for better speaking Boston

MA Crisp publicationsMills H (2007) Power Points How to design and deliver presentations that sizzle and sell

New York NY American Management AssociationOrsquoRourke J (2008) The truth about confident presenting New Jersey NJ Pearson EducationReynolds G (2008) Presentation Zen Simple ideas on presentation design and delivery

Berkeley CA New ReadersSiddons S (2008) The complete presentation skills handbook How to understand and reach

your audience for maximum impact and success Londres Kogan PageSommerville J (2009) Rainmaking presentations How to grow your business by leveraging

your expertise New York NY Palgrave McMillanWalters DE amp Walters GC (2002) Scientist must speak bringing presentations to life

Londres RoutledgeWeissman J (2009) Presenting to win The art of telling your story (2a ed) New Jersey

NJ Pearson Education

abril-junio 2012


189

Williams R (2004) The non-designerrsquos design book Design and typographic principles for the visual novice Berkeley CA Peachpit Press


estudios gerenciales Vol 28 N0 123 pp 167-189 abril-junio 2012168


Basic principles of graphic design applied to the preparation of visual aids for scientific and business presentations

ABSTRACTPublic speaking ability is an essential skill for managers and other professionals However many presentations are described as bad boring unfocused or incomprehensible One of the main mistakes is the lack of well-designed visual aids Common examples of these mistakes include among others the following an excessive amount of text the use of low contrast backgrounds fonts too small to be easily read and the abuse of artistic effects This work presents the results of a systematic review to answer the question What is a well-designed visual aid We found that by applying several simple basic graphic design principles it is possible to obtain effective visual aids In addition several examples are presented

Keywords Oral presentation public speaking slide design communication skill

Princiacutepios baacutesicos do desenho graacutefico aplicados agrave preparaccedilatildeo de recursos visuais para apresentaccedilotildees cientiacuteficas e de negoacutecios

RESUMOA capacidade para falar em puacuteblico eacute uma capacidade indispensaacutevel para administradores e outros profissionais Contudo Muitas apresentaccedilotildees satildeo descritas como ruins entediantes sem focagem ou incompreensiacuteveis Um dos principais erros eacute a falta de recursos visuais que sejam bem concebidos os exemplos mais comuns disso satildeo uma excessiva quantidade de texto o uso de fundos de baixo contraste letras muito pequenas para a leitura e o abuso de efeitos artiacutesticos entre outros No presente trabalho satildeo apresentados os resultados de uma revisatildeo sistemaacutetica para responder agrave pergunta O que eacute um recurso visual corretamente concebido Foi verificado que aplicando vaacuterios princiacutepios baacutesicos e simples de desenho graacutefico eacute possiacutevel obter recursos visuais eficazes Aleacutem disso satildeo apresentados vaacuterios exemplos

Palavras-Chave Apresentaccedilatildeo oral conferecircncia puacuteblica teacutecnicas de projeto auxiliado por computador capacidade de comunicaccedilatildeo

























abril-junio 2012


171



























abril-junio 2012


173




Vaciacutea

Tiacutetulo

















INICIO CUERPO FINAL








Notas


Esta es otra nota


0138 (0023)0135 (0023) 0135 (0023) 0135 (0023) 0124 (0023) 0121 (0023) 0099 (0021)0098 (0021) 0097 (0021) 0078 (0019) 0069 (0018)0067 (0018)

0015 (0031)0015 (0031)0015 (0031)0015 (0031)0019 (0033)0018 (0033)0017 (0033)0017 (0033)0017 (0033)0018 (0035)0018 (0034)0017 (0033)

0023 (0026)0023 (0026)0022 (0026)0022 (0026)0028 (0027)0027 (0028)0027 (0029)0028 (0029)0028 (0029)0030 (0031)0030 (0030)0026 (0028)



1 antildeo


2 antildeo

11-21-31-41-51-61-71-81-91-101-111-12

(a)

(c)

(b)

(d)


abril-junio 2012


175































EFECTO DEL FONDO

EFECTO DEL FONDO


RTIC

AL

VERTICAL


Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189



























abril-junio 2012


171



























abril-junio 2012


173




Vaciacutea

Tiacutetulo

















INICIO CUERPO FINAL








Notas


Esta es otra nota


0138 (0023)0135 (0023) 0135 (0023) 0135 (0023) 0124 (0023) 0121 (0023) 0099 (0021)0098 (0021) 0097 (0021) 0078 (0019) 0069 (0018)0067 (0018)

0015 (0031)0015 (0031)0015 (0031)0015 (0031)0019 (0033)0018 (0033)0017 (0033)0017 (0033)0017 (0033)0018 (0035)0018 (0034)0017 (0033)

0023 (0026)0023 (0026)0022 (0026)0022 (0026)0028 (0027)0027 (0028)0027 (0029)0028 (0029)0028 (0029)0030 (0031)0030 (0030)0026 (0028)



1 antildeo


2 antildeo

11-21-31-41-51-61-71-81-91-101-111-12

(a)

(c)

(b)

(d)


abril-junio 2012


175































EFECTO DEL FONDO

EFECTO DEL FONDO


RTIC

AL

VERTICAL


Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189





















abril-junio 2012


173




Vaciacutea

Tiacutetulo

















INICIO CUERPO FINAL








Notas


Esta es otra nota


0138 (0023)0135 (0023) 0135 (0023) 0135 (0023) 0124 (0023) 0121 (0023) 0099 (0021)0098 (0021) 0097 (0021) 0078 (0019) 0069 (0018)0067 (0018)

0015 (0031)0015 (0031)0015 (0031)0015 (0031)0019 (0033)0018 (0033)0017 (0033)0017 (0033)0017 (0033)0018 (0035)0018 (0034)0017 (0033)

0023 (0026)0023 (0026)0022 (0026)0022 (0026)0028 (0027)0027 (0028)0027 (0029)0028 (0029)0028 (0029)0030 (0031)0030 (0030)0026 (0028)



1 antildeo


2 antildeo

11-21-31-41-51-61-71-81-91-101-111-12

(a)

(c)

(b)

(d)


abril-junio 2012


175































EFECTO DEL FONDO

EFECTO DEL FONDO


RTIC

AL

VERTICAL


Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189















INICIO CUERPO FINAL








Notas


Esta es otra nota


0138 (0023)0135 (0023) 0135 (0023) 0135 (0023) 0124 (0023) 0121 (0023) 0099 (0021)0098 (0021) 0097 (0021) 0078 (0019) 0069 (0018)0067 (0018)

0015 (0031)0015 (0031)0015 (0031)0015 (0031)0019 (0033)0018 (0033)0017 (0033)0017 (0033)0017 (0033)0018 (0035)0018 (0034)0017 (0033)

0023 (0026)0023 (0026)0022 (0026)0022 (0026)0028 (0027)0027 (0028)0027 (0029)0028 (0029)0028 (0029)0030 (0031)0030 (0030)0026 (0028)



1 antildeo


2 antildeo

11-21-31-41-51-61-71-81-91-101-111-12

(a)

(c)

(b)

(d)


abril-junio 2012


175































EFECTO DEL FONDO

EFECTO DEL FONDO


RTIC

AL

VERTICAL


Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189



abril-junio 2012


175































EFECTO DEL FONDO

EFECTO DEL FONDO


RTIC

AL

VERTICAL


Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189




















EFECTO DEL FONDO

EFECTO DEL FONDO


RTIC

AL

VERTICAL


Diagon

alDiagonal

V E R T I C A L

abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189



abril-junio 2012


177













Tiacutetulos

Primer nivel

Segundo nivel

Referencias y logos










secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189












secundario







de un libro






Iacutetem 1

Col 1 Col 2 Col 3

Iacutetem 2

Iacutetem 3

Iacutetem 1

Descripcioacuten

Iacutetem 2

Iacutetem 3

Iacutetem 4

Col 1 Col 2 Col 3

Iacutetem 1 1 2 3

Descripcioacuten

Iacutetem 2 4 5 6

Iacutetem 3 7 8 9


Col 1 Col 2 Col 3





abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189



abril-junio 2012


179










Valor actual





p=1








(a) (b)













abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189















abril-junio 2012


181







LinealCircular

Aacuterea

Barras

Anillo

Radial

Burbuja

Columna











abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189













abril-junio 2012


183









007

012

019

024

039Competidor B

Competidor A

Competidor C

Competidor G

Competidor D

007012 019

024

039


Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

000 010 020 030 040

007

012

019

024

039

Competidor G

Competidor D

Competidor C

Competidor B

Competidor A

(a)

(c)

(b)

(d)













Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189















Adecuada Inadecuada

abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189



abril-junio 2012


185







Estimacioacuten


times times














abril-junio 2012


187















































abril-junio 2012


189
















abril-junio 2012


187















































abril-junio 2012


189


























abril-junio 2012


189



principios básicos de diseño gráfico aplicados a la ... › descarga › articulo ›...

Documents