Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Metodologia Arquitectura de la Información

Presentación del Grupo 7
by

on 11 December 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Metodologia Arquitectura de la Información

Diseño
Implantación
Análisis
Metodología de la
Arquitectura de la información

Análisis
Operaciones a realizar antes
de implementar el diseño de
la Arquitectura Información.
Diseño
Operaciones para decidir y
representar la Arquitectura
de la Información.
Operaciones encaminadas a integrar en
el desarrollo del sitio web la propuesta de
arquitectura de la información plasmada
en el prototipado resultante de la fase de
diseño.
Fases de la Metodología
Metodología
de la
Arquitectura Información

Júlia Baena · Montse Creus · Raquel Gonzalez
Andrea Sabaté · Marina Vallès
Metodología
de la Arquitectura de la Información

Ejemplo de wireframe de presentación
http://www.wirify.com/about/example-wireframes/

Ejemplo blueprint o sitemap
http://erinzolkosky.com/ipgbook.html
análisis
diseño
Implantación
Proceso cíclico
evaluación usuarios
análisis usuarios
Proceso cíclico
Evaluación usuarios
- Descripción de los objetivos de la creación del sitio web

- Organización del sitio web

- Justificación de la organización

- Elementos arquitectónicos que deben respetarse y mantenerse en un evolutivo del web

- Tipología de los posibles usuarios

- Tipos y ciclo de vida de los contenidos que conforman el sitio web.

- Productos resultantes de las operaciones realizadas en las fases de análisis y diseño.

- Libro de laboratorio del proceso de diseño y creación de la propuesta.

- Guía de estilo de la arquitectura.

- Plantillas de los principales tipos de páginas.

Guía de estilos
http://creative.unc.edu/resources/web-style-guide/design/
http://www.bbc.co.uk/gel
http://www.fnac.es/
Metoología
WEB FNAC

Implantación
1.1 Contexto
Análisis Background:
Representa la descripción del contexto y entorno en el qué se va implementar la página web.

Presentaciones Reuniones:
Identificar las vías potenciales de articulación y colaboración entre los equipos y departamentos que participarán en el proyecto, con el fin de mostrar cuál será la AI y cómo ésta se relacionará con otros componentes de la web.

Entrevistas usuarios internos:
En función del rol de los usuarios internos determinar las expectativas, los factores críticos y las prioridades que debería de cumplir la web.

Análisis tecnológico:
Identificar las herramientas y los equipos de los que disponemos para desarrollar la web y cómo integrarlos en la arquitectura de ésta.

CONCLUSIONES
Sumario ejecutivo
Informe sobre audiencia y segmentación
Informe sobre escenarios
1.2 Contenido
Evaluación Heurística:
En el caso de una web ya existente, examinar su arquitectura e identificar los problemas que ésta presenta mediante un testeo.

Análisis Contenidos:
Revisión y/o identificación de los contenidos representativos y de los metadatos para la AI del sitio web.

Mapas Contenidos:
Visualización articulada de los resultados de la Evaluación Heurística y del análisis de contenidos.
(figura 4)

Benchmarking:
Identificar, evaluar y comparar sistemáticamente la AI de diversas webs similares
1.3 Análisis de usuarios
Métodos NO Participativos
Métodos Participativos
2.1 Inventario de contenidos
La realidad: el inventario de contenidos
Qué contenidos tenemos? Son los adecuados?
Imprescindible cuando se manejan grandes volúmenes de información
Herramienta metodológica: servirá para poder diseñar los modelos de contenidos (relacionado con el diseño de la navegación global y local)
Rediseños
2.2 ModeloS de contenido
Conjunto de elementos que conforman cada tipo de unidad de contenido
Relaciones arquitectónicas existentes entre los elementos
2.3 Representación de vocabulario
2.4 Prototipado
Es la representación de la propuesta arquitectónica

Cubre dos funciones:

- Representar los aspectos básicos de los elementos arquitectónicos de la web

- Poder comunicar de forma eficaz los aspectos básicos de los elementos aquitectónicos
2.5 Evaluación de la propuesta
Poner a prueba la primera propuesta arquitectónica con un grupo seleccionado de usuarios tipo del sitio web, utilizando técnicas
- no participativas
- participativas (principalmente)

