SlideShare una empresa de Scribd logo
1 de 38
Descargar para leer sin conexión
•  DG0952
noveno cuatrimestre
Desarrollo Web
Arquitectura
de Información
DG0952
noveno cuatrimestre
•  DG0952
noveno cuatrimestre
Desarrollo Web
El arte y la ciencia de organizar y rotular sitios web,
intranets, comunidades en línea y software para
promover la usabilidad y la ubicabilidad (la
característica de ser encontrado a través de las
búsquedas en Internet).
Arquitectura de
Información
•  DG0952
noveno cuatrimestre
Desarrollo Web
Sitios web
Interfaces de dispositivos móviles o gadgets 
Materiales interactivos
Videoclips digitales
Tableros de instrumentos 
Interfaces de máquinas dispensadoras
Interfaces de juegos electrónicos, etc.
Arquitectura de
Información
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
Su principal objetivo es facilitar al máximo los
procesos de comprensión y asimilación de la
información, así como las tareas que ejecutan los
usuarios en un espacio de información definido.
Arquitectura de
Información
•  DG0952
noveno cuatrimestre
Desarrollo Web
Richard Saul Wurman (fundador de TED talks)
•  DG0952
noveno cuatrimestre
Desarrollo Web
1998 Louis Rosenfeld y Peter Morville
•  DG0952
noveno cuatrimestre
Desarrollo Web
CLIENTE
 DISEÑADOR
 DESARROLLADOR
Arquitecto
•  DG0952
noveno cuatrimestre
Desarrollo Web
Arquitecto
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
Presenta una propuesta inicial de Arquitectura de
Información para el sitio corporativo de "Cliente".

Entiende la arquitectura de información como la
disciplina que se ocupa de ordenar y rotular un sitio.

Expresa dicha propuesta mediante un diagrama al
que convencionalmente se conoce como “mapa de
sitio”.
Arquitectura de
Información
•  DG0952
noveno cuatrimestre
Desarrollo Web
Se compone mediante etiquetas.
Las etiquetas se relacionan entre sí mediante líneas.
La función representativa de los etiquetas es doble:
•  Representan páginas electrónicas del website.
•  Representan vínculos en un menú de navegación.
Arquitectura de
Información
Página dentro
del sitio
•  DG0952
noveno cuatrimestre
Desarrollo Web
Comúnmente, el contenido de un sitio
se organiza en secciones principales.
Por razones de usabilidad, se procura
limitar el número de secciones de
acuerdo a la
“fórmula de Miller”, =7±2.

Se procura que cada sección principal
atienda un
asunto específico.

Se procura asimismo definir estos
asuntos de modo
que a ojos del usuario, sean
claramente distintos
unos de otros.
Arquitectura de
Información
0. Página
dentro del sitio
1. Página dentro
del sitio
2. Página dentro
del sitio
3. Página dentro
del sitio
. . .
•  DG0952
noveno cuatrimestre
Desarrollo Web
El asunto de cada sección se
desagrega en asuntos subordinados,
tantos como sean necesarios.
Convencionalmente, el número de
grados de desagregación al interior de
una sección se
limita a dos.
Los contenidos de cada sección se
exponen en láminas separadas, una por
sección.
Arquitectura de
Información
0. Página
dentro del sitio
1. Página dentro
del sitio
2. Página dentro
del sitio
3. Página dentro
del sitio
. . .
2.1
2.2
2.1.2
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
Esqueleto
Esqueleto de diseño
Diagrama
Boceto
Esquema de página
Plano de pantalla
Wireframes
•  DG0952
noveno cuatrimestre
Desarrollo Web
Guía visual que
representa el
esqueleto o
estructura visual de
un sitio web.
Wireframes
•  DG0952
noveno cuatrimestre
Desarrollo Web
El wireframe esquematiza el
diseño de página u
ordenamiento del contenido
del sitio web, incluyendo
elementos de la interfaz y
sistemas de navegación, y
cómo funcionan en conjunto.
Wireframes
•  DG0952
noveno cuatrimestre
Desarrollo Web
Usualmente, este esquema
carece de estilo tipográfico,
color o aplicaciones gráficas, ya
que su principal objetivo reside
en la funcionalidad,
comportamiento y jerarquía de
contenidos.
Wireframes
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  Los tipos de información que será mostrada
•  La cantidad de las funciones disponibles
•  Las prioridades relativas de la información y
las funciones
•  Las reglas para mostrar ciertos tipos de
información
•  El efecto de los distintos escenarios en la
pantalla
Wireframes
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
•  DG0952
noveno cuatrimestre
Desarrollo Web
Tercer entrega

