SlideShare une entreprise Scribd logo
1  sur  17
ARQUITECTURA DE INFORMACION ,[object Object],[object Object],[object Object],[object Object],[object Object],Por Hector Castelblanco [email_address]
ARQUITECTURA DE INFORMACION TEMAS •  ¿Que es la experiencia de usuario? •  ¿Como se diseña la experiencia de usuario? •  ¿Qué es la arquitectura  de información? •  Diseño de información aplicado a proyectos web?
Experiencia del usuario ARQUITECTURA DE INFORMACION
ARQUITECTURA DE INFORMACION
ARQUITECTURA DE INFORMACION
ARQUITECTURA DE INFORMACION
ARQUITECTURA DE INFORMACION Aspectos visuales: Estética, entradas y respuestas. Técnicas de interacción Organización del menú, organización de botones... Programación Elementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.
¿Qué es la experiencia de usuario? The elements of user experience J.J. Garrett 2002 La web fue originalmente concebida cono un espacio de información hipertextual. El desarrollo de tecnologías cada vez más sofisticadas la han convertido a nivel del uso, en una interfaz remota de software.  ARQUITECTURA DE INFORMACION La  ESTRATEGIA  es donde todo comienza. ¿Cuales son los objetivos del sitio web? ¿Cuáles son las necesidades de nuestros usuarios? El  ALCANCE  convierte la estrategia en requerimientos. ¿Qué elementos funcionales y de contenido se requieren para satisfacer a los usuarios? La  ESTRUCTURA  da forma al alcance. ¿Cómo están articuladas y se comportan entre sí las diferentes piezas del sitio web? El  ESQUELETO  hace la estructura concreta. ¿Que componentes permiten a los usuarios interactuar con el sitio web? La  SUPERFICIE  reúne todo junto visualmente. ¿Cómo se ve y se siente el producto terminado?
ARQUITECTURA DE INFORMACION Construyendo de abajo para arriba Estos cinco planos proveen un marco conceptual para hablar de los problemas de la experiencia de usuario y proveen las herramientas para resolverlos. Las decisiones tomadas en un plano afectan las decisiones posibles en los planos superiores Este efecto dominó demuestra que para tomar una decision fuera de alcance en un plano superior debemos replantear las decisiones de los planos inferiores.
Construyendo de abajo para arriba No podemos ponerle el techo a la casa sin haber colocado antes los cimientos. Acabar TODO el trabajo requerido en cada plano antes de empezar el siguiente puede conducir a resultados no satisfactorios. Un mejor enfoque es empezar a trabajar en cada etapa antes de que la anterior haya concluido. ARQUITECTURA DE INFORMACION
¿Qué es la arquitectura de  información? The elements of user experience J.J. Garrett 2002 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],El Instituto AIfIA usa una definición múltiple: El diseño estructural de ambientes de información compartidos. El arte y ciencia de organizar y rotular sitios web, intranets, comunidades en-línea y software para soportar la usabilidad y la encontrabilidad. Una emergente comunidad de práctica enfocada en traer principios del diseño y la arquitectura al paisaje digital. ARQUITECTURA DE INFORMACION
Historia del diseño de información ARQUITECTURA DE INFORMACION
Diseño de información aplicado al desarrollo de proyectos web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ARQUITECTURA DE INFORMACION
Diseño de información aplicado al desarrollo de proyectos web Se indican las areas tematicas, los derechos de acceso. Las paginas que contienen enlaces globales y tiras publicitarias estan señaladas. ARQUITECTURA DE INFORMACION
Diseño de información aplicado al desarrollo de proyectos web ,[object Object],[object Object],ARQUITECTURA DE INFORMACION
Diseño de información aplicado al desarrollo de proyectos web PERIODICO EN LINEA Grafico que indica la publicacion de articulos por parte de los usuarios y su revision y aprobacion por los editores. ARQUITECTURA DE INFORMACION
ARQUITECTURA DE INFORMACION MUCHAS GRACIAS

Contenu connexe

Tendances

La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseñoBrandi Minaya
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas websara paredes
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front endDavid Hurtado
 
Metología para la creación de sitios web
Metología para la creación de sitios webMetología para la creación de sitios web
Metología para la creación de sitios webLeocadio Cruz Garcia
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013IOMarketing
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
Diseño y manejo de paginas web
Diseño y manejo de paginas webDiseño y manejo de paginas web
Diseño y manejo de paginas webKevin Arteaga
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina webandersond88
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experienceOveralia
 
Angie lorena
Angie lorena Angie lorena
Angie lorena angie2530
 
Posicionamiento en buscadores
Posicionamiento en buscadoresPosicionamiento en buscadores
Posicionamiento en buscadoresWorköholics
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,debertany2326
 

Tendances (20)

La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Metología para la creación de sitios web
Metología para la creación de sitios webMetología para la creación de sitios web
Metología para la creación de sitios web
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
Diseo web
Diseo webDiseo web
Diseo web
 
Diseño y manejo de paginas web
Diseño y manejo de paginas webDiseño y manejo de paginas web
Diseño y manejo de paginas web
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
 