Obtenemos beneficios importantes:
- saber empíricamente si se ha diseñado una propuesta arquitectónica que satisfaga los requerimientos de la fase de análisis.
- identificar posibles disfunciones
3.1 Comunicación de la propuesta
Presentación de la propuesta al equipo involucrado en el desarrollo final.
- diseñadores
- gestores de contenidos
- desarrolladores
- autores de contenidos

Los recursos comunicativos a utilizar son:
- blueprints
- wireframes de alta calidad

En cada presentación habrá que tener en cuenta la competencia y
dominio de los interlocutores con respecto a la disciplina de la
arquitectura de la información.
3.2 Desarrollo del sitio web
Incorporación de la propuesta arquitectónica al desarrollo o la producción final en HTML del sitio web.

A partir de la versión final debe realizarse una última evaluación heurística de la arquitectura de la información para detectar nuevos errores y solucionarlos antes del lanzamiento
final.

Si el proyecto es una reestructuración del sitio web hay que comprobar que se han superado los problemas detectados en la fase de análisis.
3.3 Guías de estilo
Documento cuya función es recoger todos los
aspectos relacionados con la arquitectura de la información del sitio web.

- facilita el mantenimiento
- permite implementar nuevas versiones respetando los
requisitos arquitectónicos.
1.3.1 No participativos
Estrategias para estudiar el comportamiento de los usuarios de una web
sin que estos lo sepan
mediante:

Software de estadísticas de uso:
Herramientas que permiten analizar el comportamiento de los usuarios en la web y conocer su procedencia.

Análisis de sesiones de búsqueda:
Registro cronológico de las acciones realizadas por un usuario en el sistema de búsqueda y recuperación de la información.

Departamento de atención al cliente:
Obtención de las características de la audiencia y PO de la web mediante el registro de quejas o comentarios.

Método Persona y Modelos Mentales:
MP creación y diseño de los perfiles y tipos de usuarios.
MM Identificación o reformulación de las tareas y necesidades que promueven al usuario a visitar la web.
1.3.2 Participativos
Estrategias para estudiar el comportamiento de los usuarios de una web de forma que ellos mismos
saben que están siendo estudiados
mediante:

Cuestionarios:
Presenciales o vía electrónica.

Focus group:
Encuentros grupales de la audiencia más representativa de la web.

Entrevistes:
Diálogo estructurado y planificado sobre un tema en concreto.

Card sorting:
Método de estudio para conocer como las personas organizan y categorizan su propio conocimiento en un entorno web.
- Abierto
- Cerrado
- Individual / Colectivo
- Presencial / Virtual

Eyetracking:
Herramienta que permite registrar el movimiento de los ojos de un usuario cuando éste visita una página web.

Test de usuarios
: Poner a prueba la AI de la web con diversos grupos de usuarios mediante tareas.
2.3.1 Matriz de metadatos
2.3.2 Gestión de metadatos
Gestión de términos del vocabulario y de las relaciones existentes entre los términos.

Sistemas de gestión:

-Diccionarios de metadatos (normalizados; reutilización)
-Personalizados: definidos para cada tipo (más flexible)

2.4.1 Blueprint o sitemap
Esquema donde se representa la estructura arquitectónica de los aspectos esenciales de:

- sistema de organización
- etiquetado
- navegación

Son una herramienta clave para:

- el trabajo de los desarrolladores
- orientación de los usuarios

Algunas herramientas estándares: Axure, Visio, Lovely Chart
2.4.2 Wireframes
Prototipos arquitectónicos o esquemas de cada uno de los tipos de página de un sitio web en que se representa:
- contenido
- arquitectura de la información

Se muestra el aspecto de una página desde la perspectiva de su arquitectura, en como se agrupan y ordenan los componentes.

Control y gestión de wireframes:
- nombre
- a qué proyecto pertenece
- número de versión o fecha
Finalizar proyecto: añadir histórico de wireframes

Ejemplos blueprints
Ejemplo 1
http://www.jjg.net/ia/visvocab/spanish.html
Vocabulario para crear blueprints: Jesse James Garrett:
De baja fidelidad:
“sketches”

