Mejor prototipado de UI con el kit de UI Oracle Alta de Justinmind

Si quieres aplicar principios intuitivos de creación de prototipos de interfaz de usuario a aplicaciones web y móviles de nivel empresarial, estás de suerte. Nuestro kit de interfaz de usuario Oracle Alta se basa en uno de los mejores marcos de interfaz de usuario que existen para software empresarial orientado al móvil y fácil de usar.

Dicho esto, crear software empresarial fácil de usar es muy difícil, incluso con un marco de interfaz de usuario a tu disposición. Por eso Justinmind ha ideado un ingenioso ahorrador de tiempo: nuestro kit de UI Oracle Alta, para agilizar el diseño de software empresarial en nuestra herramienta de creación de prototipos.

Oracle Alta UI es un nuevo marco de interfaz de usuario que utilizan los productos en la nube de Oracle, así como las últimas versiones de las aplicaciones Oracle Fusion, y que permite una experiencia de usuario más atractiva para las aplicaciones web y móviles.

En el marco de interfaz de usuario Alta, los chicos de Oracle han revisado por completo sus anteriores componentes y estilos de interfaz de usuario. Alta ofrece nuevas interacciones orientadas al móvil, una enorme variedad de elementos de UI y algunos sofisticados patrones de diseño de UI. Navegación moderna, diseños despejados, diseño intuitivo: todos los elementos necesarios para crear un software que respete los principios de diseño de la interfaz de usuario. Con Alta UI puedes crear maquetas de software para las aplicaciones en la nube y Fusion de Oracle, además de aplicaciones móviles personalizadas de Oracle. Dentro del marco Alta UI de Oracle encontrarás:

• un conjunto de diseños
• Iconos de UI
• diseños adaptativos
• fuentes
• pieles
• paletas de colores
• animaciones

En lo que respecta a los diseñadores, la USP del framework Alta de Oracle es su potencial para hacer las cosas sin complicaciones. Los diseños son más limpios, los elementos son más dispersos, hay menos cromo en la UI… todo lo cual agiliza el proceso de creación de prototipos y de diseño, y reduce los problemas de diseño.

Para los usuarios, lo que marca la diferencia es la experiencia Oracle Alta. El marco está diseñado en torno a principios de diseño de UI:

• Mobile-first: se adapta a diseños con un ancho de pantalla de 1024px y permite el flujo vertical.
• Intuitivo: un diseño sencillo y despejado significa una UX sencilla y sin complicaciones.
• Jerarquía clara de la información: los elementos de la página tienen un orden de precedencia y se puede personalizar el tamaño y el peso de los elementos visuales y de texto.
• Atrae a los usuarios con contenido visual: el marco tiene una gran visualización de datos y gráficos simplificados para enfatizar el contenido dinámico
• Por último, mezcla y combina los colores de la paleta de colores de Oracle Alta UI para crear UI ricas y grandes experiencias de usuario

Crear prototipos realistas de aplicaciones Oracle es muy sencillo con el kit Alta UI de Justinmind. Nuestra biblioteca de UI te permite centrarte en diseñar e iterar tus diseños sin esfuerzo, ahorrándote tiempo para que puedas acercarte al producto final cuanto antes.

Cuando prototipas una aplicación web o móvil de Oracle con Justinmind, tienes acceso instantáneo a toda la arquitectura, interacciones, estilos y fuentes de Oracle. No hay necesidad de hacer maquetas de tus propias versiones de los elementos de UI o de la jerarquía de la información: basta con descargar el kit de UI de Justinmind, abrir un nuevo prototipo y estarás listo para empezar. La marca Oracle es estándar en todo el kit de interfaz de usuario Alta de Justinmind (¡por supuesto!), y hemos incluido una amplia gama de elementos de diseño de interfaz de usuario de Oracle, como iconos, avatares, cajones y páginas.

Oracle enfocó sus iconos Alta con una actitud de diseño basada en el sistema. El estilo de los iconos de Alta se basa en 4 principios: perspectiva, relleno, relleno del objeto frente a trazo y color. Esto se hizo para permitir una expresión de marca unificada en toda la UI.