•  Mapa de sitio Sitio Coorporativo
•  Wireframe de Home y Página interior
Sitio Corporativo
•  DG0952
noveno cuatrimestre
Desarrollo Web
Arquitectura
de Información
DG0952
noveno cuatrimestre

Más contenido relacionado

Similar a Arquitectura de Información DG0952

Proyecto elige tu camino presentacion
Proyecto elige tu camino presentacionProyecto elige tu camino presentacion
Proyecto elige tu camino presentacionAna Diaz
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebAugusto Vargas
 
Web: HTML5 es el ganador, y ahora que?
Web: HTML5 es el ganador, y ahora que?Web: HTML5 es el ganador, y ahora que?
Web: HTML5 es el ganador, y ahora que?GeneXus
 
Modulo taller progwebaa2
Modulo   taller progwebaa2Modulo   taller progwebaa2
Modulo taller progwebaa2Pabel Lopez
 
WEB CONSULTA
WEB CONSULTAWEB CONSULTA
WEB CONSULTAAlexis
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carreraBorja Merino
 
Despliegue de una herramienta de ingeniería de requisitos en la industria de ...
Despliegue de una herramienta de ingeniería de requisitos en la industria de ...Despliegue de una herramienta de ingeniería de requisitos en la industria de ...
Despliegue de una herramienta de ingeniería de requisitos en la industria de ...Visure Solutions
 
Sesion01_DW.pdf
Sesion01_DW.pdfSesion01_DW.pdf
Sesion01_DW.pdfUSAT
 
Comparación de clientes web de servicios web geográficos (v.5)
Comparación de clientes web de servicios web geográficos (v.5)Comparación de clientes web de servicios web geográficos (v.5)
Comparación de clientes web de servicios web geográficos (v.5)tuxman
 

Similar a Arquitectura de Información DG0952 (20)

Proyecto elige tu camino presentacion
Proyecto elige tu camino presentacionProyecto elige tu camino presentacion
Proyecto elige tu camino presentacion
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
 
JIMBO Y JCLIC
JIMBO Y JCLICJIMBO Y JCLIC
JIMBO Y JCLIC
 
Web: HTML5 es el ganador, y ahora que?
Web: HTML5 es el ganador, y ahora que?Web: HTML5 es el ganador, y ahora que?
Web: HTML5 es el ganador, y ahora que?
 
Michael 901
Michael 901Michael 901
Michael 901
 
Silverlight
SilverlightSilverlight
Silverlight
 
Modulo1
Modulo1Modulo1
Modulo1
 
Modulo taller progwebaa2
Modulo   taller progwebaa2Modulo   taller progwebaa2
Modulo taller progwebaa2
 
WEB CONSULTA
WEB CONSULTAWEB CONSULTA
WEB CONSULTA
 
Modulo 1.2 Tipología de la web 2.0
Modulo 1.2 Tipología de la web 2.0Modulo 1.2 Tipología de la web 2.0
Modulo 1.2 Tipología de la web 2.0
 
Guadir y mera
Guadir y meraGuadir y mera
Guadir y mera
 
DISEÑO WEB
DISEÑO WEBDISEÑO WEB
DISEÑO WEB
 
Trabajo de tic
Trabajo de ticTrabajo de tic
Trabajo de tic
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carrera
 
Despliegue de una herramienta de ingeniería de requisitos en la industria de ...
Despliegue de una herramienta de ingeniería de requisitos en la industria de ...Despliegue de una herramienta de ingeniería de requisitos en la industria de ...
Despliegue de una herramienta de ingeniería de requisitos en la industria de ...
 
Sesion01_DW.pdf
Sesion01_DW.pdfSesion01_DW.pdf
Sesion01_DW.pdf
 
Oracle WebCenter Sites 12c
Oracle WebCenter Sites 12cOracle WebCenter Sites 12c
Oracle WebCenter Sites 12c
 
Comparación de clientes web de servicios web geográficos (v.5)
Comparación de clientes web de servicios web geográficos (v.5)Comparación de clientes web de servicios web geográficos (v.5)
Comparación de clientes web de servicios web geográficos (v.5)
 
Diseño paginas web
Diseño paginas webDiseño paginas web
Diseño paginas web
 
Consulta wix yola
Consulta wix yolaConsulta wix yola
Consulta wix yola
 

Más de Luis Francisco Reyes Aceves

Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012
Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012
Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012Luis Francisco Reyes Aceves
 
