arquitectura de la información

17
ARQUITECTURA DE INFORMACION Resumen en español elaborado a partir de: • Information architecture: Structure, content, and form. Peter J. Bogaards • Los Elementos de la Experiencia de Usuario. Jesse James Garrett • Mapas de webs. Paul Kahn, Krzysztof Lenk • Information Architecture Makes Sense. Dynamic Diagrams Por Hector Castelblanco [email protected]

Upload: hectorium

Post on 13-Dec-2014

3.443 views

Category:

Technology


4 download

DESCRIPTION

Resumen de conceptos basicos sobre la arquitectura de la informacion. Elaborado a partir de textos e imagenes extraidas de la web.

TRANSCRIPT

Page 1: Arquitectura de la Información

ARQUITECTURA DE INFORMACION

Resumen en español elaborado a partir de:

• Information architecture: Structure, content, and form. Peter J. Bogaards

• Los Elementos de la Experiencia de Usuario. Jesse James Garrett

• Mapas de webs. Paul Kahn, Krzysztof Lenk

• Information Architecture Makes Sense. Dynamic Diagrams

Por Hector Castelblanco

[email protected]

Page 2: Arquitectura de la Información

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?

Page 3: Arquitectura de la Información

Experiencia del usuario

ARQUITECTURA DE INFORMACION

Page 4: Arquitectura de la Información

ARQUITECTURA DE INFORMACION

Page 5: Arquitectura de la Información

ARQUITECTURA DE INFORMACION

Page 6: Arquitectura de la Información

ARQUITECTURA DE INFORMACION

Page 7: Arquitectura de la Información

Aspectos visuales:Estética, entradas y respuestas.

Técnicas de interacciónOrganización del menú, organización de botones...

ProgramaciónElementos necesarios para cumplir tareas, sus propiedades, comportamientos y relaciones.

ARQUITECTURA DE INFORMACION

Page 8: Arquitectura de la Información

¿Qué es la experiencia de usuario?The elements of user experienceJ.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.

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

Page 9: Arquitectura de la Información

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.

Page 10: Arquitectura de la Información

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

Page 11: Arquitectura de la Información

¿Qué es la arquitectura de información?The elements of user experienceJ.J. Garrett 2002

• Creación de sentido, comprensión y utilidad

(“complejidad”)

• El diseño centrado en el usuario: pensamiento deductivo

versus pensamiento inductivo.

• Diseñar es decidir: proveer un diseño sensato

(razonamiento sobre decisiones).

•La referencia al contexto, las restricciones, los objetivos, y

los requisitos.

• Productos: señaletica convencional y artefactos de

información, (impresos/ digitales , GUI, sitios, dispositivos,

y documentos.

• Relación con el diseño gráfico, diseño de documentos,

diseño de interacción, escritura técnica, diseño de interfaz,

el diseño de sonido y la arquitectura de información.

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

Page 12: Arquitectura de la Información

Historia del diseño de información

ARQUITECTURA DE INFORMACION

Page 13: Arquitectura de la Información

Diseño de información aplicado al desarrollo de proyectos web

• Enfocado a la “encontrabilidad”: la

organización del contenido debe

responder a las expectativas de los

usuarios.

• Mejor definicion de los usuarios e

identificacion de sus tareas.

• Inventariar y organizar el contenido.

• Fundamentar un esquema de diseño

visual consistente y estructurado.

• Desarrollar un plan de control de

acceso.

• Crear una estructura lógica y

escalable para proyectos web.

ARQUITECTURA DE INFORMACION

Page 14: Arquitectura de la Información

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

Page 15: Arquitectura de la Información

Diseño de información aplicado al desarrollo de proyectos web

DIAGRAMA DE UN ARTICULO DE

NATURE

• Se indica la profundidad del click, las

recopilaciones como índices, y

resultados de una búsqueda, asi como

la vinculacion a paginas internas y

externas.

ARQUITECTURA DE INFORMACION

Page 16: Arquitectura de la Información

Diseño de información aplicado al desarrollo de proyectos web

PERIODICO EN LINEAGrafico que indica la publicacion de articulos por parte de los usuarios y su revision y aprobacion por los editores.

ARQUITECTURA DE INFORMACION

Page 17: Arquitectura de la Información

ARQUITECTURA DE INFORMACION

MUCHAS GRACIASMUCHAS GRACIAS