Metáfora de la Maleta

METÁFORA: MALETA / PORTAFOLIO

La metáfora propuesta es la representación del portafolio (maleta) personal del diseñador y comunicólogo Joan Costa, en donde dentro de esta se encuentran  diferentes objetos los cuales serán los iconos correspondientes para cada uno de los hipervínculos principales establecidos en el mapa de navegación propuesto.

En su totalidad, el portafolio contendrá 5 objetos (hipervínculos) principales, en donde cada uno aludirá y relacionará directamente a la temática y aspectos a destacar del autor que se quiere representar.

Los cincos objetos dentro de la maleta con los que el usuario se encontrará son:

·         Bolsillo con Lápiz, lapicero y borrador: Icono para la categoría de biografía.

·         Fotografías: Icono que representa la galería.

·         Periódico: Icono que representa las publicaciones del autor.

·         Folder / Carpeta: Representa la categoría de producciones.

·         Libreta de apuntes: Representación del hipervínculo para los derechos de autor (créditos).

En esta pantalla principal, sólo se evidenciarán cada una de las representaciones, sin descripción alguna. Cuando el usuario posicione el cursor sobre cualquiera de los gráficos mencionados anteriormente, es allí donde se describe el nombre de la categoría a la que alude la respectiva representación gráfica a la cual se desea acceder.

Además, el posicionamiento de los gráficos dentro del portafolio corresponde a la intención de darle un poco de sentido al orden en que el usuario accederá a la información, porque, a pesar de que se establece en un mapa de navegación jerárquico y el usuario puede empezar a navegar desde cualquiera de los ítems principales, también se debe establecer un poco de lógica a la disposición de los elementos, para que en la mayoría de los casos, la primera información a la que se acceda sea la biografía y la última sea los créditos. Teniendo en cuenta esto y el orden de lectura establecido en occidente (izquierda a derecha y de arriba a abajo) el posible orden para acceder a la información según la disposición propuesta de los elementos es: biografía, galería, publicaciones, producciones y créditos.

Con respecto al menú principal, los elementos que se representen en éste, no tendrán gran nivel de detalles, estos serán sencillos pero conservarán su esencia que permitirá al usuario reconocer el respectivo elemento.

Por otra parte, además del portafolio con sus correspondientes ítems, en la pantalla principal se dispondrá en la parte superior derecha un botón con el icono de audio, en donde el usuario decidirá si desea navegar dentro del sitioweb con o sin sonido. Junto con este icono, se dispondrá un segundo botón que tenga la descripción "intro",  el cual permitirá al usuario volver a la introducción inicial que se presenta al acceder en el sitio multimedia.

Es necesario aclarar que estos botones con sus respectivos iconos variarán dependiendo de la categoría y pantalla, pero estos siempre estarán dispuestos en la misma ubicación: esquina superior derecha.

Además, al igual que los respectivos botones de navegación en cada una de las pantallas, en la esquina inferior derecha se representará el nombre del proyecto multimedia "Conociendo a Joan Costa" y debajo del mismo, el nombre de la respectiva categoría y subcategoría en la que se encuentra el usuario. 

Acerca de la introducción

Ingresando al sitioweb, se proporcionará brevemente al usuario una introducción previa a la pantalla del menú principal. Esto se realiza con dos intenciones: La primera es captar la atención del usuario, y la segunda es la intención de contextualizar al mismo acerca del entorno  en el que se estará navegando, haciendo mucho más clara la intención de la metáfora establecida.

Esta introducción mostrará:

·         Una edificación la cual será la representación de la organización fundada por Costa: Joan Costa Institute.

·         Se genera un zoom hasta entrar a la edificación donde se evidenciará un ambiente laboral con varias oficinas y personas.

·         Se continua con la sensación de desplazamiento hasta llegar a una puerta la cual tiene un rótulo que dice Joan Costa.

·         La puerta se abre y se identifica que es la oficina de Joan Costa.

·         En la oficina hay un escritorio con varias cosas: computador, lápices de colores, hojas de papel con bocetos, etc.

·         Apartado de estos objetos, está un portafolio cerrado, en el cual se enfoca la pantalla.

·         El usuario debe dar clic sobre el portafolio para que éste se abra.

·         Se llega a la pantalla del menú principal.