Benchmark Páginas Web. Instituciones de nivel superior 2011
Benchmark Páginas Web. Instituciones de nivel superior 2011Benchmark Páginas Web. Instituciones de nivel superior 2011
Benchmark Páginas Web. Instituciones de nivel superior 2011Luis Francisco Reyes Aceves
 
Análisis de Checkout en una tienda de E-commerce
Análisis de Checkout en una tienda de E-commerceAnálisis de Checkout en una tienda de E-commerce
Análisis de Checkout en una tienda de E-commerceLuis Francisco Reyes Aceves
 
Métricas importantes para valorar en E-Commerce
Métricas importantes para valorar en E-CommerceMétricas importantes para valorar en E-Commerce
Métricas importantes para valorar en E-CommerceLuis Francisco Reyes Aceves
 
Arquitectura de Informacion Museo de Arte Carrillo Gil
Arquitectura de Informacion Museo de Arte Carrillo GilArquitectura de Informacion Museo de Arte Carrillo Gil
Arquitectura de Informacion Museo de Arte Carrillo GilLuis Francisco Reyes Aceves
 

Más de Luis Francisco Reyes Aceves (20)

Spanish como usar-excel-para-marketers
Spanish como usar-excel-para-marketersSpanish como usar-excel-para-marketers
Spanish como usar-excel-para-marketers
 
Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012
Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012
Benchmark Paginas Web. Instituciones de nivel básico en méxico. 2012
 
Benchmark Páginas Web. Instituciones de nivel superior 2011
Benchmark Páginas Web. Instituciones de nivel superior 2011Benchmark Páginas Web. Instituciones de nivel superior 2011
Benchmark Páginas Web. Instituciones de nivel superior 2011
 
Examen Diseño de página de Banco
Examen Diseño de página de BancoExamen Diseño de página de Banco
Examen Diseño de página de Banco
 
Anatomía de páginas web
Anatomía de páginas webAnatomía de páginas web
Anatomía de páginas web
 
Mapa de Bits - Pixeles
Mapa de Bits - PixelesMapa de Bits - Pixeles
Mapa de Bits - Pixeles
 
Examen Diseño de portafolios en Línea
Examen Diseño de portafolios en LíneaExamen Diseño de portafolios en Línea
Examen Diseño de portafolios en Línea
 
Ecommerce & Digital Marketing Strategies
Ecommerce & Digital Marketing StrategiesEcommerce & Digital Marketing Strategies
Ecommerce & Digital Marketing Strategies
 
Gamification Project Strategy
Gamification Project StrategyGamification Project Strategy
Gamification Project Strategy
 
Ecommerce y Marketing Digital. Propuesta
Ecommerce y Marketing Digital. PropuestaEcommerce y Marketing Digital. Propuesta
Ecommerce y Marketing Digital. Propuesta
 
CRM Customer Relationship Management.
CRM Customer Relationship Management.CRM Customer Relationship Management.
CRM Customer Relationship Management.
 
Análisis de Checkout en una tienda de E-commerce
Análisis de Checkout en una tienda de E-commerceAnálisis de Checkout en una tienda de E-commerce
Análisis de Checkout en una tienda de E-commerce
 
Métricas importantes para valorar en E-Commerce
Métricas importantes para valorar en E-CommerceMétricas importantes para valorar en E-Commerce
Métricas importantes para valorar en E-Commerce
 
Caso Enron
Caso EnronCaso Enron
Caso Enron
 
Justicia Alterna en el Derecho Corporativo
Justicia Alterna en el Derecho CorporativoJusticia Alterna en el Derecho Corporativo
Justicia Alterna en el Derecho Corporativo
 
Intranet Digital Signage
Intranet Digital SignageIntranet Digital Signage
Intranet Digital Signage
 
Havas Live Tour 2013
Havas Live Tour 2013Havas Live Tour 2013
Havas Live Tour 2013
 
Triple Doble U (www) Credenciales 2012
Triple Doble U (www) Credenciales 2012Triple Doble U (www) Credenciales 2012
Triple Doble U (www) Credenciales 2012
 
Investment websites benchmark 2014
Investment websites benchmark 2014Investment websites benchmark 2014
Investment websites benchmark 2014
 
Arquitectura de Informacion Museo de Arte Carrillo Gil
Arquitectura de Informacion Museo de Arte Carrillo GilArquitectura de Informacion Museo de Arte Carrillo Gil
Arquitectura de Informacion Museo de Arte Carrillo Gil
 

Último

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 

Último (8)

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 

Arquitectura de Información DG0952