SlideShare una empresa de Scribd logo
1 de 29
Descargar para leer sin conexión
Medios tecnológicos
 para la didáctica
Universidad de Las Américas/Octubre 2008
Manejo de la
        información

• Ya tenemos el fondo de la información
• Ahora nos preocuparemos de la forma
Veamos algunos ejemplos
Veamos algunos ejemplos
Veamos algunos ejemplos
Veamos algunos ejemplos
Veamos algunos ejemplos
Veamos algunos ejemplos

 • De los 5 sitios anteriores, 3 eran locales y 2
   internacionales
 • Todos eran de medios de comunicación
   (canales de televisión, diarios, web)
 • Sin mirar atrás, ¿recuerdan cuales eran los
   sitios?
Veamos algunos ejemplos
 • Todos esos sitios muestran información, pero....
  • Los 3 sitios nacionales se llenan de elementos
     distractores (los 2 otros casi no tienen
     publicidad, de hecho BBC no tiene)
   • Los 2 sitios internacionales usan fondos
     blancos y letras negras o azules, generando
     un fuerte contraste, haciendo fácil su lectura
¿Como vemos una página?
 • La organización del contenido de un sitio es
   sumamente relevante
   •   Nuestra vista comienza por el tope superior
       moviéndose hacia abajo
   •   Al llegar abajo, subimos en diagonal hacia la
       izquierda
   •   Al estar en el punto medio de la página (en
       altura) y al tope izquierdo, cruzamos la vista
       totalmente hacia la derecha, deteniéndonos en
       ese punto
¿Como vemos una página?
¿Como leémos una página?
 • Según Jakob Nielsen es su sitio useit.com, un
   sitio se lee de la siguiente manera:
   • Leemos la parte superior con un movimiento
     horizontal
   • Luego, bajamos un poco por la página y
     realizamos un segundo movimiento
     horizontal de lectura
   • Finalmente leemos una columna al costado
     izquierdo de manera bastante lenta
¿Como leémos una página?
¿Como leémos una página?
¿Como leémos una página?
¿Como leémos una página?
 • Un tema importante en la web, es la
   extensión del texto
 • En la web los textos NO pueden ser más
   de un 30% de lo que escribiríamos en un
   diario o revista
 • El poder de síntesis, y una comunicación
   clara y directa son fundamentales
¿Como leémos una página?
 • En el caso de una presentación, seguimos el
   siguiente esquema, la regla del 10, 20 y 30
   • 10 láminas
   • 20 minutos de presentación
   • Letra no menos a 30
 • Si pudimos seguir esa regla, nuestra
   presentación será captada en un 100%
Veamos ejemplos


• Del sitio usando.info de Juan Carlos
  Camus, veamos un análisis de las portadas
  de España campeón de la Eurocopa
Resumen
• Las portadas más interesantes son las que
  ofrecen en una sola vista toda la información
  relevante:
 • Imagen destacada (foto al ancho de pantalla)
 • Título significativo y emotivo
 • Detalles relevantes (marcador)
 • Oferta de contenidos
 • Presentación gráfica acorde
¿Para que todo esto?
• Dentro de las cuentas abiertas por ustedes,
  hay una de Wordpress, que es su blog y donde
  deben ir enlazando todo su trabajo
• Wordpress cuenta con muchos sitios de
  Templates o Skins que nos cambian el como se
  ve nuestro sitio
• Tomando en cuenta lo anterior, busquen y
  escojan un Template que cumpla con todo lo
  anterior

Más contenido relacionado

Destacado

Lincoln pd agenda
Lincoln pd agendaLincoln pd agenda
Lincoln pd agendaE Robertson
 
Fase planificacion final-grupo k
Fase planificacion final-grupo kFase planificacion final-grupo k
Fase planificacion final-grupo kLLendy GIl
 
Vintage british steam part 2
Vintage british steam part 2Vintage british steam part 2
Vintage british steam part 2Marc Bostyn
 
Workshop productividad NINTEX
Workshop productividad NINTEXWorkshop productividad NINTEX
Workshop productividad NINTEXwww.encamina.com
 
Présentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.Amselem
Présentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.AmselemPrésentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.Amselem
Présentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.Amselemminhmacabiau
 
Hipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICO
Hipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICOHipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICO
Hipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICOXimemargarita
 
UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015
UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015
UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015lilisther
 
Présentation Direction collaboration et partenariat patient université mont...
Présentation Direction collaboration et partenariat patient université mont...Présentation Direction collaboration et partenariat patient université mont...
Présentation Direction collaboration et partenariat patient université mont...Stéphane VINCENT
 
Propagación de los virus informáticos
Propagación de los virus informáticosPropagación de los virus informáticos
Propagación de los virus informáticosTheZuajer
 
efecto de cambio climatico
efecto de cambio climaticoefecto de cambio climatico
efecto de cambio climaticosanyanaf4
 
Social media marketing presentation (Hult Marketing Club)
Social media marketing presentation (Hult Marketing Club)Social media marketing presentation (Hult Marketing Club)
Social media marketing presentation (Hult Marketing Club)Mamiko Kuno
 
Modelos de negocio IV
Modelos de negocio IVModelos de negocio IV
Modelos de negocio IVOmar Vite
 
B. ejemplo plan de asignatura
B.  ejemplo plan de asignaturaB.  ejemplo plan de asignatura
B. ejemplo plan de asignaturaimac_angel
 
Diapositivas i.t.p.
Diapositivas i.t.p.Diapositivas i.t.p.
Diapositivas i.t.p.everttoro
 

Destacado (18)

Lincoln pd agenda
Lincoln pd agendaLincoln pd agenda
Lincoln pd agenda
 
