Bienvenido a nuestra galería de prototipos
Incorporación de IFTTT
IFTTT.com es conocido por su tutorial de incorporación. Lo recreamos usando gestos de deslizamiento y estados de la interfaz de usuario en Indig.Design. Está creado en escala de grises para mostrar que aún puedes comunicar una experiencia de alta fidelidad sin maquetas.
Validación de registro
Active flujos de usuarios ramificados en función de lo que las personas escriben en los campos del formulario o de cómo interactúan (por ejemplo, presionando Intro). Simulamos una condición de error cuando los usuarios tocan registrarse sin completar el formulario. Es fácil crear flujos lógicos con Indigo.Design.
Aplicación de dinero
Mostrando un prototipo de una aplicación de seguimiento de gastos personales para realizar un seguimiento de los gastos mensuales. Sólo las historias de usuarios clave han sido prototipos. Por ejemplo, agregar un nuevo gasto y ver el presupuesto del mes con transacciones categorizadas.
Estadísticas mundiales
Este prototipo de iPad simula algunos escenarios clave de GapMinder.org y muestra las capacidades de animación en Indigo.Design. Utiliza la línea de tiempo de animación para animar las transiciones de cada elemento de la interfaz de usuario. ¡Lanza el prototipo y presiona JUGAR!
¡Encuentra al Panda!
¡La creación de prototipos no siempre tiene por qué ser algo serio! ¿Puedes encontrar al panda en este prototipo? Intente utilizar la barra de herramientas del prototipo para ver la tabla de contenidos. Descargue el prototipo para ver cómo se creó.
Sitio web de Estudio Índigo
Antes de comenzar a codificar el nuevo sitio web para Indigo Studio, creamos un prototipo utilizando maquetas y puntos de acceso. También utiliza elementos de pantalla para la navegación principal y para comunicar rápidamente las animaciones esperadas.
Clima de escritorio
Este prototipo simula la aplicación meteorológica en el escritorio de Windows 10. Haga clic en el menú lateral para ver un ejemplo de un elemento de interfaz de usuario personalizado creado como una parte de pantalla con comportamientos anidados. De hecho, toda la pantalla está hecha con múltiples partes de pantalla.
GetBootstrap.com
Vea cómo las ventanas gráficas responsivas de Bootstrap se simplifican con Indigo.Design. Descubra cómo funcionan los diseños de 12 columnas junto con un enfoque móvil primero presentado por Bootstrap. Y qué mejor manera de demostrarlo que crear un prototipo de getbootstrap.com.
