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

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:

Presentaciones sobre AI:

Plantillas para desarrollo de contenidos:

Plantillas Wireframe

Recursos de Wireframe

Conceptos Fundamentales para la Estrategia de Reutilización de contenidos

Introducción a IA Brochures

Design Review Checksheets

Design Review Process: Plantilla

Design Scope : Plantilla

Project Overview

Creative Brief

Project Definition and Scope

Process Maps

Otros enlaces de interés

Artículos relacionados:

  1. Luis Molina dice:

    Fantástica recopilación de recursos sobre la usabilidad y la arquitectura de información.

    Recientemente he descubierto MockingBird (http://gomockingbird.com), una herramienta online para wireframing, que me parece bastante intuitiva y que puede exportar a PNG y PDF.

    Saludos!

  2. […] sobre Usabilidad y Arquitectura de la Información orientada a aplicaciones web, pasaros por la web Programador PHP.org. Digg This [?] Compártelo Por: juaxix Escrito en Documentación, ingeniería del Software […]

Please type the characters of this captcha image in the input box

Por favor escriba los caracteres de la imagen captcha en el cuadro de entrada

footer
jbelon © | sitemap.xml