Fase planificacion final-grupo k
Fase planificacion final-grupo kFase planificacion final-grupo k
Fase planificacion final-grupo k
 
Vintage british steam part 2
Vintage british steam part 2Vintage british steam part 2
Vintage british steam part 2
 
Workshop productividad NINTEX
Workshop productividad NINTEXWorkshop productividad NINTEX
Workshop productividad NINTEX
 
Présentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.Amselem
Présentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.AmselemPrésentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.Amselem
Présentation Groupe de travail "BNDMR" (BNDMR-BaMaRa)_S.Amselem
 
INSTRUCTIVO PARA DILIGENCIAR EL PLAN DE ASIGNATURA
INSTRUCTIVO PARA DILIGENCIAR EL PLAN DE ASIGNATURAINSTRUCTIVO PARA DILIGENCIAR EL PLAN DE ASIGNATURA
INSTRUCTIVO PARA DILIGENCIAR EL PLAN DE ASIGNATURA
 
Hipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICO
Hipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICOHipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICO
Hipertextualidad y multimodalidad_ARTÍCULO CIENTÍFICO
 
UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015
UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015
UTE PROBLEMAS FRECUENTES DEL DESARROLLO APEGO Y ANSIEDAD - NOVIEMBRE 2015
 
Présentation Direction collaboration et partenariat patient université mont...
Présentation Direction collaboration et partenariat patient université mont...Présentation Direction collaboration et partenariat patient université mont...
Présentation Direction collaboration et partenariat patient université mont...
 
Propagación de los virus informáticos
Propagación de los virus informáticosPropagación de los virus informáticos
Propagación de los virus informáticos
 
efecto de cambio climatico
efecto de cambio climaticoefecto de cambio climatico
efecto de cambio climatico
 
Resumen de la Ley VMA
Resumen de la Ley VMAResumen de la Ley VMA
Resumen de la Ley VMA
 
Deliverability
DeliverabilityDeliverability
Deliverability
 
Social media marketing presentation (Hult Marketing Club)
Social media marketing presentation (Hult Marketing Club)Social media marketing presentation (Hult Marketing Club)
Social media marketing presentation (Hult Marketing Club)
 
Modelos de negocio IV
Modelos de negocio IVModelos de negocio IV
Modelos de negocio IV
 
B. ejemplo plan de asignatura
B.  ejemplo plan de asignaturaB.  ejemplo plan de asignatura
B. ejemplo plan de asignatura
 
Diapositivas i.t.p.
Diapositivas i.t.p.Diapositivas i.t.p.
Diapositivas i.t.p.
 
Manualcarreno
ManualcarrenoManualcarreno
Manualcarreno
 

Modulo 3

  • 1. Medios tecnológicos para la didáctica Universidad de Las Américas/Octubre 2008
  • 2. Manejo de la información • Ya tenemos el fondo de la información • Ahora nos preocuparemos de la forma
  • 8. Veamos algunos ejemplos • De los 5 sitios anteriores, 3 eran locales y 2 internacionales • Todos eran de medios de comunicación (canales de televisión, diarios, web) • Sin mirar atrás, ¿recuerdan cuales eran los sitios?
  • 9. Veamos algunos ejemplos • Todos esos sitios muestran información, pero.... • Los 3 sitios nacionales se llenan de elementos distractores (los 2 otros casi no tienen publicidad, de hecho BBC no tiene) • Los 2 sitios internacionales usan fondos blancos y letras negras o azules, generando un fuerte contraste, haciendo fácil su lectura
  • 10. ¿Como vemos una página? • La organización del contenido de un sitio es sumamente relevante • Nuestra vista comienza por el tope superior moviéndose hacia abajo • Al llegar abajo, subimos en diagonal hacia la izquierda • Al estar en el punto medio de la página (en altura) y al tope izquierdo, cruzamos la vista totalmente hacia la derecha, deteniéndonos en ese punto
  • 11. ¿Como vemos una página?
  • 12. ¿Como leémos una página? • Según Jakob Nielsen es su sitio useit.com, un sitio se lee de la siguiente manera: • Leemos la parte superior con un movimiento horizontal • Luego, bajamos un poco por la página y realizamos un segundo movimiento horizontal de lectura • Finalmente leemos una columna al costado izquierdo de manera bastante lenta
  • 13. ¿Como leémos una página?
  • 14. ¿Como leémos una página?
  • 15. ¿Como leémos una página?
  • 16. ¿Como leémos una página? • Un tema importante en la web, es la extensión del texto • En la web los textos NO pueden ser más de un 30% de lo que escribiríamos en un diario o revista • El poder de síntesis, y una comunicación clara y directa son fundamentales
  • 17. ¿Como leémos una página? • En el caso de una presentación, seguimos el siguiente esquema, la regla del 10, 20 y 30 • 10 láminas • 20 minutos de presentación • Letra no menos a 30 • Si pudimos seguir esa regla, nuestra presentación será captada en un 100%
  • 18. Veamos ejemplos • Del sitio usando.info de Juan Carlos Camus, veamos un análisis de las portadas de España campeón de la Eurocopa
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. Resumen • Las portadas más interesantes son las que ofrecen en una sola vista toda la información relevante: • Imagen destacada (foto al ancho de pantalla) • Título significativo y emotivo • Detalles relevantes (marcador) • Oferta de contenidos • Presentación gráfica acorde
  • 29. ¿Para que todo esto? • Dentro de las cuentas abiertas por ustedes, hay una de Wordpress, que es su blog y donde deben ir enlazando todo su trabajo • Wordpress cuenta con muchos sitios de Templates o Skins que nos cambian el como se ve nuestro sitio • Tomando en cuenta lo anterior, busquen y escojan un Template que cumpla con todo lo anterior