SlideShare a Scribd company logo
1 of 15
Download to read offline
www.ida.cl Marzo 2016
IDA WORKSHOP AI
PRESENTACIÓN DEL WORKSHOP
Nuestra metodología: AI/UX en el diseño centrado en las personas.1
Bienvenidos
El workshop durará aproximadamente tres horas, que serán distribuidas en cuatro partes:
Caso de estudio: Cómo aplicamos la metodología a un proyecto.2
Actividad: Cardsorting guiado, mapa de navegación y wireframes.3
Cierre de jornada: Presentación de los trabajos y encuesta de satisfacción.4
TEMARIO
METODOLOGÍA
IDEAS DIGITALES APLICADAS
Inves3gación de Usuarios.
• Estudios de Usuarios.
• Test de Usabilidad.
• Analítica Web.
1 Diseño y Desarrollo Web.
• Arquitectura de Información.
• Diseño de Interfaz.
• Front y Desarrollo.
2 Marketing de Contenidos.
• Generación de Contenidos.
• Difusión por Redes Sociales.
• Op8mización SEO.
3
NUESTROS SERVICIOS
SEO
BLOG
SOCIAL
MEDIA
Diseñamos presencia digital en entornos amigables, atractivos y fáciles de usar
No se trata solo de desarrollar un sitio web, sino también de gestionar la imagen del “negocio” en Internet.
Por esto nos enfocamos en las interacciones y experiencias de usuario, para así mejorar las plataformas digitales.
Rentabilidad
METODOLOGÍA DISEÑO CENTRADO EN LAS PERSONAS
Metodología UX
Métricas
EXPERIENCIA DE USUARIO
Estudiamos a los usuarios
mediante encuestas,
entrevistas y tests.
1 Perfilamos a los potenciales
clientes a través de la
creación de arquetipos
según criterios definidos.
2 Conocemos y aplicamos las
normas y estándares de
usabilidad y accesibilidad.
3
ARQUITECTURA DE INFORMACIÓN
Organizamos los contenidos de forma
participativa a través del cardsorting.
1 Damos jerarquía y sentido a los contenidos en
mapas de navegación.
2
Diseñamos las interacciones y flujos entre
persona y sistema generados en las plataformas.
4Utilizamos los wireframes para diagramar
y estructurar visualmente el contenido.
3
INICIO
SECCIÓN
PRINCIPAL
SECCIÓN
SECUNDARIA
CONTENIDO
COMPLEMENTARIO
CONTENIDO
AUXILIAR
CONTENIDO CONTENIDOITEM 1.1
ITEM 1.2
ITEM 1.1
ITEM 1.2
SECCIÓN
PRINCIPAL
SECCIÓN
SECUNDARIA
CONTENIDO
COMPLEMENTARIO
CONTENIDO
AUXILIAR
ITEM 1.1
ITEM 1.2
ITEM 1.1
ITEM 1.2
CONTENIDO CONTENIDO
DISEÑO DE INFORMACIÓN
Síntesis de información,
interpretación de jerarquías
y conceptos, para un fácil
aprendizaje del usuario.
ACTIVIDAD
PRESENTACIÓN DE LA ACTIVIDAD
Selección de escenario.1
Sobre la actividad
A continuación indicamos las etapas en que se divide la actividad principal del workshop:
Cardsor3ng y mapa de navegación.2
Wireframes.3
Presentación de los trabajos.4
SELECCIÓN DE ESCENARIO
CLASES ONLINE
Soy profesor de matemática y me
interesa impartir clases online en
mi sitio web:
¿Cómo debe exponer las clases?
¿De qué manera puede evaluar a
quienes ingresan a las lecciones?
1
SERVICIO PARA VIAJAR
Con mi mejor amigo nos vamos de
viaje por chile en auto y tenemos 3
cupos libres que nos interesa
llenar en diferentes tramos:
¿Cómo debe ser un servicio online
para compartir auto?
¿Cómo publicar anuncios y
concretar tratos?
2
CATÁLOGO DE PRODUCTOS
Con mi pareja creamos una
pastelería a domicilio y ahora
queremos vender online:
¿Cómo muestro los productos?
¿Qué información es
importante para la compra?
3
Para comenzar la actividad, debemos elegir un escenario:
WIREFRAMES
El primer wireframe es el home
del si8o, en el cual se mostrará
información destacada y los
accesos a páginas interiores.
1 El segundo wireframe corresponde a
una página interior clave para
cumplir o realizar el obje8vo del si8o.
2
A partir del mapa de navegación, debemos realizar dos wireframes:
RECURSOS
RECURSOS IDA BLOG
• Ejercicio Cardsorting para organizar contenidos en un sitio web
• ¿Cómo pasamos de contenidos sin forma a mapas de navegación?
• ¿Cómo convertimos mapas de navegación en wireframes?
• ¿Para qué sirve un wireframe?
• ¿Cómo debes leer wireframe?
• Herramientas para realizar anotaciones en wireframes
• ¿Cómo creamos la arquitectura de información para nuestros proyectos?
• ¿Qué buscamos en un arquitecto de información?
GRACIAS
¿Quieres éxito para tu negocio digital?
Toma el camino de IDA
Conoce más en www.ida.cl

