Diseñadores 15 herramientas de UX y UI para aumentar su productividad

Si pasa demasiado tiempo creando un prototipo de su próximo gran diseño, es posible que tenga que dar un paso atrás y Evalúa las herramientas y recursos que tienes a mano.. No hay razón para apegarse a la misma herramienta de creación de esquemas o prototipos cuando se agregan con frecuencia nuevas y mejores herramientas de UX y recursos de UI en la Web. Trabaje más rápido, mejor y más extenso con herramientas más potentes y kits de IU más frescos.

Para ayudarlo con esto, tenemos aquí 15 herramientas de UX y UI que son excelentes para la creación de prototipos. Algunos de ellos llevan arrastrar y soltar funcionalidades y potentes funciones de colaboración en equipo, mientras que otros contienen excelentes recursos para probar la usabilidad de su diseño dentro de la fase de desarrollo y, en algunos casos, en tiempo real..

Más sobre Hongkiat:

• 20 hermosas carteras de diseñadores de UI y UX
• (Más) útiles herramientas de prueba de usabilidad web.
• Lo que necesitas saber sobre las pruebas de usabilidad.
• Resultados de las pruebas A / B y estudios de caso para el diseño de la experiencia del usuario.
• 20 bocetos conceptuales de UI vs diseños listos que deberías ver

Proto.io

Puede crear sus prototipos en el navegador a través de arrastrar y soltar y el código cero con Proto.io, y encima de eso, se aplican múltiples eventos táctiles y de mouse a cualquier elemento de la interfaz de usuario. Proto.io también ofrece una de las bibliotecas de IU interactivas más realistas y útiles que encontrará en cualquier herramienta de creación de prototipos. Pruebe su prototipo en un dispositivo real y discuta su información relacionada con el diseño con los miembros del equipo con su herramienta de colaboración.

Pidoco

Cree wireframes seleccionables de forma rápida y fácil con la función de arrastrar y soltar de Picodo, luego cree, edite y comparta un número ilimitado de maquetas o prototipos de wireframe con miembros del equipo y clientes en tiempo real. Sus poderosas funciones de retroalimentación y discusión hacen que la colaboración sea excelente y fácil. Guarde sus plantillas personalizadas para su reutilización más adelante y pruebe sus prototipos en sus dispositivos móviles favoritos.

Vonn Mobile Material Design UI Kit

El Kit de interfaz de usuario de Vonn Material Design por Visual Hierarchy presenta 100 hermosas plantillas de IU de arrastrar y soltar en 8 categorías, todas perfectas para crear aplicaciones de Android. Las plantillas están diseñadas a 1920 × 1080 píxeles para proporcionar un ajuste perfecto en un dispositivo móvil. No se necesita codificación. El kit de interfaz de usuario de Vonn es totalmente compatible con las pautas de diseño de materiales de Google para el estilo y el diseño.

AppCooker

Con las características avanzadas que AppCooker trae a la mesa, ahorrará tiempo, dinero e impresionará a sus clientes, al mismo tiempo que diseña y comparte bellas maquetas para iPhone y iPad mediante el uso de widgets nativos de iOS. ¿No tienes tiempo para crear una maqueta desde cero? Entonces, AppCooker es la aplicación para ti..

Luciérnaga

Firefly es una herramienta de desarrollo de aplicaciones muy práctica que presenta una útil combinación de funciones de diseño, administración de datos y colaboración, ideal para organizaciones con equipos de desarrollo muy dispersos. Con Firefly, es posible cargar maquetas, diseños de aplicaciones, imágenes e incluso páginas web completas durante el proceso de diseño. Esta herramienta tiene la capacidad de administrar múltiples versiones de diseño, al tiempo que permite que los colaboradores se incorporen a la imagen en cualquier momento durante el proceso de diseño para compartir información..

InVision

InVision proporciona una plataforma de creación de prototipos, colaboración y flujo de trabajo adecuada para aplicaciones en un entorno impulsado por el diseño. Transforma fácil y rápidamente las pantallas estáticas en prototipos interactivos. Su funcionalidad de arrastrar y soltar hace prototipos rápidos durante cualquier fase de desarrollo. Las funciones de información que se han incorporado a esta herramienta hacen que la presentación del diseño en tiempo real, la colaboración y los comentarios que se muestran convenientemente se hagan realidad..

Ace iOS 8 Mobile UI Kit

