SlideShare una empresa de Scribd logo
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.

Más contenido relacionado

Similar a 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ón
Omar Sosa-Tzec
 
Ontología cis
Ontología cisOntología cis
Ontología cis
Jairo Banda
 
Tirds
TirdsTirds
Universidad
UniversidadUniversidad
Universidad
RICARDO MORAN
 
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
martinp
 
Web semantica y ontologias
Web semantica y ontologiasWeb semantica y ontologias
Web semantica y ontologias
Vane 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 y
Zaida Martinez
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
Isaías Reyes
 
Ontología
OntologíaOntología
Ontología
Juan Emiliano Jara
 
Red semantica en la+web
Red semantica en la+webRed semantica en la+web
Red semantica en la+web
rccmaria
 
Red+semantica+en+la+web
Red+semantica+en+la+webRed+semantica+en+la+web
Red+semantica+en+la+web
JohannaLizette
 
Arquitectura de la informacion
Arquitectura de la informacion Arquitectura de la informacion
Arquitectura de la informacion
gina
 
Web semantica (2)
Web semantica (2)Web semantica (2)
Web semantica (2)
Rossy Faican Cango
 
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
Javier Capa
 
Como funciona la web
Como funciona la webComo funciona la web
Como funciona la web
Facultad de Ciencias y Sistemas
 
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
 
Ti036 caso practico
Ti036  caso practicoTi036  caso practico
Ti036 caso practico
Valentina Roca
 
Web semantica amt
Web semantica amtWeb semantica amt
Web semantica amt
242011
 

Similar a 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
 

Más de 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 Place
Omar 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 Microinteractions
Omar 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 Arguments
Omar 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 Interfaces
Omar 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 references
Omar 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 Interface
Omar 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 delight
Omar 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 Design
Omar 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 Design
Omar 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 Flows
Omar 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 Design
Omar 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 Experience
Omar 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 Experience
Omar Sosa-Tzec
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
Omar 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-Computadora
Omar Sosa-Tzec
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
Omar Sosa-Tzec
 

Más de 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
 

Último

EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
raulvedia2
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
carlosarmandocoronas
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
AMADO SALVADOR
 
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdfATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ManuelHuanca5
 
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDASANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
GyHConsGenerales
 
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GersonManuelRodrigue1
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
Brbara57940
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
CarlitaChirito
 
comunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptxcomunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptx
RAPHAELENRIQUEVALERO
 
Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
DougliannyGarcia
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
uriolmedinan
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Rubi Caballero pizarro
 
Guia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancasGuia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancas
Akutagawa MiAmor
 
Arquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. NfndndndnsnsnsnsArquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. Nfndndndnsnsnsns
agudoitzel942
 
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
cristianhenzi1
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
JoseJhonyAncajimaAnc
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
JesusFlores151669
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
lucianolinovalle
 
Guia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdfGuia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdf
lunamaiguare
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
worldmusic00
 

Último (20)

EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
 
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdfATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
 
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDASANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
 
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
 
comunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptxcomunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptx
 
Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
 
Guia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancasGuia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancas
 
Arquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. NfndndndnsnsnsnsArquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. Nfndndndnsnsnsns
 
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
 
Guia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdfGuia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdf
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
 

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.