En lo que respecta a interfaz, al igual que lo comentado en la pantalla principal, en la parte superior derecha se evidenciará tanto el botón de sonido, como otro que represente una flecha hacia adelante que permitirá al usuario saltarse la introducción. Además, en la parte inferior derecha se evidenciará igualmente, el nombre del sitio multimedia.

­­­PANTALLA INTERNA: METÁFORA: MALETA / PORTAFOLIO

Descripción general de las pantallas

Con relación a las pantallas internas que se desprenden del menú principal, se puede establecer que al dar clic sobre cualquiera de los hipervínculos iníciales lo que se evidencia es una pantalla que represente de manera más detallada el icono correspondiente, con los subtítulos determinados para cada categoría.

Lo anterior quiere decir, que las pantallas secundarías de los hipervínculos principales (biografía, galería, publicaciones, etc.) no serán iguales entre sí, pero las que pertenezcan a la misma categoría mantendrán el mismo estilo de representación gráfica.

Es necesario aclarar que aunque las pantallas no sean iguales en todas la categoría, si se mantiene una idea y esencia:

1. Pantalla 1: Menú principal - Color rojo mapa de navegación.

2. Pantalla 2: Elemento de la categoría seleccionado con mayor detalle. - Color azul mapa de navegación.

3. Pantalla 3:  Se amplía nuevamente la ramificación escogida con más detalles ya sea para proporcionar únicamente información o para dar a conocer nuevos hipervínculos. - Color verde mapa de navegación.

4. Pantalla 4:  Solo dos categoría llegan hasta este número de pantallas internas. Se continua con la misma dinámica: se amplía nuevamente la ramificación escogida con más detalles para proporcionar la información. - Color naranja mapa de navegación.

Por otra parte, con respecto a los iconos que se ubican en la parte superior derecha que siempre aparecerán en las pantallas 2 a 4 son los que representan:

·         Sonido

·         Volver a menú principal

·         Retroceder a la pantalla anterior.

También debajo del nombre del sitioweb, aparecerá el nombre de la categoría en la que el usuario esta navegando y junto a estos, dependiendo de la ramificación en la que se encuentre, aparecerán en la interfaz iconos que aluden a la sección en la que está el usuario. Lo anterior es con la intención de que el usuario no se pierda dentro del proyecto multimedia. 

Descripción de una de las pantallas:

Para dejar más en claro lo mencionado, podemos tomar  como ejemplo la categoría de Publicaciones, que se representa a través del periódico.

Al dar clic en el periódico que se encuentra en el menú principal, se abre la pantalla secundaría que evidencia el mismo periódico con más detalles (en la cuestión de que ya se representan gráficos y títulos dentro del mismo). Además en la parte inferior, junto con el nombre del sitio, aparecerá un icono de un portafolio que le permitirá recordar al usuario que aun está dentro del mismo (Pantalla 2).

 Como existen más ramificaciones de información dentro de esta categoría, lo que se proporciona en la pantalla siguiente es la opción de seleccionar entre dos nuevos iconos (botones): Artículos u Obras en donde también aparecerá una breve descripción de lo que se encontrará en los mismos. (Pantalla 2).

Al seleccionar cualquiera de las opciones anteriores, se genera una nueva pantalla, en donde se detalla y se hace zoom a la ilustración del icono previamente seleccionado. Allí, como se muestra en las ilustraciones, en la parte inferior,  junto al icono del portafolio aparecerá uno nuevo que representa al periódico (de donde se está obteniendo la nueva información), el cual a la vez está dentro del portafolio(Pantalla 3).

 La ramificación de Obras tiene la cuarta pantalla, lo cual quiere decir que los dos libros se vuelven botones y ya sea que se escoja la opción UAO o la opción Principales obras, en ambas, la nueva pantalla que se genera es la representación de un libro abierto en donde se pasa uno a uno la imagen con la correspondiente descripción de cada uno de los libros. Como es una pantalla nueva, aparecerá en la parte inferior un nuevo icono junto al del periódico, que en este caso es un libro rojo.(Pantalla 4).

Finalmente es necesario aclarar que:

·         Los iconos inferiores solo son representaciones guías (no son botones, ni tienen ninguna otra función).

·         Para las pantallas internas de cada una de las 5 categorías, se establecerá un color, o dependiendo el caso una gama cromática, que será aplicado en el número correspondiente de pantallas. Por ejemplo en el caso de la categoría Publicaciones (periódico), el color asignado es el gris.