Aspectos arquitectónicos básicos, sin elementos gráficos, ni contenido real

Se usan como documento de comunicación rápida.
Suele ser en B/N, o colores no corporativos

Fidelidad intermedia:
“wireframes”

Aspectos arquitectónicos básicos, algunos elementos gráficos, algún contenido real

De alta fidelidad:
“prototipos” o “mockups”
Aspectos arquitectónicos básicos, con elementos gráficos y contenido real.
Sirve para test de usuarios.

Inconvenientes:
- más laborioso, más esfuerzo
- obliga a crear libro estilo y guía de diseño antes de haber extraído conclusiones de test de usuarios.

Herramientas creación wireframes
Bloc para wireframes “responsive design”
Regla unidad “pixel”
Plantillas para wireframe en pizarras “vileda”
Plantillas smartphones

Programas de diseño
Software específico
AXURE: http://www.axure.com/

Herramientas creación wireframes “a mano
Herramientas creación wireframes “a mano”
Creación mediante kits de plantillas con programas de diseño habituales: Photoshop, Illustrator, InDesign, ...
http://www.jankoatwarpspeed.com/free-sketching-wireframing-kit/
Operaciones a realizar antes
de implementar el diseño de
la Arquitectura Información.

Operaciones para decidir y
representar la Arquitectura
de la Información.

Operaciones encaminadas a integrar en
el desarrollo del sitio web la propuesta de
arquitectura de la información plasmada
en el prototipado resultante de la fase de
diseño.
Referencias
Jesse James Garrett:
Los 9 pilares para el éxito de un proyecto online
http://www.jjg.net/ia/files/pillars.pdf
Jesse James Garrett
Pasos para la consecución del proyecto
Mario Pérez-Montoro:
Arquitectura de la Información en entornos web
2.1.1 Identificar unidades de contenido

Unidades de contenido y granularidad:

- Qué tipologias de contenido existen?
- Cuál es la unidad mínima de significado?

2.1.2 Asignar código de identificación

- Asignación de un código de identificación con un valor unívoco a cada unidad (numérico).

- Facilita la gestión las unidades de información.


2.1.3. Asignar lugar en mapa sitio web
-Jerarquía

-Relaciones



2.1.4. Inventario

Inventario de todos los contenidos: exhaustivo y detallado.

Nos ayudará a responder a tres preguntas clave acerca de los contenidos:
- que tenemos
- donde lo tenemos
- como es

Obtendremos:
- descripción
- jerarquía
- proyección de futuro
Ejemplo de inventario

http://www.adaptivepath.com/ideas/doing-content-inventory/
http://intranetfactory.com/Products/111-sharepoint-content-inventory.aspx
Metadatos
: datos que describen un documento y que sirven para facilitar el acceso a los datos de dicho documento.
Ejemplos matriz de metadatos
http://administracionelectronica.gob.es
"Etiquetado es una forma de representación.
Tal como usamos las palabras para expresar ideas,
usamos las etiquetas para representar amplios
fragmentos de información en nuestros sitios web."


(Rosenfeld y Morville,1998)
Ejemplo de Website Style Guide
Ejemplo de Style Guide: Layouts
Ejemplo Guia d'estils Gencat
http://www.gencat.cat/piv/
Introducción
Metodología
: ciencia del método.

Método
: del latín
methŏdus
(griego μέθοδος), ‘camino a seguir’. Manera ordenada de proceder pa ra conseguir una finalidad.
Implementación de los comportamientos y conductas informacionales de los usuarios de la página web
http://pascualweb.blogspot.com.es/2011/03/mapa-de-sitio.html
http://www.drupalsoul.com
http://www.cobdc.net/programarilliure/tutorial-de-drupal-parte-3-tipos-de-contenido/
Las etiquetas deben, según la ISO 9241-12:

- Explicar el propósito/contenido de cada ítem
- Ser gramaticalmente consistentes
- Estar localizadas adyacentemente al ítem de información designado


Elección del vocabulario:

- Tipología
- Formas de control
Errores metodológicos
http://itzamna.bnct.ipn.mx/dspace/bitstream/123456789/3830/1/ARQUITECTURASOFTWARE.pdf
Full transcript