Los iconos del kit UI de Justinmind coinciden con los de Oracle; además, son personalizables y complementarios, lo que significa una mejor experiencia para tus usuarios. Todos los iconos están construidos para ser mobile-first y responsive, así que eres libre de crear el prototipo de cualquier tipo de aplicación Oracle que quieras, sin límites. El kit UI tiene iconos para aplicaciones web y móviles. Y, por supuesto, puedes añadir iconos a tu interfaz de usuario mediante la sencilla función de arrastrar y soltar de Jutsinmind, lo que significa que estarás diseñando más rápido desde el primer momento. También puedes personalizar el aspecto de los activos de Oracle para adaptarlos a la visión de tu producto. Los recursos de UI seguirán siendo estándar en todas las pantallas del prototipo, lo que significa que la coherencia del diseño no es una preocupación.

Oracle creó sus patrones de diseño Alta con un objetivo claro en mente: «llevar las aplicaciones más rápido al mercado». Es un objetivo que probablemente todos podamos apoyar, y por eso Justinmind es fiel a los patrones de UI de Alta en su kit.

• Patrones para navegadores: creados para los navegadores modernos, así como para las aplicaciones de Oracle Cloud, estos patrones son totalmente adaptativos/responsivos. Desde las páginas marco Acerca de y Páginas de inicio hasta Formularios y Navegación posterior, en el kit encontrarás todos los patrones de diseño web que necesitas
• Patrones móviles: No hay que preocuparse por las cosas pequeñas. La UI Alta de Justinmind ofrece patrones móviles preelaborados, como barras de navegación, páginas de inicio de sesión y perfiles de usuario, todo ello según las especificaciones de Oracle Alta.

Todo lo que tienes que hacer es comprobar la gama de patrones para tu dispositivo, y seleccionar uno que resuelva los problemas del usuario. Dedicarás menos tiempo a las pruebas de usuario y a corregir fallos en la navegación, y más a añadir funciones personalizables para tu proyecto concreto. Por supuesto, la cosa no acaba en los patrones. Las potentes capacidades de interacción y animación de Justinmind te permiten convertir rápidamente wireframes web y móviles en prototipos totalmente interactivos. Las interacciones condicionales y las variables te darán ese mayor nivel de interactividad del que carecen otras herramientas de creación de prototipos (¡es un decir!).

Las cuadrículas de datos son una forma útil de mostrar información visualmente. Como uno de los componentes de UI más familiares, la cuadrícula puede adoptar varios diseños diferentes, como tablas, listas y paneles de control. No sólo eso, sino que las cuadrículas también pueden acomodar distintas configuraciones, como una tabla con una barra de estado o una vista de lista con una barra de herramientas. Las cuadrículas pueden ser divertidas para crear prototipos por ti mismo, pero no siempre hay tiempo en un proyecto de empresa para hacerlo. Por suerte, sólo tienes que añadir elementos de cuadrícula del kit Alta UI a tu prototipo de Justinmind y listo. Y una vez que hayas construido la cuadrícula según los requisitos visuales, puedes utilizar las capacidades de creación de prototipos basados en datos de Justinmind para añadir interacción. Crea prototipos de ventanas emergentes de confirmación avanzada, listas de deseos, listas de tareas pendientes y mucho más con los maestros de datos. Además, con las cuadrículas de datos, puedes crear búsquedas filtrando los datos reales y aplicando condiciones a la búsqueda.

Empezar a diseñar aplicaciones Oracle Alta en Justinmind es rápido y sencillo. Sólo tienes que seguir estos sencillos pasos:

1. Descarga la herramienta de creación de prototipos Justinmind
2. Descarga Oracle Alta desde nuestra página de kits de UI
3. Abre Justinmind y crea un nuevo prototipo web
4. Importa el kit de UI a Justinmind
5. ¡Diviértete diseñando aplicaciones Oracle Alta!

Ahora echemos un vistazo a lo que puedes hacer con el kit Oracle Alta UI.

