SlideShare ist ein Scribd-Unternehmen logo
1 von 57
Downloaden Sie, um offline zu lesen
taller 6
                la información como fundamento del diseño web




                      taller_media
miércoles 17 de agosto de 2011
La organización
                como herramienta
                para evitar caos de
                información



miércoles 17 de agosto de 2011
referencias




               funcionalidad sobre la estética en proyectos de
               diseño

                                                             Sutnar
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
diseño de la
                  información
                  organizar y no solo maquillar



miércoles 17 de agosto de 2011
analizar, organizar, entender,
                                                 solucionar y diseñar, y su
                                                 principal objetivo es la
                                                 traducción de información
                                                 compleja, datos no
                                                 organizados ni
                                                 estructurados, en
                                                 información con sentido y de
                                                 fácil acceso.
     Robert Waller
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
referencias




     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
la información es
                compleja



miércoles 17 de agosto de 2011
diseño de                              visualización
      información                            de datos        extraer las ideas
                                                             principales y organizarlas
                                                             visualmente de forma
                                                             que se evidencien con
                                                             mayor claridad nuevas
                                                             relaciones, puntos de
                                                             vista y posibles
                                                             soluciones.
                            mapping
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
usabilidad



      diseño de                              visualización
      información                            de datos




     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
comunicar eficiente y
              efectivamente por sobre
              una gráfica atractiva y
              sin fundamentos


miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
el mensaje se debe de
                considerar siempre en su
                ambiente



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
proceso

miércoles 17 de agosto de 2011
definición
                planeación
                modelado



miércoles 17 de agosto de 2011
definición
                planeación
                modelado         }   proyecto


miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
organización
             de la
       información               }   proyecto


miércoles 17 de agosto de 2011
organización
             de la
       información               }   mapas
                                     conceptuales



miércoles 17 de agosto de 2011
Son una herramienta para
       representar y comparar
                conocimiento.
                                 }   mapas
                                     conceptuales



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
Estrategia para
         representar significados
        conceptuales de manera
             gráfica, jerárquica y
                         racional.   }   mapas
                                         conceptuales



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
entender la situación,
                  analizar el contenido
                            a visualizar
                                           }   mapas
                                               conceptuales



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
ordenar y estructurar
               los componentes del
             contenido previamente
                     seleccionados
                       y analizados    }   mapas
                                           conceptuales



miércoles 17 de agosto de 2011
Elementos
            Constitutivos        }   mapas
                                     conceptuales



miércoles 17 de agosto de 2011
con
  cep
  tos
                                                 PALABRAS QUE
                                                 EXPRESAN O DESIGNAN
                                                 UNA IDEA O UN HECHO


     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
con des
  cep crip
  tos to
      res
                                                 ELEMENTOS QUE UNEN
                                                 DOS CONCEPTOS



     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
con des pro
  cep crip posi
  tos to   cio
      res nes                                    DOS
                                                 CONCEPTOS
                                                 UNIDOS POR
                                                 UN ELEMENTO
                                                 DESCRIPTOR
                                                 COMO UNA
                                                 UNIDAD
                                                 SEMÁNTICA
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
a considerar

miércoles 17 de agosto de 2011
Los conceptos más inclusivos,
     deben aparecer primero que los
         conceptos más específicos,
     integrándolos progresivamente.   }   jerarquía



miércoles 17 de agosto de 2011
Los conceptos deben de
          representar una estructura
    informativa del tema que se está
                           tratando.   }   significati
                                           vidad



miércoles 17 de agosto de 2011
Buscar información e identificar
       las palabras que expresan las
                   ideas principales.
                                        }
                                        considerar
                                        un
                                        método


miércoles 17 de agosto de 2011
Relacionar las palabras
                seleccionadas a fin de crear
                      nodos de información.
                                               }
                                               crear una
                                               relación



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
infografías
                  gráfica informativa




miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
LAS PALABRAS
                SEPARAN
                LAS IMÁGENES UNEN



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
SIGNIFICADO DE
                LA INFORMACIÓN
                DESTACAR LO
                IMPORTANTE



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
SIGNIFICADO DE
                LA INFORMACIÓN
                visualización agradable



miércoles 17 de agosto de 2011
taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
encargo 2
                mapa conceptual



