SlideShare ist ein Scribd-Unternehmen logo
1 von 49
Downloaden Sie, um offline zu lesen
Componentes de
la Arquitectura
de Información.
Sistemas de etiquetado.


Mtro. Omar Sosa Tzec.

Lic. en Diseño de Interacción.
Universidad Iberoamericana Campus Puebla.

http://www.tzek-design.com/blog
Sistemas de       Sistemas de
                                organización.      etiquetado.




                                 Sistemas de       Sistemas de
                                 navegación.        Búsqueda.




Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.
Variedad de etiquetas:




                                        Etiquetas                    Etiquetas
                                        textuales.                   icónicas.




Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.
Instancias de etiquetas textuales en interfaces web:




                                                       Ligas
                                                   contextuales.


                                   Términos
                                                             Encabezados.
                                    índices.

                                                   Opciones de
                                                   sistemas de
                                                   navegación.



Information Architecture for the World Wide Web.
Peter Morville and Louis Rosenfeld.
O’Reilly. 2006.
Etiquetas como
ligas en contexto.
¿Cómo seleccionar una palabra
para convertirse en liga?
                   ¿Del contenido se determina
                   la forma de la etiqueta?

                   ¿Qué pasa si la palabra/
                   etiqueta no es representativa
                   pero necesaria?

                   ¿Cómo anticipar esta toma
                   de decisiones?
Etiquetas como
encabezados.
¿Cómo influye el tamaño del
texto en la jerarquía?
¿Cómo influye la sangría?
 * Indentar es un anglicismo.
¿Cómo afectan los encabezados
a la navegación de contenido?
Etiquetas dentro de
los sistemas de navegación.
¿Verbo o sustantivo?

¿O pregunta?

¿Cuándo uno y
cuándo el otro?
Etiquetas como
términos índice.
Palabras clave.

Metadatos descriptivos.

Taxonomías.

Vocabularios controlados.

Tesauros.
http://openthes-es.berlios.de/
http://www.visualthesaurus.com/
¿Cómo usar este tipo de
herramientas?

¿Qué beneficios brindan?

¿Cómo implementarlas?
Etiquetas de
íconos.
Dinámica.
* Esta tarea es en tríos.

* Sal a observar algo fuera del salón (15 minutos
máximo), puede ser un objeto, un “sistema” o un grupo
de personas y sus interacciones. El criterio de selección
es que lo observado será complejo en información (es
decir, puede extraerse/decirse mucha información).

* El tiempo máximo de observación es de 15 minutos, en
los cuales apuntarás lo que consideres relevante en
información (i.e. qué caracteriza a lo observado).
Regresa al salón con tu equipo. Vamos a suponer que se
necesita crear un objeto de diseño informativo e
informático sobre dicho objeto ( una aplicación de
iPhone, una página web, una aplicación de escritorio, un
interactivo multimedia, etc).

  * Nota: No es válido bocetar el producto de diseño.
1. Si la información de lo observado se pudiera
establecer en grandes categorías, ¿cuáles serían?

2. Y dentro de cada grande bloque informativo, ¿cuáles
serían los chunks de información que aparecerían
dentro de cada uno?

  2.1. Especifica cuántos chunks informativos habría,
  qué tipo de textos o imágenes incluirían.

3. Piensa, ¿quién sería el usuario? ¿Para que serviría
usar el producto de diseño?
4. Con los puntos 1, 2 y 3. Crea un sistema de etiquetado
que sea consistente con el entendimiento del usuario
meta y con la información del contenido.

  4.1. ¿Cuáles son los nombres para las grandes
  secciones navegables? (Conforma el menú de
  navegación global).

  4.2. Busca en un tesauro palabras relacionadas con
  las etiquetas que se van a aplicar como menú de
  navegación global.

  4.3. Define una plantilla de metadatos que aplicarían
  para cada sección y su vocabulario controlado.
5. Sólo en este momento, cada equipo realice una
presentación en papel (no bocetos, sólo texto y
esquemas de ejemplo) que muestre:

  * Qué observaron, su análisis y cómo la necesidades
  de un usuario potencial afectaron en la organización.

  * El mapa de navegación (con la navegación global).

  * Especificar y mostrar un par de ejemplos de cómo
  quedaría el etiquetado para cada sección (explicar
  cómo tomaron decisiones).

  * La plantilla de metadatos para cada sección y
  explica cómo la conformaste y cómo decidió tu equipo
  definir su vocabulario controlado. ¿Qué utilidad
  tendría en este proyecto?
Gracias.




