Un esbozo de estructura alámbrica es una representación visual del diseño y la estructura del contenido de un sitio web o aplicación. Por lo general, se crea al comienzo del proceso de diseño para establecer los elementos básicos de diseño y el diseño sin centrarse en los detalles.
Los bocetos de estructura alámbrica son importantes porque permiten a los diseñadores crear y probar rápidamente diferentes ideas de diseño sin atascarse en los detalles. Ayudan a los diseñadores a establecer la estructura básica de un diseño, identificar problemas de diseño potenciales desde el principio y comunicar ideas de diseño a las partes interesadas.
Los bocetos de estructuras alámbricas se utilizan mejor como una herramienta para la lluvia de ideas y la ideación, así como para probar diferentes conceptos de diseño de manera rápida y eficiente. También se pueden utilizar para comunicar ideas de diseño a clientes o miembros del equipo, y para establecer una comprensión compartida de la dirección del diseño.
Una estructura alámbrica de Sketch generalmente incluye el diseño y la estructura básica de un sitio web o una aplicación, incluidos elementos como encabezados, pies de página, menús de navegación, áreas de contenido y marcadores de posición para imágenes y otros medios. La estructura alámbrica también puede incluir anotaciones o notas sobre elementos de diseño o funcionalidad específicos.
Los wireframes deben ser intencionalmente minimalistas y sombríos. El objetivo de la creación de tramas no es distraerse con paletas de colores o iconos parpadeantes, sino centrarse en el diseño central y el diseño de la página. Omita el color y el flash y concéntrese en el orden de los elementos y la ubicación de su llamada a la acción.
Al crear una estructura alámbrica, siempre debe pedir comentarios a sus compañeros de trabajo o miembros del equipo. Intente preguntar a personas de varios departamentos, ya que cada uno ofrecerá una perspectiva única sobre lo que les gusta de su diseño de estructura alámbrica y dónde aún hay margen de mejora.
Elija una meta u objetivo claro para la página. ¿El objetivo de esta página es capturar la dirección de correo electrónico del usuario para que un representante de ventas pueda realizar un seguimiento? ¿Es para que el usuario inicie una prueba gratuita? ¿O es para guiarlos a través de un proceso de compra de autoservicio? Sea lo que sea, elija un objetivo y siempre tenga ese objetivo en mente cuando diseñe.
Los bocetos alámbricos no siempre son necesarios, pero pueden ser una herramienta útil para establecer la estructura básica y el diseño de un diseño antes de pasar a un trabajo de diseño más detallado.
Los bocetos de estructuras alámbricas deben incluir suficientes detalles para comunicar la estructura básica y el diseño de un diseño, pero no tantos detalles como para que la creación consuma mucho tiempo o distraiga. El nivel de detalle requerido dependerá del proyecto de diseño específico y las necesidades del equipo de diseño o las partes interesadas.