miércoles 17 de agosto de 2011
En razón de los problemas
                                                 de usabilidad detectados por
                                                 ustedes mismos en los
                                                 análisis realizados, procesar
                                                 los datos para crear un mapa
                                                 conceptual, ordenando,
                                                 filtrando y contextualizando
                                                 la información para así
                                                 jerarquizar.
     mapa conceptual
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
Revisar cuales son las
                                                 condiciones comunes en
                                                 cada una de las
                                                 exposiciones, como se
                                                 pueden relacionar, como se
                                                 conectan, cuales son los
                                                 criterios de ordenamiento a
     mapa conceptual                             nivel de curso
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011
entrega:
                                                 Martes desarrollo de datos
                                                 y conexiones de nodos de
                                                 información

                                                 Viernes propuesta gráfica
                                                 en formato PDF tabloide
     mapa conceptual
     taller 6 - información y medios digitales
miércoles 17 de agosto de 2011

Weitere ähnliche Inhalte

Ähnlich wie DIseño de Información y mapas conceptuales (7)

Diseño de la Información
Diseño de la InformaciónDiseño de la Información
Diseño de la Información
 
Metáforas y maquetación ambiental
Metáforas y maquetación ambientalMetáforas y maquetación ambiental
Metáforas y maquetación ambiental
 
Diseño de la información y usabilidad
Diseño de la información y usabilidadDiseño de la información y usabilidad
Diseño de la información y usabilidad
 
Presentacion curso competencias digitales
Presentacion curso competencias digitalesPresentacion curso competencias digitales
Presentacion curso competencias digitales
 
Formación pdi
Formación pdiFormación pdi
Formación pdi
 
III congreso 2.0
III congreso 2.0III congreso 2.0
III congreso 2.0
 
Alfabetización informacional
Alfabetización informacionalAlfabetización informacional
Alfabetización informacional
 

Mehr von iConstruye

Examen edicion
Examen edicionExamen edicion
Examen edicion
iConstruye
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
iConstruye
 

Mehr von iConstruye (20)

Examen taller
Examen tallerExamen taller
Examen taller
 
Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado Web
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion Graphics
 
Examen imagen
Examen imagenExamen imagen
Examen imagen
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrpp
 
Examen edicion
Examen edicionExamen edicion
Examen edicion
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesign
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6
 
Filezilla
FilezillaFilezilla
Filezilla
 
Webhost
WebhostWebhost
Webhost
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto web
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la web
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptuales
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTML
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseño
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
 
Temario examen
Temario examenTemario examen
Temario examen
 

Kürzlich hochgeladen

diseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptxdiseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptx
juanleivagdf
 
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfSENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
JaredQuezada3
 
Ejemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociaciónEjemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociación
licmarinaglez
 
Presentación Final Riesgo de Crédito.pptx
Presentación Final Riesgo de Crédito.pptxPresentación Final Riesgo de Crédito.pptx
Presentación Final Riesgo de Crédito.pptx
IvnAndres5
 

Kürzlich hochgeladen (20)

Efectos del cambio climatico en huanuco.pptx
Efectos del cambio climatico en huanuco.pptxEfectos del cambio climatico en huanuco.pptx
Efectos del cambio climatico en huanuco.pptx
 
diseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptxdiseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptx
 
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdfPresentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
Presentacion III ACTIVIDADES DE CONTROL. IV UNIDAD..pdf
 
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfSENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
 
INFORMATIVO CIRCULAR FISCAL - RENTA 2023.ppsx
INFORMATIVO CIRCULAR FISCAL - RENTA 2023.ppsxINFORMATIVO CIRCULAR FISCAL - RENTA 2023.ppsx
INFORMATIVO CIRCULAR FISCAL - RENTA 2023.ppsx
 
Ejemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociaciónEjemplo Caso: El Juego de la negociación
Ejemplo Caso: El Juego de la negociación
 
MARKETING SENSORIAL CONTENIDO, KARLA JANETH
MARKETING SENSORIAL CONTENIDO, KARLA JANETHMARKETING SENSORIAL CONTENIDO, KARLA JANETH
MARKETING SENSORIAL CONTENIDO, KARLA JANETH
 
