Kilian Quevedo Reyes

Arquitectura de la informació - Aula 1 | Arquitectura de la Información - Aula 1

Pública

Después de definir los requisitos del producto en la actividad previa, es momento de establecer la arquitectura de la información y la estructura de interacción del producto o servicio. Comenzaremos con la organización y etiquetado de los contenidos. La fase de arquitectura de la información se enfoca en cómo organizar los contenidos que serán parte del sistema para facilitar su uso por parte de los usuarios. Definiremos los contenidos del producto y luego los organizaremos y etiquetaremos.

Tras crear el inventario de contenido, llevamos a cabo una prueba de ordenamiento de tarjetas. Esta prueba contó con la participación de 5 individuos con diversos perfiles, quienes organizaron el contenido de la forma más intuitiva para ellos mismos. Con los resultados de esta prueba, realizamos un análisis para identificar las tendencias de los usuarios y, finalmente, elaboramos el árbol de contenidos final más apropiado.

Inicialmente, aproximamos unas 6 categorías generales que abarquen todo el contenido del sistema, teniendo en cuenta tanto las respuestas de los participantes en el ordenamiento de tarjetas como la teoría de Miller (7±2).

Si por casualidad no se lograse ver bien (haz click aquí para verlo mejor).

Disseny d'Interacció: processos, mètodes i tècniques - Aula 1 | Diseño de Interacción: Procesos, Métodos y Técnicas - Aula 1

Pública

Opté por el periódico The Guardian para la actividad de la tabla de interacción, que veo que realmente hace las cosas diferentes y satisface los requisitos de la actividad al ofrecer una versión impresa, una aplicación móvil y un sitio web.

Además, elegir este medio me permitió comprender mejor el gran despliegue de Experiencia de Usuario que tiene.

Para diseñar el wireframe, seleccioné la página de una noticia de Cambio Climático que ofrecen en su one page inicial.

En el Wireframe (hacer click para verlo más grande) apliqué un sistema de 12 columnas, con gutters y márgenes muy similares a la página de The Guardians (hacer click para ver la original).

Y el wireframe que hice fue este:

Disseny d'Interacció: processos, mètodes i tècniques - Aula 1 | Diseño de Interacción: Procesos, Métodos y Técnicas - Aula 1

Pública

Hola buenas, les dejo por aquí mi entrega de la actividad 1 parte 3. La verdad he querido hacerlo con un vídeo por que creo que es la manera que mejor sé comunicar y hacer realmente una mejor experiencia de usuario. Muchas gracias.