Ecc dg0952 03o. Bases esenciales de Arquitectura de información. Diseño de páginas web. Estructura de páginas. Escuela de la Camara de Comercio. Material de soporte para docencia. Licenciatura en diseño gráfico
2. • 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
3. • 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
9. • 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
15. • 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
16. • 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
17. • 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
. . .
18. • 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
28. • 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
29. • 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
30. • 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