En este momento estás viendo Mapas de Navegación y Wireframes

Mapas de Navegación y Wireframes

La arquitectura de información en un sitio web debe estar orientada necesariamente a los usuarios ya sea una pagina web o una aplicación, esta debe tener una estructura entendible, menús simples y una navegación eficiente
Pasos para comenzar con el proceso de Arquitectura de Información del sitio web:

Clasificar la información en Categorías con el fin de crear un indice de contenidos, este sera el inicio de un mapa de navegación
Jerarquiza en contenido en un esquema global de tal modo que se ordene de mayor o menor relevancia utilizando el indice previamente creado
Ya sea que el sitio sea dinámico o estático diseña elementos que comuniquen el esquema global a cada unidad de contenido de la pagina web de tal forma que los elementos sean estructurados y funcionales
Modelar las diversas acciones que el usuario realizara en el sitio web, en general es un y secuencia y permitiraesquema que relaciona al usuario con la interfaz del sistema, de este proceso se obtienen 3 entregables
Mapa de Navegación
Wireframe
Partituras de interaccion


Mapa de Navegación:

Es la representación gráfica de la organización de los contenidos en una plataforma, su creación engloba, el diseño de espacios y planos para comunicar información de tal forma que el usuario tome caminos de forma virtual al visitar el sitio, basados en la información se estructuran caminos que serán de interés para el usuario, un buen mapa graficara todas las relaciones de jerarquía y secuencia y permitirá al equipo elaborara los escenarios de comportamiento para los usuarios.

Wireframes

Son la diagramacion de objetos utilizando bocetos de cada una de las pantallas de la pagina web, su objetivo es definir el contenido y la posición de los diversos objetos que conforman el sitio de esta manera se definen los sistema de navegación para el usuario cada área profesional de tu equipo de trabajo buscara en el wireframe la siguiente información para el Desarrollo para brindar una aproximación a las funcionalidades a programar en el sitio web y para el Diseño le da el estilo visual y la interfaz de usuario que debe tener la plataforma Gestión de proyectos estima tiempo de trabajos y presupuestos Contenidos define donde ira cada elemento, que relevancia tendrá y el formato adecuado

Partituras de interacción

El diseño de interacción en un sitio web o aplicación puede levantar un proyecto o tirarlo si no es capaz de responder a las necesidades de quienes navegan en el, una gran herramienta para el diseño de la interacción es la creación de modelos con lenguaje visual estos son las Partituras de Interacción, cada partitura tiene las siguientes capas:
1.- Acciones del usuario: objetivo del usuario que accederá al sitio
2.- Contacto directo: elementos concretos de la interfaz con los que el usuario interactua
3.- Proceso: funciones y comportamiento del sistema para responder al usuarioLas partituras ayudan a cada profesional a unificar sus ideas y tener una referencia visual de como quedara la plataforma, con base a las partituras el cliente podrá dar su aprobación o su punto de vista

Deja un comentario