El Ace Module UI Kit está bien organizado y listo para utilizar para simular los diseños de aplicaciones móviles iOS 8 en beneficio del usuario final. Con 75 plantillas PSD y más de 100 iconos a disposición del diseñador, el diseño de la aplicación para iPhone es más fácil que nunca. Las pantallas disponibles en el kit permiten crear más de 1000 aplicaciones diferentes. Las plantillas se crean para el tamaño Retina HD 4.7 y son una combinación perfecta para crear aplicaciones sorprendentes en el iPhone 6.

Pruebas de usuario

User Testing es una plataforma de investigación de usuarios que se puede utilizar para probar aplicaciones móviles lanzadas o no lanzadas en dispositivos iOS y Android. User Testing diseñará una prueba para usted, o usted puede diseñar una prueba usted mismo. Puede ejecutar la prueba en minutos y obtener los resultados en una hora. Lo bueno de esto es que los comentarios no solo son métricos sino también videos de personas reales que comentan sobre la usabilidad de su aplicación..

Prott

Prott es una poderosa herramienta rápida de creación de prototipos y colaboración especialmente diseñada para crear aplicaciones móviles. Los gráficos, bocetos e imágenes se pueden animar fácilmente, las pantallas se pueden sincronizar y el prototipo resultante se puede ver en un dispositivo real y compartir con los miembros del equipo para obtener comentarios colectivos. Las resoluciones y tamaños de pantalla de iOS y Android son totalmente compatibles.

Optimizamente

Optimizely es una plataforma de optimización que ofrece pruebas A / B rápidas y potentes para aplicaciones móviles. Un editor visual permite que se realicen cambios visuales en su aplicación en tiempo real y sobre la marcha sin tener que esperar a la revisión de la App Store, sin importar qué tan personalizado esté. Una única línea de código, generada por Optimizely e insertada en su HTML es la única codificación que es necesaria.

Notismo

Notism cuenta con una capacidad UX que permite que los eventos de diseño y el progreso se compartan con una facilidad notable y en tiempo real. Esto se traduce en iteraciones de diseño más rápidas, menos tiempo requerido para aprobaciones y un proceso de prueba de uso simplificado. La característica más importante que Notism trae a la mesa es la capacidad de colaborar con otros por video, una característica que algunos consideran un verdadero cambio de juego..

PowerMockup

PowerMockup es una útil herramienta de creación de prototipos que presenta un giro único. Esta herramienta proporciona las plantillas y la funcionalidad necesarias para el cableado, pero permite que el cableado real se realice en PowerPoint. Esto hace posible que los usuarios finales y los participantes no técnicos sigan más fácilmente el proceso de diseño. PowerMockup itera y redefine los diseños en tiempo real, mientras se mantiene enfocado en la facilidad de uso del producto final..

myna

Myna trae a la mesa una forma de prueba A / B que aprende en tiempo real a medida que realiza la prueba. Optimiza sus pruebas sobre la marcha, permitiendo que sus mejores diseños sean vistos por más de sus clientes o clientes potenciales. Las pruebas se realizan en función de sus visitantes individuales, no de páginas vistas individuales. Los resultados de las pruebas están disponibles rápidamente, y Myna incluso le permite hacer cambios en su diseño mientras las pruebas están en progreso.

Herramientas de usabilidad

Las herramientas de usabilidad proporcionan dos conjuntos de herramientas útiles para probar la usabilidad de su aplicación. Un conjunto identifica los problemas de usabilidad sobre la marcha y le dice qué características de su aplicación atraen la atención de sus visitantes y qué características se ignoran. El segundo conjunto proporciona comentarios de los usuarios relacionados con la apariencia de su aplicación. Ambos conjuntos ofrecen una variedad de opciones de prueba.

Antetipo

Antetype fue desarrollado por diseñadores de UI y proporciona todas las herramientas que necesita para diseñar prototipos ricos y de alta fidelidad. Hay más de 400 widgets disponibles para todas las plataformas principales, pero aún tiene la opción de agregar widgets adicionales, incluido el suyo. Las características integradas de interacción y anotación le permiten demostrar el trabajo de diseño en curso y hacer comentarios y comentarios disponibles para los miembros del equipo y las partes interesadas.

Nota del editor: Esta publicación está escrita por Kate Dagli para Hongkiat.com. Kate disfruta escribiendo redacciones para sitios web de desarrollo y tecnología. Actualmente es miembro del personal de the-webdesigner.co.