En el campo del diseño web “Wireframe” hace referencia a una representación esquemática de una página web que muestra el contenido y el comportamiento de las páginas. Es en suma, un borrador o esbozo que en forma de guía visual, que facilita la comunicación y la realización del proyecto.
Podemos plantear una analogía entre el diseño de estos prototipos de sitios web con la producción de croquis de cartografía en Internet. En especial con los mapas disponibles en los visores de las infraestructuras de datos espaciales y con los mapas interactivos.
Utilizar la aproximación wireframe, implica diseñar tres aspectos en estos nuevos croquis cartográficos: la información, la navegación y la interfaz.
-
El diseño de la información: consiste en resumir la colocación y la priorización de la información de una manera que facilita la comprensión del mapa. El diseño de información tiene una fuerte influencia el diseño gráfico y la comunicación cartográfica. El objetivo es facilitar la lectura del mapa mostrando la información de la manera más efectiva para lograr una comunicación cartográfica clara. Es la parte más importante en los mapas como imagen, abarca desde la colocación delos elementos a todos los elementos relacionados con la simbología.
-
El diseño del sistema de navegación proporciona un conjunto de elementos de la pantalla que permiten al usuario mover una página a través de un sitio web. El diseño de navegación debe comunicar la relación entre los enlaces que contiene un mapa para que los usuarios a entender las opciones que tienen para la navegación por el sitio. Un ejemplo en los mapas web es la gestión prevista de los hiperenlaces dela información. En los mapas como imagen no existe esa función de manera estricta, aunque una función semejante al realizan las ayudas a la geolocalización, cuadricula de coordenadas, ventanas auxiliares con mapas de localización y situación o el geoetiquetado en distintos ge identificadores.
-
El diseño de la Interfaz del usuario incluye la selección y organización de elementos de la interfaz para permitir a los usuarios interactuar con la funcionalidad del mapa. En los mapas web implica elegir los servicios, funcionalidades sobre las capas cartográficas, disponibles por los usuarios del mapa digital.Un ejemplo Los servicios básicos en una IDE. EN los mapas como imagen no existe esta fase del diseño.
Herramientas para construir wireframe: Hot Gloo, Mockingbird, Pencil Project, ProtoShare, Balsamiq, Flair Builder, Cacoo, Serena: Prototype Composer, MockFlow, fluidIA, Lumzy, GUI Studio Design, iPlotz,OmniGraffle
Un ejercicio: utilice google maps o un visor de una IDE e identifique esos elementos.
