Inicio > Cómo aplicamos la AI > Herramientas metodológicas > Wireframe
 
Wireframe


Qué es Para qué sirve En qué proyectos se aplica Ejemplo

Un wireframe es un bosquejo de la ubicación de elementos en una pantalla. Dependiendo de la etapa de desarrollo del proyecto, generamos el wireframe básico, que expresa los elementos de una pantalla genérica, aplicable a todo un sistema; wireframe tipo, que expresa la estructura de pantallas de una misma categoría, como canales o páginas terminales; y wireframe detallado, que especifica la composición de páginas específicas (se aplica especialmente a pantallas que implican la realización de acciones).

A ellos debe sumarse, para ciertos proyectos en que tan relevante como ubicar los elementos en pantalla es simular el funcionamiento, los wireframes funcionales, que no se limitan a una estructura estática, sino que también permiten la navegación.

Un wireframe grafica básicamente:
Elementos de navegación: menús, accesos directos e hipervínculos.
Elementos de información: contenidos de texto e imágenes.
Elementos de interacción: herramientas o funcionalidades que el usuario puede realizar.
Elementos de apoyo: ítems de ayuda y orientación, como mapas de navegación o faqs.
Elementos promocionales: espacio dedicado a banners publicitarios o a destacados internos del propio producto.

» Fases
» Herramientas metodológicas
» Principios
» Valor agregado
 
Más herramientas
  Entrevista con el cliente
  Análisis de comparables
  Inventario de contenidos
  Mapa de navegación
» Wireframes
  Rotulado de hipervínculos
  Diseño de interacción
  Pruebas de usabilidad
  Test heurístico
   
Inicio Mapa Imprimir Contáctenos