Dentro del kit hay un montón de patrones de diseño de UI entre los que elegir, tanto si buscas una navegación básica por tarjetas como pantallas de actividad con desplazamiento animado. Todos ellos se han creado para evitar problemas comunes de usabilidad; Oracle ha hecho las pruebas de usuario para que tú no tengas que hacerlo (bueno, al menos no tanto). En nuestro ejemplo, vamos a crear un perfil de usuario con todos los atributos de diseño de la UI de Oracle Alta, mejorado con interacciones y animaciones de Justinmind.

Puede que se trate de una aplicación empresarial, pero los user persona siguen siendo la piedra angular de la usabilidad final de la aplicación. ¿Qué tipo de personas utilizarán este software? ¿Qué tipo de software han utilizado antes? ¿Cuáles son sus motivaciones?

Una vez que hayas descargado el kit Oracle Alta UI, puedes utilizarlo para crear un wireframe de aplicación móvil basado en tu perfil de usuario. El marco de perfiles de usuario de Oracle tiene cuatro pantallas posibles: puedes wireframearlas todas, arrastrando y soltando elementos de UI como la barra de navegación, el botón de suscripción y la imagen de cabecera en las pantallas. Con los Escenarios de Justinmind, puedes wireframear cada uno de los 4 perfiles para obtener una vista de alto nivel del flujo de navegación de tu wireframe.

Añadir interactividad a tus elementos de UI es un paso esencial para pasar de un wireframe básico a un prototipo interactivo. Puedes añadir interacciones simples o condicionales a tu prototipo de Perfil de Usuario de Oracle Alta para darle el aspecto y la sensación de una aplicación empresarial real. Por ejemplo, para añadir interacción al Menú Fijo en el marco del Perfil de Oracle, utiliza paneles dinámicos para mostrar diferentes contenidos en pantalla con cada toque en el menú. O bien, el mismo gesto sencillo de Pulsar podría llevar a los usuarios a una pantalla totalmente diferente: sólo tienes que crear un prototipo de evento de Pulsar/Cambiar en la barra de Eventos de la herramienta de creación de prototipos. Si quieres ir más allá, puedes utilizar el marco de perfiles de usuario de Oracle como base y, a continuación, crear un prototipo de validación de flujo de pantalla utilizando las variables de arrastrar y soltar de Justinmind. Mira cómo hacer una validación de flujo de pantalla en nuestro tutorial sobre prototipado de formularios y entradas. Tu prototipo llevará al usuario de pantalla en pantalla, reaccionando de forma inteligente a la información que proporcione. Es como la vida real.

Justinmind tiene una amplia gama de gestos entre los que elegir, todos los cuales pueden aprovecharse en tus prototipos móviles de Oracle UI para conseguir una experiencia de usuario fluida. En tu perfil de usuario, puede que quieras añadir una foto para subir o un botón de tocar para seguir. Es muy fácil. Sólo tienes que seleccionar el elemento de UI al que quieres añadir interacción -por ejemplo, el botón Seguir en el Perfil de Usuario-, seleccionar Gestos en el desplegable Evento y elegir entre toda la gama de movimientos móviles. A continuación, puedes elegir qué efecto de transición quieres que acompañe al gesto. Puesto que los gestos móviles hacen que tu prototipo sea más interactivo, al utilizarlos crearás un prototipo más intuitivo y fácil de usar.

Justinmind tiene todos los sospechosos habituales cuando se trata de animaciones y efectos. Tanto si quieres utilizar un fundido, una persiana, una caída o un rebote, los efectos y animaciones darán vida a tu prototipo. Ya has añadido ese Efecto de Transición arriba; remátalo con una ventana emergente de confirmación para que los usuarios sepan que han seguido un perfil con éxito. Personalízalo según las especificaciones de Oracle Alta. Ahí lo tienes, un prototipo de aplicación móvil Oracle Alta totalmente funcional, que ha cobrado vida con un poco de magia Justinmind.

Sólo tienes que descargar el kit Oracle Alta UI e instalarlo en tu herramienta de creación de prototipos Justinmind. Al instante estarás en camino de crear un software empresarial responsive y mobile-first que cumpla los principios de diseño de UI de Oracle. Sin complicaciones, sin código, sin pérdidas de tiempo: sólo buen diseño.