En el video anterior vimos lo que era el diseño de la interfaz del usuario hay técnicas que nos permiten
realizar esta parte.
Por ejemplo vamos a empezar con el Weyl framing que es el Guaire framing.
Bueno es una forma de diseñar un producto ya sea una app una web app es una aplicación web una tienda
virtual etc. o un sitio web en su forma estructural y del lado derecho.
Tengo el ejemplo de un Warframe que acabo de realizar para un cliente.
Un ejemplo muy sencillo puedes ver que no nos preocupamos por colores no nos preocupamos por tipos de
fuentes.
En esta etapa lo único que nos preocupa es el acomodo de los elementos de una forma muy estructural
muy muy sencilla los Guaire frames se utilizan en las primeras etapas del desarrollo para establecer
y mostrar la estructura básica del proyecto.
Este es un Warframe de un sitio web pero de nuevo puedes hacer uno para una aplicación móvil para una
tableta para un videojuego.
Para muchos otros de una tienda virtual de un salón de clases etcétera de un salón de clases virtual
muestran la estructura básica del proyecto antes de agregar elementos visuales Natta como lo que son
estos cuadros con una X a medias.
Son imágenes pero no muestra imágenes ni nada.
Muestro cosas muy sencillas aún no me meto en colores y muestran únicamente una parte estructural del
proyecto cuáles son las ventajas de crear un Warframe bueno puedes utilizarlo para mostrárselo a tu
cliente o a tu equipo de trabajo.
La ventaja que tienen es que los puedes mostrar sin haber escrito una sola línea de código o tampoco
sin gastar minutos en una herramienta de diseño.
Un Warframe puede ser muy sencillo que usualmente por ejemplo en mi caso iniciamos siempre en una hoja
de papel una vez que se aprueban se comienza a desarrollar el proyecto de forma más detallada con otro
tipo de herramientas los tenemos viendo en el siguiente video y un warfarina debe proporcionar la funcionalidad
actual y el posicionamiento de los elementos tales como menús títulos imágenes videos etc. Pero no nos
metemos en detalles cuáles son las desventajas del Warframe bueno al ser un diseño muy sencillo algunas
veces en papel algunas veces con aplicaciones muy rudimentarias el cliente o el grupo de trabajo puede
ser que no entienda bien la idea e incluso te digan en serio esto es lo que me vas a hacer tú puedes
decir bueno no esto es un prototipo es un Warframe aún no está finalizado.
Puede prestarse se va a necesitar la presencia del diseñador para explicar el diseño al cliente y algunas
veces el Warframe tiene mucho o poco espacio que una vez que el cliente nos facilita el contenido resulta
que el espacio que le hemos destinado resulta ser poco resulta ser mucho por lo tanto hay que realizar
ajustes como se utilizan en las primeras etapas del desarrollo suele ser muy común que el cliente una
vez que facilita el contenido el Warframe el espacio destinado simplemente no da la cantidad de contenido
finalmente vamos a ver algunas herramientas de Warframe va a ser encontrar herramientas como Azure balsámica
mock ups que para mí este es el mejor imagen proto punto aulló o Bespin.
Si tienes experiencia con programas como Photoshop o como ilustrador también puedes hacer el Warframe
con esas herramientas sin embargo suelen ser un poco más tardabas.
Estas herramientas que muestro aquí son de pago en algunos casos por además yo recomiendo hacer el Warframe
en papel y ese va a ser gratis te permite borrar y reescribir los diseños.
Este es el Warframe que se utiliza únicamente al inicio en el desarrollo del proyecto en el siguiente
video vamos a ver lo que es el prototipo que es la siguiente etapa y después de esta.