LIC-ZIEGLER-Planificación y Control de Gestión
LIC-ZIEGLER-Planificación y Control de GestiónLIC-ZIEGLER-Planificación y Control de Gestión
LIC-ZIEGLER-Planificación y Control de Gestión
 
informacion-finanTFHHETHAETHciera-2022.pdf
informacion-finanTFHHETHAETHciera-2022.pdfinformacion-finanTFHHETHAETHciera-2022.pdf
informacion-finanTFHHETHAETHciera-2022.pdf
 
Presentación Final Riesgo de Crédito.pptx
Presentación Final Riesgo de Crédito.pptxPresentación Final Riesgo de Crédito.pptx
Presentación Final Riesgo de Crédito.pptx
 
Las 10 decisiones estrategicas en administracion de operaciones
Las 10 decisiones estrategicas en administracion de operacionesLas 10 decisiones estrategicas en administracion de operaciones
Las 10 decisiones estrategicas en administracion de operaciones
 
CULTURA EN LA NEGOCIACIÓN CONCEPTOS Y DEFINICIONES
CULTURA EN LA NEGOCIACIÓN CONCEPTOS Y DEFINICIONESCULTURA EN LA NEGOCIACIÓN CONCEPTOS Y DEFINICIONES
CULTURA EN LA NEGOCIACIÓN CONCEPTOS Y DEFINICIONES
 
DELITOS CONTRA LA GESTION PUBLICA PPT.pdf
DELITOS CONTRA LA GESTION PUBLICA PPT.pdfDELITOS CONTRA LA GESTION PUBLICA PPT.pdf
DELITOS CONTRA LA GESTION PUBLICA PPT.pdf
 
INTERESES Y MULTAS DEL IMPUESTO A LA RENTA POWER POINT.pptx
INTERESES Y MULTAS DEL IMPUESTO A LA RENTA POWER POINT.pptxINTERESES Y MULTAS DEL IMPUESTO A LA RENTA POWER POINT.pptx
INTERESES Y MULTAS DEL IMPUESTO A LA RENTA POWER POINT.pptx
 
FORMAS DE TRANSPORTE EN MASA-PDF.pdf lclases
FORMAS DE TRANSPORTE EN MASA-PDF.pdf  lclasesFORMAS DE TRANSPORTE EN MASA-PDF.pdf  lclases
FORMAS DE TRANSPORTE EN MASA-PDF.pdf lclases
 
Contabilidad universitaria Septima edición de MCGrawsHill
Contabilidad universitaria Septima edición de MCGrawsHillContabilidad universitaria Septima edición de MCGrawsHill
Contabilidad universitaria Septima edición de MCGrawsHill
 
Maria_diaz.pptx mapa conceptual gerencia industral
Maria_diaz.pptx mapa conceptual   gerencia industralMaria_diaz.pptx mapa conceptual   gerencia industral
Maria_diaz.pptx mapa conceptual gerencia industral
 
EGLA CORP - Honduras Abril 27 , 2024.pptx
EGLA CORP - Honduras Abril 27 , 2024.pptxEGLA CORP - Honduras Abril 27 , 2024.pptx
EGLA CORP - Honduras Abril 27 , 2024.pptx
 
TEORÍAS DE LA MOTIVACIÓN Recursos Humanos.pptx
TEORÍAS DE LA MOTIVACIÓN Recursos Humanos.pptxTEORÍAS DE LA MOTIVACIÓN Recursos Humanos.pptx
TEORÍAS DE LA MOTIVACIÓN Recursos Humanos.pptx
 
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptxPIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
PIA MATEMATICAS FINANCIERAS SOBRE PROBLEMAS DE ANUALIDAD.pptx
 