More Related Content

What's hot

Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfacesFranco Sarno
 
Diseño de aplicaciones móviles - Conceptos, tips & tricks
Diseño de aplicaciones móviles - Conceptos, tips & tricksDiseño de aplicaciones móviles - Conceptos, tips & tricks
Diseño de aplicaciones móviles - Conceptos, tips & tricksSantiago Porras Rodríguez
 
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Juan David Saab
 
Diseñando para las personas - #ForoArea
Diseñando para las personas - #ForoAreaDiseñando para las personas - #ForoArea
Diseñando para las personas - #ForoAreaThe Social Experience
 
Etapas para un plan básico de rrss
Etapas para un plan básico de rrssEtapas para un plan básico de rrss
Etapas para un plan básico de rrssMax Viveros Barahona
 
Taller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebPaulo Saavedra
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011byroncorrales
 
4 Principios de un Diseño Usable
4 Principios de un Diseño Usable4 Principios de un Diseño Usable
4 Principios de un Diseño UsableJuan David Saab
 
Cómo gestionar un Proyecto Web
Cómo gestionar un Proyecto WebCómo gestionar un Proyecto Web
Cómo gestionar un Proyecto WebNativos Digitales
 
INGENIERIA DE LA WEB
INGENIERIA DE LA WEBINGENIERIA DE LA WEB
INGENIERIA DE LA WEBPat Chilui
 

What's hot (20)

Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Diseño de aplicaciones móviles - Conceptos, tips & tricks
Diseño de aplicaciones móviles - Conceptos, tips & tricksDiseño de aplicaciones móviles - Conceptos, tips & tricks
Diseño de aplicaciones móviles - Conceptos, tips & tricks
 
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
Diseño Web Centrado en el Usuario, ¿Qué hace realmente bueno a un Sitio Web?
 
Bilbostack ux developers
Bilbostack ux developersBilbostack ux developers
Bilbostack ux developers
 
UX: En busca del Arca Perdida
UX: En busca del Arca PerdidaUX: En busca del Arca Perdida
UX: En busca del Arca Perdida
 
Diseñando para las personas - #ForoArea
Diseñando para las personas - #ForoAreaDiseñando para las personas - #ForoArea
Diseñando para las personas - #ForoArea
 
Emprender en Internet
Emprender en InternetEmprender en Internet
Emprender en Internet
 
Etapas para un plan básico de rrss
Etapas para un plan básico de rrssEtapas para un plan básico de rrss
Etapas para un plan básico de rrss
 
UX ÁGIL
UX ÁGILUX ÁGIL
UX ÁGIL
 
Creación de Revista pag16
Creación de Revista pag16Creación de Revista pag16
Creación de Revista pag16
 
Taller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos Web
 
Portafolio
Portafolio Portafolio
Portafolio
 
Julio
JulioJulio
Julio
 
Gestion Proyectos Web1
Gestion Proyectos Web1Gestion Proyectos Web1
Gestion Proyectos Web1
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011
 
4 Principios de un Diseño Usable
4 Principios de un Diseño Usable4 Principios de un Diseño Usable
4 Principios de un Diseño Usable
 
V.O.studio
V.O.studioV.O.studio
V.O.studio
 
Pasos a seguir para diseñar un tríptico
Pasos a seguir para diseñar un trípticoPasos a seguir para diseñar un tríptico
Pasos a seguir para diseñar un tríptico
 
Cómo gestionar un Proyecto Web
Cómo gestionar un Proyecto WebCómo gestionar un Proyecto Web
Cómo gestionar un Proyecto Web
 
INGENIERIA DE LA WEB
INGENIERIA DE LA WEBINGENIERIA DE LA WEB
INGENIERIA DE LA WEB
 