User experience design
User experience designUser experience design
User experience design
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
Tipos de plataforma web
Tipos de plataforma webTipos de plataforma web
Tipos de plataforma web
 
computación
computación computación
computación
 
Angie lorena
Angie lorena Angie lorena
Angie lorena
 
Posicionamiento en buscadores
Posicionamiento en buscadoresPosicionamiento en buscadores
Posicionamiento en buscadores
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,deber
 
IDA Workshop #1 Arquitectura de Información
IDA Workshop #1 Arquitectura de InformaciónIDA Workshop #1 Arquitectura de Información
IDA Workshop #1 Arquitectura de Información
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 

En vedette

INNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZAN
INNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZANINNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZAN
INNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZANUniversité Saint Joseph de Beyrouth
 
OpenERP: El ecosistema de negocios
OpenERP: El ecosistema de negociosOpenERP: El ecosistema de negocios
OpenERP: El ecosistema de negociosAlexandro Colorado
 
WP-4_2016_Guillet_Huber_Ravazzini_Suter
WP-4_2016_Guillet_Huber_Ravazzini_SuterWP-4_2016_Guillet_Huber_Ravazzini_Suter
WP-4_2016_Guillet_Huber_Ravazzini_SuterJohanna Clara Huber
 
Feliz día a todas las madres
Feliz día a todas las madresFeliz día a todas las madres
Feliz día a todas las madresMarlene Muñoz
 
Développement d'une identité de marque pour les rhums karukéra
Développement d'une identité de marque pour les rhums karukéraDéveloppement d'une identité de marque pour les rhums karukéra
Développement d'une identité de marque pour les rhums karukéraH-design
 
Ordinateur
OrdinateurOrdinateur
Ordinateurlyago
 
Boletin Murga De La Estacion Pdf
Boletin Murga De La Estacion PdfBoletin Murga De La Estacion Pdf
Boletin Murga De La Estacion PdfPatricia Bertolotti
 
Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...
Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...
Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...PERE MARQUES
 
Chevaux 2
Chevaux 2Chevaux 2
Chevaux 2lyago
 
Press Book Bucarest Ok Comprimido
Press Book Bucarest Ok ComprimidoPress Book Bucarest Ok Comprimido
Press Book Bucarest Ok Comprimidoblogcomunicacion
 
Cobertura Periodística con ayuda de Redes Sociales
Cobertura Periodística con ayuda de Redes SocialesCobertura Periodística con ayuda de Redes Sociales
Cobertura Periodística con ayuda de Redes SocialesRonny Isuiz
 

En vedette (20)

INNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZAN
INNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZANINNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZAN
INNOV - Le site USJ des pratiques innovantes d'enseignement - Stéphane BAZAN
 
Totagp
TotagpTotagp
Totagp
 
Nochevieja2012
Nochevieja2012Nochevieja2012
Nochevieja2012
 
Aurelio arturo
Aurelio arturoAurelio arturo
Aurelio arturo
 
OpenERP: El ecosistema de negocios
OpenERP: El ecosistema de negociosOpenERP: El ecosistema de negocios
OpenERP: El ecosistema de negocios
 
WP-4_2016_Guillet_Huber_Ravazzini_Suter
WP-4_2016_Guillet_Huber_Ravazzini_SuterWP-4_2016_Guillet_Huber_Ravazzini_Suter
WP-4_2016_Guillet_Huber_Ravazzini_Suter
 
Carteler a -
Carteler a -Carteler a -
Carteler a -
 
Feliz día a todas las madres
Feliz día a todas las madresFeliz día a todas las madres
Feliz día a todas las madres
 
Bach n.2 courante
Bach n.2   couranteBach n.2   courante
Bach n.2 courante
 
Les médias sociaux intégrés (2012)
Les médias sociaux intégrés (2012)Les médias sociaux intégrés (2012)
Les médias sociaux intégrés (2012)
 
Element 1
Element 1Element 1
Element 1
 
Développement d'une identité de marque pour les rhums karukéra
Développement d'une identité de marque pour les rhums karukéraDéveloppement d'une identité de marque pour les rhums karukéra
Développement d'une identité de marque pour les rhums karukéra
 
Hébreux11
Hébreux11Hébreux11
Hébreux11
 
Ordinateur
OrdinateurOrdinateur
Ordinateur
 
