Usabilidad y Arquitectura de la Información de las aplicaciones web

domingo, 27 de diciembre de 2009 | 4 respuestas home title

Usabilidad y Arquitectura de la Información de las aplicaciones web

La usabilidad de una aplicación web es mucho más fácil de revisar utilizando un Inventario de Contenido, es decir, una lista del contenido de un sitio web, y, si usamos una clase principal con referencias (punteros) a las clases que construyen la plataforma de información web nos será más fácil acceder al contenido para elaborar dicha lista.

He desarrollado sitios web donde el contenido ha sido adquirido gracias a las entradas de los usuarios, sus propias búsquedas son las generadoras de datos…, sus necesidades crean un punto de referencia que se ha tenido en cuenta en la Arquitectura de la Información, almacenándose para ser utilizadas en próximas visitas.

Diseño de Procesos

Para organizar dicha información se utilizan estructuras de datos, normalmente matrices (vector

es) de varios tipos que almacenan el texto de una búsqueda, su url en formato amigable para los buscadores, el números de veces que se ha repetido la misma búsqueda y otros datos opcionales como la fecha y la hora de la petición/creación de una nueva entrada en la tabla de información, nombre del usuario, procedencia, idioma, etc.

Al observar este informe APEI sobre Usabilidad me he llevado una grata sorpresa al descubrir que el esquema de wireframe utilizado para una web:

es precisamente el que utilizo en mis aplicaciones web,

Ejemplo 1:

Ejemplo 2:

Existen un conjunto de herramientas muy útiles para diseñar la AI fácilmente:

fluidIA: herramienta para generar varias ideas simultáneamente construyendo sobre una pizarra prototipos de interfaces enriquecidas
Omnigraffle: Recursos de la AI para este programa , más información aquí
Text 2 Mind Map : una web para crear nuestros árboles de conceptos.

Teoría aplicable de la Arquitectura de la Información:

Análisis de secuencia: ¿cuál es la secuencia idónea para llegar a una página de contenido?
Documentos guía (objetivos y usuarios del sitio, así como las tareas que éstos realizarán)
Análisis de contexto o benchmarking (análisis de sitios web similares)
Inventario de contenidos (antes mencionado)
Tag line (una frase para describir el sitio web)
SEO (Search Engine Optimization), SEM(Search Engine Marketing) y SMO (Social Media Optimization): métodos
Card sorting (cómo organizan sus usuarios los contenidos del sitio web): leer más
Bluprints y rotulación (mapas de interacción, diseño de información) [blueprint ejemplo (.PDF)]
Perfiles y escenarios (personificación de los tipos de usuarios del sitio web y las posibles tareas que éstos pueden realizar) [personas .PDF]
Wireframes(prototipos de baja o alta fidelidad que materializan gráficamente el proceso de diseño de información e interacción, navegación, rotulación hecho previamente).
Shades of Gray: ejemplo en PDF de un WireFrame
Análisis del Valor de los Contenidos
Mapa para IC: (.DOC), Aproximación de un Inventario de Contenidos utilizando un Mapa de Metro
Plantilla para administración de tareas
Esquema para un mapa del sitio (.XLS)
Ejemplo de diagrama de flujo (.PDF) y otro ejemplo con bloques (.PDF)
Métodos de Arquitectura de Información para la organización de contenidos en el diseño de sitios web universitarios: unicauca.edu.co, un caso práctico

Presentaciones sobre AI:

A Process By Any Other Name…
(Powerpoint) 91_Presentation_Desc.ppt (188 kb)
Polansky_Artifact_Assessment.vss (88 kb)
Polansky_Site_Map.vss (222 kb)
Polansky_Wireframe.vss (143 kb)
(Powerpoint) Leise-IAforIndexers.ppt (188 kb)
Leise-IAforIndexers.pdf (217 kb)Submitted by Fred Leise, May, 2004Why IA Matters
(Powerpoint) Morville-WhyIaMatters.ppt (1.7 MB)
Morville-WhyIaMatters.pdf (958 kb)
Introducción a la AI
(Powerpoint) Maurer-IAIntro.ppt (2 MB)
Maurer-IAIntro.pdf (3.9 MB)
(Powerpoint) Bailey-IAIntro.ppt (1.4 MB)
Bailey-IAIntro.pdf (600 kb)

Plantillas para desarrollo de contenidos:

HoweContentTool.xls (21 kb)
john-howe_desenvolvimento-de-conteudo.xls (In Portuguese, 44 kb)
Submitted by John Howe, February 6, 2004
RiceContentInventory.xls (6.6 MB)
Submitted by Sarah A. Rice, April 19, 2004

Plantillas Wireframe