Similar to IDA Workshop #2 Arquitectura de Información

Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Connext Comunicación Digital
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
Proyecto fin de master
Proyecto fin de masterProyecto fin de master
Proyecto fin de masterMiguel CM
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxGorkyGabrielAriasDaz
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxGorkyGabrielAriasDaz
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
La nueva receta de los Profesionales de la Información
La nueva receta de los Profesionales de la InformaciónLa nueva receta de los Profesionales de la Información
La nueva receta de los Profesionales de la InformaciónClaudia Gutiérrez
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño webElisa Arce
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño webElisa Arce
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
Ecommerce y Tiendas Virtuales: Woocommerce, Prestashop, Magento
Ecommerce y Tiendas Virtuales: Woocommerce, Prestashop, MagentoEcommerce y Tiendas Virtuales: Woocommerce, Prestashop, Magento
Ecommerce y Tiendas Virtuales: Woocommerce, Prestashop, MagentoJavier Merchán Correa
 

Similar to IDA Workshop #2 Arquitectura de Información (20)

Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
Taller Marketing Digital ¿Está mi web preparada para la expansión internacional?
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
Proyecto fin de master
Proyecto fin de masterProyecto fin de master
Proyecto fin de master
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
openclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptxopenclass_ semana 1_bienvenida_usabilidad.pptx
openclass_ semana 1_bienvenida_usabilidad.pptx
 
User experience design
User experience designUser experience design
User experience design
 
Presentacion The Social Experience
Presentacion The Social ExperiencePresentacion The Social Experience
Presentacion The Social Experience
 
Introducción
IntroducciónIntroducción
Introducción
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
computación
computación computación
computación
 
La nueva receta de los Profesionales de la Información
La nueva receta de los Profesionales de la InformaciónLa nueva receta de los Profesionales de la Información
La nueva receta de los Profesionales de la Información
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UX
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
 
Presentacion de programas para diseño web
Presentacion de programas para diseño webPresentacion de programas para diseño web
Presentacion de programas para diseño web
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
 
Practica propuesta-wix
Practica propuesta-wixPractica propuesta-wix
Practica propuesta-wix
 
Ecommerce y Tiendas Virtuales: Woocommerce, Prestashop, Magento
Ecommerce y Tiendas Virtuales: Woocommerce, Prestashop, MagentoEcommerce y Tiendas Virtuales: Woocommerce, Prestashop, Magento
Ecommerce y Tiendas Virtuales: Woocommerce, Prestashop, Magento
 

More from IDA - Ideas Digitales Aplicadas

More from IDA - Ideas Digitales Aplicadas (8)

IDA workshop MKT desde la UX
IDA workshop MKT desde la UX IDA workshop MKT desde la UX
IDA workshop MKT desde la UX
 
Metodología fop formalización de objetivos editada
Metodología fop   formalización de objetivos editadaMetodología fop   formalización de objetivos editada
Metodología fop formalización de objetivos editada
 
Análisis y gestión de contenidos en internet - El punto de vista desde la e...
Análisis y gestión de contenidos en internet - El punto de vista desde la e...Análisis y gestión de contenidos en internet - El punto de vista desde la e...
Análisis y gestión de contenidos en internet - El punto de vista desde la e...
 
Modelos de negocio medios digitales
Modelos de negocio medios digitalesModelos de negocio medios digitales
Modelos de negocio medios digitales
 
Webinar métricas en medios de comunicación digital
Webinar métricas en medios de comunicación digitalWebinar métricas en medios de comunicación digital
Webinar métricas en medios de comunicación digital
 
¿Cómo adapta WordPress las imágenes a su plantilla?
¿Cómo adapta WordPress las imágenes a su plantilla?¿Cómo adapta WordPress las imágenes a su plantilla?
¿Cómo adapta WordPress las imágenes a su plantilla?
 
Marketing de contenidos digitales para empresas B2B
Marketing de contenidos digitales para empresas B2BMarketing de contenidos digitales para empresas B2B
Marketing de contenidos digitales para empresas B2B
 
Introducción al Posicionamiento en Buscadores SEO
Introducción al Posicionamiento en Buscadores SEOIntroducción al Posicionamiento en Buscadores SEO
Introducción al Posicionamiento en Buscadores SEO
 

Recently uploaded

PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlojefeer060122
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESMairaLasso1
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 

Recently uploaded (20)

PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Diapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarloDiapositiva de la ansiedad...para poder enfrentarlo
Diapositiva de la ansiedad...para poder enfrentarlo
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONES
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 