DIseño de Información y mapas conceptuales

  • 1. taller 6 la información como fundamento del diseño web taller_media miércoles 17 de agosto de 2011
  • 2. La organización como herramienta para evitar caos de información miércoles 17 de agosto de 2011
  • 3. referencias funcionalidad sobre la estética en proyectos de diseño Sutnar taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 4. diseño de la información organizar y no solo maquillar miércoles 17 de agosto de 2011
  • 5. analizar, organizar, entender, solucionar y diseñar, y su principal objetivo es la traducción de información compleja, datos no organizados ni estructurados, en información con sentido y de fácil acceso. Robert Waller taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 6. referencias taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 7. la información es compleja miércoles 17 de agosto de 2011
  • 8. diseño de visualización información de datos extraer las ideas principales y organizarlas visualmente de forma que se evidencien con mayor claridad nuevas relaciones, puntos de vista y posibles soluciones. mapping taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 9. usabilidad diseño de visualización información de datos taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 10. comunicar eficiente y efectivamente por sobre una gráfica atractiva y sin fundamentos miércoles 17 de agosto de 2011
  • 11. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 12. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 13. el mensaje se debe de considerar siempre en su ambiente miércoles 17 de agosto de 2011
  • 14. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 15. proceso miércoles 17 de agosto de 2011
  • 16. definición planeación modelado miércoles 17 de agosto de 2011
  • 17. definición planeación modelado } proyecto miércoles 17 de agosto de 2011
  • 18. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 19. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 20. organización de la información } proyecto miércoles 17 de agosto de 2011
  • 21. organización de la información } mapas conceptuales miércoles 17 de agosto de 2011
  • 22. Son una herramienta para representar y comparar conocimiento. } mapas conceptuales miércoles 17 de agosto de 2011
  • 23. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 24. Estrategia para representar significados conceptuales de manera gráfica, jerárquica y racional. } mapas conceptuales miércoles 17 de agosto de 2011
  • 25. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 26. entender la situación, analizar el contenido a visualizar } mapas conceptuales miércoles 17 de agosto de 2011
  • 27. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 28. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 29. ordenar y estructurar los componentes del contenido previamente seleccionados y analizados } mapas conceptuales miércoles 17 de agosto de 2011
  • 30. Elementos Constitutivos } mapas conceptuales miércoles 17 de agosto de 2011
  • 31. con cep tos PALABRAS QUE EXPRESAN O DESIGNAN UNA IDEA O UN HECHO taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 32. con des cep crip tos to res ELEMENTOS QUE UNEN DOS CONCEPTOS taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 33. con des pro cep crip posi tos to cio res nes DOS CONCEPTOS UNIDOS POR UN ELEMENTO DESCRIPTOR COMO UNA UNIDAD SEMÁNTICA taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 34. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 35. a considerar miércoles 17 de agosto de 2011
  • 36. Los conceptos más inclusivos, deben aparecer primero que los conceptos más específicos, integrándolos progresivamente. } jerarquía miércoles 17 de agosto de 2011
  • 37. Los conceptos deben de representar una estructura informativa del tema que se está tratando. } significati vidad miércoles 17 de agosto de 2011
  • 38. Buscar información e identificar las palabras que expresan las ideas principales. } considerar un método miércoles 17 de agosto de 2011
  • 39. Relacionar las palabras seleccionadas a fin de crear nodos de información. } crear una relación miércoles 17 de agosto de 2011
  • 40. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 41. infografías gráfica informativa miércoles 17 de agosto de 2011
  • 42. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 43. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 44. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 45. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 46. LAS PALABRAS SEPARAN LAS IMÁGENES UNEN miércoles 17 de agosto de 2011
  • 47. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 48. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 49. SIGNIFICADO DE LA INFORMACIÓN DESTACAR LO IMPORTANTE miércoles 17 de agosto de 2011
  • 50. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 51. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 52. SIGNIFICADO DE LA INFORMACIÓN visualización agradable miércoles 17 de agosto de 2011
  • 53. taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 54. encargo 2 mapa conceptual miércoles 17 de agosto de 2011
  • 55. En razón de los problemas de usabilidad detectados por ustedes mismos en los análisis realizados, procesar los datos para crear un mapa conceptual, ordenando, filtrando y contextualizando la información para así jerarquizar. mapa conceptual taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 56. Revisar cuales son las condiciones comunes en cada una de las exposiciones, como se pueden relacionar, como se conectan, cuales son los criterios de ordenamiento a mapa conceptual nivel de curso taller 6 - información y medios digitales miércoles 17 de agosto de 2011
  • 57. entrega: Martes desarrollo de datos y conexiones de nodos de información Viernes propuesta gráfica en formato PDF tabloide mapa conceptual taller 6 - información y medios digitales miércoles 17 de agosto de 2011