Análisis de herramientas para el diseño de mockups.

Abstract

"En el presente documento se realiza un análisis de las diferentes características que ofrecen las denominadas herramientas de diseño para mockups, wireframes y prototipos. El término wireframes al igual que los mockups, se refiere a el bosquejo de un producto o interfaz de usuario en su forma esquelética y su objetivo es dar una representación de cómo va a funcionar y como lucirá (Faranello, 2012). Un prototipo es una representación de un producto pero a diferencia de los wireframes, estos son de alta fidelidad. Los prototipos le permiten al usuario, una experiencia enriquecida por interacciones(Cooper, 2017). Como base existen guías de estilo que establecen recomendaciones y buenas prácticas sobre las tendencias en el diseño Web. Las guías de estilo han estado cambiando de acuerdo a la evolución en el diseño de las páginas Web; algunas de las guías de estilo (guidelines en inglés) que existen son: Atlassian® design, Brand style, hybrid style, Yelp® style, entre otras (Busche, 2015). La mayoría de las herramientas de mockups se basan en las guías de estilo en sus elementos, dado que las guías se basan en: aspecto visual, comportamiento y contexto, en donde las herramientas analizadas se centran principalmente en el aspecto visual. Además de las guías de estilo existen los principios que se aplican en el diseño de interfaces, los cuales son abordados dentro del capítulo 1, resaltando la importancia de seguir los principios en el diseño del sitio Web..."