IDA Workshop #2 Arquitectura de Información

  • 2. PRESENTACIÓN DEL WORKSHOP Nuestra metodología: AI/UX en el diseño centrado en las personas.1 Bienvenidos El workshop durará aproximadamente tres horas, que serán distribuidas en cuatro partes: Caso de estudio: Cómo aplicamos la metodología a un proyecto.2 Actividad: Cardsorting guiado, mapa de navegación y wireframes.3 Cierre de jornada: Presentación de los trabajos y encuesta de satisfacción.4 TEMARIO
  • 4. IDEAS DIGITALES APLICADAS Inves3gación de Usuarios. • Estudios de Usuarios. • Test de Usabilidad. • Analítica Web. 1 Diseño y Desarrollo Web. • Arquitectura de Información. • Diseño de Interfaz. • Front y Desarrollo. 2 Marketing de Contenidos. • Generación de Contenidos. • Difusión por Redes Sociales. • Op8mización SEO. 3 NUESTROS SERVICIOS SEO BLOG SOCIAL MEDIA Diseñamos presencia digital en entornos amigables, atractivos y fáciles de usar No se trata solo de desarrollar un sitio web, sino también de gestionar la imagen del “negocio” en Internet. Por esto nos enfocamos en las interacciones y experiencias de usuario, para así mejorar las plataformas digitales.
  • 5. Rentabilidad METODOLOGÍA DISEÑO CENTRADO EN LAS PERSONAS Metodología UX Métricas
  • 6. EXPERIENCIA DE USUARIO Estudiamos a los usuarios mediante encuestas, entrevistas y tests. 1 Perfilamos a los potenciales clientes a través de la creación de arquetipos según criterios definidos. 2 Conocemos y aplicamos las normas y estándares de usabilidad y accesibilidad. 3
  • 7. ARQUITECTURA DE INFORMACIÓN Organizamos los contenidos de forma participativa a través del cardsorting. 1 Damos jerarquía y sentido a los contenidos en mapas de navegación. 2 Diseñamos las interacciones y flujos entre persona y sistema generados en las plataformas. 4Utilizamos los wireframes para diagramar y estructurar visualmente el contenido. 3 INICIO SECCIÓN PRINCIPAL SECCIÓN SECUNDARIA CONTENIDO COMPLEMENTARIO CONTENIDO AUXILIAR CONTENIDO CONTENIDOITEM 1.1 ITEM 1.2 ITEM 1.1 ITEM 1.2 SECCIÓN PRINCIPAL SECCIÓN SECUNDARIA CONTENIDO COMPLEMENTARIO CONTENIDO AUXILIAR ITEM 1.1 ITEM 1.2 ITEM 1.1 ITEM 1.2 CONTENIDO CONTENIDO
  • 8. DISEÑO DE INFORMACIÓN Síntesis de información, interpretación de jerarquías y conceptos, para un fácil aprendizaje del usuario.
  • 10. PRESENTACIÓN DE LA ACTIVIDAD Selección de escenario.1 Sobre la actividad A continuación indicamos las etapas en que se divide la actividad principal del workshop: Cardsor3ng y mapa de navegación.2 Wireframes.3 Presentación de los trabajos.4
  • 11. SELECCIÓN DE ESCENARIO CLASES ONLINE Soy profesor de matemática y me interesa impartir clases online en mi sitio web: ¿Cómo debe exponer las clases? ¿De qué manera puede evaluar a quienes ingresan a las lecciones? 1 SERVICIO PARA VIAJAR Con mi mejor amigo nos vamos de viaje por chile en auto y tenemos 3 cupos libres que nos interesa llenar en diferentes tramos: ¿Cómo debe ser un servicio online para compartir auto? ¿Cómo publicar anuncios y concretar tratos? 2 CATÁLOGO DE PRODUCTOS Con mi pareja creamos una pastelería a domicilio y ahora queremos vender online: ¿Cómo muestro los productos? ¿Qué información es importante para la compra? 3 Para comenzar la actividad, debemos elegir un escenario:
  • 12. WIREFRAMES El primer wireframe es el home del si8o, en el cual se mostrará información destacada y los accesos a páginas interiores. 1 El segundo wireframe corresponde a una página interior clave para cumplir o realizar el obje8vo del si8o. 2 A partir del mapa de navegación, debemos realizar dos wireframes:
  • 14. RECURSOS IDA BLOG • Ejercicio Cardsorting para organizar contenidos en un sitio web • ¿Cómo pasamos de contenidos sin forma a mapas de navegación? • ¿Cómo convertimos mapas de navegación en wireframes? • ¿Para qué sirve un wireframe? • ¿Cómo debes leer wireframe? • Herramientas para realizar anotaciones en wireframes • ¿Cómo creamos la arquitectura de información para nuestros proyectos? • ¿Qué buscamos en un arquitecto de información?
  • 15. GRACIAS ¿Quieres éxito para tu negocio digital? Toma el camino de IDA Conoce más en www.ida.cl