¿Como se utilizo?

Se subió las pantalla que se diseñaron a Invison Studio donde se le dio animaciones(transiciones)para que se pueda ver como una aplicación móvil.

 

Se puso interacciones donde se quería que funcionara.

Para que finalmente quede así:

    

Aplicación a utilizar

Invison Studio

InVision es una herramienta de prototipado para diseñadores que te permite crear mockups interactivos, para tus diseños de forma rápida. Estos mockups los puedes compartir con tus clientes, o con tu equipo. También puedes comentar directamente en la plataforma y tus clientes pueden hacer lo mismo.

Características

Las características de InVision y posibilidades son tantas que no podría nombrarlas a todas en este artículo, pero, por ejemplo puedes:

-Realizar tests de usabilidad;

-Ver cómo funciona o tiene que funcionar un sistema y obtener feedback de -forma fácil;

-Tener tu equipo de diseño sincronizado. Si los miembros del equipo están en diferentes lugares, por ejemplo;

-Trabajar en la interfaz de usuario sin tener que programar una línea de código;

-Crear prototipos para proyectos complejos que pueden ser testados antes que los desarrolladores empiecen a programar.

-Tener wireframes, seguimiento de comentarios y control de versiones en el mismo sitio

-Usar como herramienta colaborativa

InVision te permite  dar vida a tu diseño, pues puedes crear prototipos con animaciones, interacciones y transiciones.

Requerimientos

Sistemas operativos de escritorio:

Actualmente admitimos Studio cuando está instalado en una computadora Mac con macOS 10.11 o posterior. También admitimos Studio para Windows cuando se instala en dispositivos que usan Windows 10 o posterior con un procesador Intel o AMD de 64 bits (los procesadores ARM no serán compatibles). Se recomiendan dispositivos con Windows con más de 8 GB de RAM.

Navegadores:

Los prototipos publicados en el Visor de documentos funcionan mejor cuando se cumplen estas especificaciones del navegador:

Firefox (dos últimas versiones)

Chrome (dos últimas versiones)

Safari (dos últimas versiones)

Sistemas operativos móviles:

Con la función de duplicación de dispositivos de Studio , que funciona con las aplicaciones InVision para iOS y Android, apoyamos la visualización de sus prototipos en dispositivos móviles con los siguientes sistemas operativos:

iOS 11+

Android OS 7.0+

Especificaciones mínimas para tarjetas gráficas:

Para garantizar un rendimiento óptimo, querrá usar Studio en una computadora con tarjetas gráficas que cumplan con estas especificaciones:

Intel HD Graphics 5000 y superior (se encuentra en ciertos  modelos de MacBook Air a mediados de 2013 y en ciertos modelos de iMac y Mac mini en 2014 )

Nvidia GeForce GT 650M y superior (se encuentra en ciertos modelos de MacBook Pro e iMac a mediados de 2012 )

ATI Radeon HD 4850 y superior (se encuentra en ciertos modelos de iMac a principios de 2009 )

Si está utilizando Studio para Windows, le recomendamos instalar el controlador más reciente directamente del fabricante de la tarjeta gráfica para su dispositivo.

Fuentes

- https://support.invisionapp.com/hc/en-us/articles/360007118692-What-are-the-system-requirements-for-Studio-

-https://inusual.com/es/blog/la-herramienta-ideal-para-prototipar

¿Que son los prototipos de alta fidelidad ?

El prototipo de alta fidelidad es un método donde el prototipo utilizado para el test se corresponde con la interfaz real en la mayor medida posible.

Se caracterizan por el uso de herramientas especializadas de prototipado que ofrecen más detalle y precisión, por requerir de expertos que conozcan dichas herramientas, por ser más caros (tanto las herramientas como los expertos no son precisamente baratos), por necesitar mayor tiempo para implementar el prototipo y los cambios, por crear falsas expectativas (suelen hacer creer al usuario y/o cliente que el producto está más avanzado de lo que realmente está) y, además, pueden paralizar la prueba si ocurre algún error.

Ventajas

• Permite un mayor detalle de interacción.
• Se acerca al contenido y esboza una estructura y funcionamiento realista.
• Al presentar mayor detalle, requiere menor imaginación del cliente para comprender el prototipo.

Desventajas

• Requiere un mayor tiempo de trabajo debido a su complejidad.
• Puede confundir al cliente y desviar la atención hacia el diseño si se utilizan elementos de color y/o imágenes.

Ejemplo :