* Presentación con fines didácticos sin lucro.
Imágenes y textos son propiedad de sus autores.

Weitere ähnliche Inhalte

Ähnlich wie Sistemas de Etiquetado

Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...
Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...
Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...SemanticWebBuilder
 
Sistemas de Organización
Sistemas de OrganizaciónSistemas de Organización
Sistemas de OrganizaciónOmar Sosa-Tzec
 
Sistemas de Recomendación de Información - Web Semáctica
Sistemas de Recomendación de Información - Web SemácticaSistemas de Recomendación de Información - Web Semáctica
Sistemas de Recomendación de Información - Web Semácticamartinp
 
Web semantica y ontologias
Web semantica y ontologiasWeb semantica y ontologias
Web semantica y ontologiasVane Erraez
 
Programación orientada a la semántica
Programación orientada a la semántica  Programación orientada a la semántica
Programación orientada a la semántica SemanticWebBuilder
 
El manejo de la información, nuevos y
El manejo de la información, nuevos yEl manejo de la información, nuevos y
El manejo de la información, nuevos yZaida Martinez
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitalesIsaías Reyes
 
Red semantica en la+web
Red semantica en la+webRed semantica en la+web
Red semantica en la+webrccmaria
 
Red+semantica+en+la+web
Red+semantica+en+la+webRed+semantica+en+la+web
Red+semantica+en+la+webJohannaLizette
 
Arquitectura de la informacion
Arquitectura de la informacion Arquitectura de la informacion
Arquitectura de la informacion gina
 
TecnologíAs Y Herramientas De La Web SemáNtica
TecnologíAs Y Herramientas De La Web SemáNticaTecnologíAs Y Herramientas De La Web SemáNtica
TecnologíAs Y Herramientas De La Web SemáNticaJavier Capa
 
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...Mundo Contact
 
Web semantica amt
Web semantica amtWeb semantica amt
Web semantica amt242011
 

Ähnlich wie Sistemas de Etiquetado (20)

Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...
Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...
Desarrollo orientado a la semántica - Encuentro de la Industria en el Tecnoló...
 
Sistemas de Organización
Sistemas de OrganizaciónSistemas de Organización
Sistemas de Organización
 
Ontología cis
Ontología cisOntología cis
Ontología cis
 
Tirds
TirdsTirds
Tirds
 
Universidad
UniversidadUniversidad
Universidad
 
Sistemas de Recomendación de Información - Web Semáctica
Sistemas de Recomendación de Información - Web SemácticaSistemas de Recomendación de Información - Web Semáctica
Sistemas de Recomendación de Información - Web Semáctica
 
Web semantica y ontologias
Web semantica y ontologiasWeb semantica y ontologias
Web semantica y ontologias
 
Programación orientada a la semántica
Programación orientada a la semántica  Programación orientada a la semántica
Programación orientada a la semántica
 
El manejo de la información, nuevos y
El manejo de la información, nuevos yEl manejo de la información, nuevos y
El manejo de la información, nuevos y
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
 
Ontología
OntologíaOntología
Ontología
 
Red semantica en la+web
Red semantica en la+webRed semantica en la+web
Red semantica en la+web
 
Red+semantica+en+la+web
Red+semantica+en+la+webRed+semantica+en+la+web
Red+semantica+en+la+web
 
Arquitectura de la informacion
Arquitectura de la informacion Arquitectura de la informacion
Arquitectura de la informacion
 
Web semantica (2)
Web semantica (2)Web semantica (2)
Web semantica (2)
 
TecnologíAs Y Herramientas De La Web SemáNtica
TecnologíAs Y Herramientas De La Web SemáNticaTecnologíAs Y Herramientas De La Web SemáNtica
TecnologíAs Y Herramientas De La Web SemáNtica
 
Como funciona la web
Como funciona la webComo funciona la web
Como funciona la web
 
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
 
Ti036 caso practico
Ti036  caso practicoTi036  caso practico
Ti036 caso practico
 
Web semantica amt
Web semantica amtWeb semantica amt
Web semantica amt
 

Mehr von Omar Sosa-Tzec

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceOmar Sosa-Tzec
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignOmar Sosa-Tzec
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec
 
Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceOmar Sosa-Tzec
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceOmar Sosa-Tzec
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureOmar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 

Mehr von Omar Sosa-Tzec (20)

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and Place
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as Arguments
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual references
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delight
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience Design
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience Design
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction Flows
 
Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction Design
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User Experience
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User Experience
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
 

Kürzlich hochgeladen

guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdfclase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdfFABIOANDRESPALLARESP
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 

Kürzlich hochgeladen (20)

guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdfclase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 

Sistemas de Etiquetado

  • 1. Componentes de la Arquitectura de Información. Sistemas de etiquetado. Mtro. Omar Sosa Tzec. Lic. en Diseño de Interacción. Universidad Iberoamericana Campus Puebla. http://www.tzek-design.com/blog
  • 2. Sistemas de Sistemas de organización. etiquetado. Sistemas de Sistemas de navegación. Búsqueda. Information Architecture for the World Wide Web. Peter Morville and Louis Rosenfeld. O’Reilly. 2006.
  • 3. Variedad de etiquetas: Etiquetas Etiquetas textuales. icónicas. Information Architecture for the World Wide Web. Peter Morville and Louis Rosenfeld. O’Reilly. 2006.
  • 4. Instancias de etiquetas textuales en interfaces web: Ligas contextuales. Términos Encabezados. índices. Opciones de sistemas de navegación. Information Architecture for the World Wide Web. Peter Morville and Louis Rosenfeld. O’Reilly. 2006.
  • 6.
  • 7.
  • 8.
  • 9. ¿Cómo seleccionar una palabra para convertirse en liga? ¿Del contenido se determina la forma de la etiqueta? ¿Qué pasa si la palabra/ etiqueta no es representativa pero necesaria? ¿Cómo anticipar esta toma de decisiones?
  • 11.
  • 12.
  • 13. ¿Cómo influye el tamaño del texto en la jerarquía?
  • 14.
  • 15. ¿Cómo influye la sangría? * Indentar es un anglicismo.
  • 16.
  • 17. ¿Cómo afectan los encabezados a la navegación de contenido?
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. Etiquetas dentro de los sistemas de navegación.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. ¿Verbo o sustantivo? ¿O pregunta? ¿Cuándo uno y cuándo el otro?
  • 33.
  • 38. ¿Cómo usar este tipo de herramientas? ¿Qué beneficios brindan? ¿Cómo implementarlas?
  • 40.
  • 41.
  • 42.
  • 43.
  • 44. Dinámica. * Esta tarea es en tríos. * Sal a observar algo fuera del salón (15 minutos máximo), puede ser un objeto, un “sistema” o un grupo de personas y sus interacciones. El criterio de selección es que lo observado será complejo en información (es decir, puede extraerse/decirse mucha información). * El tiempo máximo de observación es de 15 minutos, en los cuales apuntarás lo que consideres relevante en información (i.e. qué caracteriza a lo observado).
  • 45. Regresa al salón con tu equipo. Vamos a suponer que se necesita crear un objeto de diseño informativo e informático sobre dicho objeto ( una aplicación de iPhone, una página web, una aplicación de escritorio, un interactivo multimedia, etc). * Nota: No es válido bocetar el producto de diseño.
  • 46. 1. Si la información de lo observado se pudiera establecer en grandes categorías, ¿cuáles serían? 2. Y dentro de cada grande bloque informativo, ¿cuáles serían los chunks de información que aparecerían dentro de cada uno? 2.1. Especifica cuántos chunks informativos habría, qué tipo de textos o imágenes incluirían. 3. Piensa, ¿quién sería el usuario? ¿Para que serviría usar el producto de diseño?
  • 47. 4. Con los puntos 1, 2 y 3. Crea un sistema de etiquetado que sea consistente con el entendimiento del usuario meta y con la información del contenido. 4.1. ¿Cuáles son los nombres para las grandes secciones navegables? (Conforma el menú de navegación global). 4.2. Busca en un tesauro palabras relacionadas con las etiquetas que se van a aplicar como menú de navegación global. 4.3. Define una plantilla de metadatos que aplicarían para cada sección y su vocabulario controlado.
  • 48. 5. Sólo en este momento, cada equipo realice una presentación en papel (no bocetos, sólo texto y esquemas de ejemplo) que muestre: * Qué observaron, su análisis y cómo la necesidades de un usuario potencial afectaron en la organización. * El mapa de navegación (con la navegación global). * Especificar y mostrar un par de ejemplos de cómo quedaría el etiquetado para cada sección (explicar cómo tomaron decisiones). * La plantilla de metadatos para cada sección y explica cómo la conformaste y cómo decidió tu equipo definir su vocabulario controlado. ¿Qué utilidad tendría en este proyecto?
  • 49. Gracias. * Presentación con fines didácticos sin lucro. Imágenes y textos son propiedad de sus autores.