Boletin Murga De La Estacion Pdf
Boletin Murga De La Estacion PdfBoletin Murga De La Estacion Pdf
Boletin Murga De La Estacion Pdf
 
Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...
Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...
Recerca SCP: Millora dels resultats acadèmics amb el curriculum bimodal (juny...
 
Presentation husseini-original
Presentation   husseini-originalPresentation   husseini-original
Presentation husseini-original
 
Chevaux 2
Chevaux 2Chevaux 2
Chevaux 2
 
Press Book Bucarest Ok Comprimido
Press Book Bucarest Ok ComprimidoPress Book Bucarest Ok Comprimido
Press Book Bucarest Ok Comprimido
 
Cobertura Periodística con ayuda de Redes Sociales
Cobertura Periodística con ayuda de Redes SocialesCobertura Periodística con ayuda de Redes Sociales
Cobertura Periodística con ayuda de Redes Sociales
 

Similaire à Arquitectura de la Información

¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?Sergio Majluf
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónDany Lpz
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la informacióniConstruye
 
Introducción a la Arquitectura de la Información
Introducción a la Arquitectura de la InformaciónIntroducción a la Arquitectura de la Información
Introducción a la Arquitectura de la InformaciónPablo Hamada
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la InformaciónXimena Tabares
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónnatalymoreno08
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónCesar Salazar
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioLuis Carlos Aceves
 
Arquitectura de información para los no arquitectos
Arquitectura de información para los no arquitectosArquitectura de información para los no arquitectos
Arquitectura de información para los no arquitectosUX Nights
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3Miguel Tortello
 
Mexital Id
Mexital IdMexital Id
Mexital IdEbitcode
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web Appuneve
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdfSandra Milena
 

Similaire à Arquitectura de la Información (20)

¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la información
 
Introducción a la Arquitectura de la Información
Introducción a la Arquitectura de la InformaciónIntroducción a la Arquitectura de la Información
Introducción a la Arquitectura de la Información
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementación
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuario
 
Día internacional de Arquitectura de información
Día internacional de Arquitectura de informaciónDía internacional de Arquitectura de información
Día internacional de Arquitectura de información
 
Arquitectura de información para los no arquitectos
Arquitectura de información para los no arquitectosArquitectura de información para los no arquitectos
Arquitectura de información para los no arquitectos
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Arquitectura
ArquitecturaArquitectura
Arquitectura
 
Mexital Id
Mexital IdMexital Id
Mexital Id
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Validation Onion
Validation OnionValidation Onion
Validation Onion
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdf
 

Dernier

GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 

Dernier (20)

GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 

Arquitectura de la Información

  • 1.
  • 2. ARQUITECTURA DE INFORMACION TEMAS • ¿Que es la experiencia de usuario? • ¿Como se diseña la experiencia de usuario? • ¿Qué es la arquitectura de información? • Diseño de información aplicado a proyectos web?
  • 3. Experiencia del usuario ARQUITECTURA DE INFORMACION
  • 7. ARQUITECTURA DE INFORMACION Aspectos visuales: Estética, entradas y respuestas. Técnicas de interacción Organización del menú, organización de botones... Programación Elementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.
  • 8. ¿Qué es la experiencia de usuario? The elements of user experience J.J. Garrett 2002 La web fue originalmente concebida cono un espacio de información hipertextual. El desarrollo de tecnologías cada vez más sofisticadas la han convertido a nivel del uso, en una interfaz remota de software. ARQUITECTURA DE INFORMACION La ESTRATEGIA es donde todo comienza. ¿Cuales son los objetivos del sitio web? ¿Cuáles son las necesidades de nuestros usuarios? El ALCANCE convierte la estrategia en requerimientos. ¿Qué elementos funcionales y de contenido se requieren para satisfacer a los usuarios? La ESTRUCTURA da forma al alcance. ¿Cómo están articuladas y se comportan entre sí las diferentes piezas del sitio web? El ESQUELETO hace la estructura concreta. ¿Que componentes permiten a los usuarios interactuar con el sitio web? La SUPERFICIE reúne todo junto visualmente. ¿Cómo se ve y se siente el producto terminado?
  • 9. ARQUITECTURA DE INFORMACION Construyendo de abajo para arriba Estos cinco planos proveen un marco conceptual para hablar de los problemas de la experiencia de usuario y proveen las herramientas para resolverlos. Las decisiones tomadas en un plano afectan las decisiones posibles en los planos superiores Este efecto dominó demuestra que para tomar una decision fuera de alcance en un plano superior debemos replantear las decisiones de los planos inferiores.
  • 10. Construyendo de abajo para arriba No podemos ponerle el techo a la casa sin haber colocado antes los cimientos. Acabar TODO el trabajo requerido en cada plano antes de empezar el siguiente puede conducir a resultados no satisfactorios. Un mejor enfoque es empezar a trabajar en cada etapa antes de que la anterior haya concluido. ARQUITECTURA DE INFORMACION
  • 11.
  • 12. Historia del diseño de información ARQUITECTURA DE INFORMACION
  • 13.
  • 14. Diseño de información aplicado al desarrollo de proyectos web Se indican las areas tematicas, los derechos de acceso. Las paginas que contienen enlaces globales y tiras publicitarias estan señaladas. ARQUITECTURA DE INFORMACION
  • 15.
  • 16. Diseño de información aplicado al desarrollo de proyectos web PERIODICO EN LINEA Grafico que indica la publicacion de articulos por parte de los usuarios y su revision y aprobacion por los editores. ARQUITECTURA DE INFORMACION
  • 17. ARQUITECTURA DE INFORMACION MUCHAS GRACIAS