Galexia, estudio de navegación en un sitio Web semántico

Propuestas de interfaz previas

Los “Wireframes” o “Prototipos de baja fidelidad” son diseños basados en líneas que buscan definir la diagramación y organización de los elementos de un sitio.

Los wireframes permiten entender la globalidad de un sitio en relación a sus contenidos. El Wireframe prioriza diagramación y distribución de contenidos por sobre los aspectos gráficos. Permite centrarse en el contenido y no en el diseño visual, definiendo su organización, previo al diseño, evitando cambios posteriores y perdida de tiempo.

1 Propuesta para la página de inicio

2 Búsqueda a través de inferencias

3 Visualización de una serie contenida dentro de una colección

4 Visualización por series

5 Visualización del artefacto

6 Visualización por tema

7 Visualización por lugar y tiempo en una sola página

8 Visualización por persona

9 Segunda propuesta para la página de inicio

10 Navegación tabular de la 2º propuesta

11 Visualización de los resultados de búsqueda

12 Visualización de los artefactos por listas

13 Visualización de los artefactos contenidos en cajas

14 Información contenida en las cajas de los artefactos

15 Visualización de las series contenidas en una colección

16 Artefacto como thumbail

17 Thumbnail del artefacto

18 Artefacto en tamaño completo

19 Visualización por lugar

20 Visualización por persona

21 Visualización de la ficha de una persona

22 Visualización por tiempo

1 La maqueta ya toma color y se comienzan a especificar temas más gráficos. Se comienza a desarrollar una iconografía que estuviese pensada para cambiar de color por medio de enmascarados y fondos. Así se le da un grado de personalización al usuario. Finalmente se abandona la idea de personalizar los íconos.

2 Se busca integrar diferentes propuestas de explorador patrimonial. En esta propuesta se reconocen no sólo cantidad de resultados sino también inferencias o conjugaciones para la búsqueda basadas en contextos de la palabra.
Finalmente se abandona esta idea debido que el reconocimiento del contexto y su asignación conuna faceta no es p osible de realizar al momento de programarlo.

3 Resultados por series. Ya comienza a desarrollarse el concepto de agrupación de contenidos por medio de series y colecciones. También se aprecia el grado de produnfidad del contenido.
De izquierda a derecha se va especificando el contenido. De arriba hacia abajo el grado de especificación es el mismo, es decir, todo lo ubicado verticalmente es similar en su grado de profundidad.

7 Se realiza una propuesta, la cual finalmente no fue ocupada, en la que se mezclaban dimensiones de tiempo y lugar. Es decir, en el mapa aparecían todos los artefactos relacionados a ese lugar en un rango de tiempo.
A medida que se movía la barra de tiempo, se iban ajustando los artefactos dentro del mapa.

8 Se propone por primera vez la relación entre personas en donde tienen en común un artefacto.
Aún hay una concepción equivocada de lo que es el artefacto. Se piensa más como documentos independientes que no corresponden a una dimensión espacio-temporal. Sin embargo ya hay un distingo de elementos relacionados a personas.

9 El sitio contiene un nombre correspondiente al archivo, secciones, un explorador patrimonial el cual es un formulario de búsqueda, una sección de noticias y muestra además las principales colecciones del archivo. El sitio posee una grilla de diagramación que divide el ancho del sitio en 8 columnas. En el caso de la portada, las colecciones se encuentran ocupando 2 columnas, mientras que la noticia ocupa 6.
Como se observa en la imagen, el archivo contiene colecciones. Las colecciones contienen series, las cuales vienen a ser subcategorías dentro de una colección, organizando de esta forma el contenido a modo de catálogo.
Dentro de las series se encuentran los artefactos, los cuales son cosas, objetos que perfectamente podrían asociarse a la museología. Los artefactos pueden tener muchas visualizaciones diferentes, pudiendo ser representadas como imágenes, textos, videos o audios.

10 Al pasar el cursor por sobre una colección muestra la cantidad series contenidas.

11 Página de resultados de búsqueda. Arroja 3 tipos de resultados, eventos, series y artefactos. Los testeos de prototipado de papel permitieron ajustar la navegación de forma tabular, dándo la opción al usuario de poder escoger el modo de visualización de los resultados.
De esta forma, el usuario puede seleccionar si desea ver los resultados como imagen o si desea verlo como lista. Además, el usuario puede ordenar los archivos por nombre, tipo o fecha. Si ingresan a la lista, aparecen otros metadatos que permiten ir filtrando el contenido.

12 Resultados de eventos visualizados como listas. Ya van apareciendo los reconocimientos de documentos que se van conteniendo, sin embargo en esta etapa todavia no se distingue el concepto de artefacto.

13 Total de posibles visualizaciones contenidas en un artefacto. El artefacto es un objeto que puede tener muchas formas de ser mostrado. Estas son imágenes, textos, videos y audios.

16 Al ir avanzando por la navegación, las tabulaciones se van deslizando hacia la izquierda, haciendo aparecer los nuevos contenidos semánticos por el lado derecho. Esto es posible programarlo gracias a un efecto llamado Sliding Boxes, de JQuery.
En la columna derecha se aprecia la visualización de un artefacto, el cual posee una imagen incial, otras visualizaciones y 4 tipos de facetas que son personas, lugares, temas y tiempo.

18 Visualización completa del artefacto, en donde ya no sólo se aprecia el artefacto, sus visualizaciones y facetas, sino que también se pueden apreciar sus eventos asociados, se puede citar o compartir, auditar la información y aparece la descripción física e histórica del artefacto.

20 La propuesta de persona comienza a asimilarse bastante a la final. Se abstrae el elemento en común a puntos verder y rojos. Unos son los eventos y otros los artefactos. Estos 2 métodos de organización corresponden a una dimensión espacio-temporal y permiten que puedan vincularse con personas, lugares, temas y tiempo.