15 herramientas y recursos de UX y UI para diseñadores web -

Por (patrocinador) en

Si está buscando una herramienta UI y UX para hacer que su diseño funcione más rápido y más fácilmente que nunca, puede encontrar la solución en la lista a continuación. Las herramientas enumeradas aquí son una combinación de herramientas más nuevas que han aparecido en el mercado y herramientas más antiguas que han experimentado mejoras o actualizaciones significativas.

También se enumeran varios recursos en línea que puede utilizar para probar la usabilidad y el rendimiento de sus diseños, ya sean aplicaciones completas, prototipos o sitios web en distintas etapas de desarrollo. Si está buscando los kits de interfaz de usuario adecuados, esta lista también contiene algunos buenos.

Proto.io

Si revisa la lista de funciones de Proto.io, puede tener la impresión de que esta herramienta es solo una de muchas herramientas similares. Sin embargo, se incluye aquí por una razón, y esa razón es que puede crear prototipos más rápido y más fácilmente con él que con otras herramientas. Proto.io es una de las herramientas de creación rápida de prototipos más fáciles de usar del mercado. Simplemente arrastre y suelte mientras aplica algunos eventos táctiles y del mouse, y estará allí.

El hecho de que Proto.io funcione en su navegador simplifica aún más las cosas, mientras que la adición de varias características nuevas, como una biblioteca de interfaz de usuario de Material Design de 49 elementos y otras mejoras, hace que esta herramienta de creación de prototipos sea más versátil que nunca. También puede trabajar sin conexión utilizando la aplicación Proto.io y descargar sus prototipos a su dispositivo para usarlos en el futuro. La mejor parte puede ser que nada de lo anterior requiere que escribas una sola línea de código.

pidoco

Pidoco es una herramienta especialmente útil si desea simular la apariencia de una aplicación real en medio del proceso de diseño cuando utiliza la creación rápida de prototipos como enfoque de diseño. Con Pidoco a su alcance, puede crear estructuras alámbricas rápida y fácilmente y probarlas en dispositivos reales.

Las características de creación de prototipos que Pidoco trae a la mesa son razón suficiente para considerar el uso de esta herramienta, pero si hay un factor decisivo, bien puede residir en sus características de gestión de cambios. La creación rápida de prototipos no está exenta de riesgos como enfoque de diseño, ya que es muy fácil perder el control sobre dónde se encuentra. Pidoco aborda este problema colocando plantillas de diseño en capas globales. Si realiza un cambio en una capa, otras capas afectadas también cambiarán. Las funciones de colaboración de Pidoco también son fáciles de usar para sus necesidades de compartir, editar y rastrear.

Kit de interfaz de usuario de diseño de materiales móviles de Vonn

When you create an Android app with the Vonn Mobile Material Design UI Kit, you may have trouble convincing others that you were able to get such superb results in so short a time. Creating an app with this kit is seldom a slow, painstaking process, thanks in part to Vonn’s compatibility with Google’s Material Design Guidelines. Because of its ability to create stunning, fresh-looking apps filled with bold colors and clever animations, this Vonn kit is one of the better, if not the best, Material Design kits for app creation on the market today.

Getting started on your design is easy. You have at your disposal 100 drag and drop templates in 9 logically-defined categories that you can open with Adobe PhotoShop. From that point on, creating your app is about as easy as it gets.

Firefly

Firefly is a UX tool that will nicely fit in any app developer’s toolbox. It does everything you would expect a collaboration tool to do, but several additional features really make this tool stand out. It’s not all that difficult to lose configuration control when designing a product by means of rapid prototyping. Firefly’s design management function keeps that from happening. With Firefly, you can upload information you wish to share, receive feedback, and edit on the fly, while maintaining version control in the process, making it an ideal tool for widely distributed teams.

InVision

InVision’s basic functions and capabilities are not all that much different from many other UI and UX tools of this type on the market. What sets it apart, is its ease of use. You cannot sit back and let it do all the work, but transforming static screens into interactive, clickable prototypes, and using InVision’s drag and drop features are about as easy and problem-free as it gets. The task management and collaboration features embedded in this tool are equally impressive.

AppCooker

With AppCooker at your disposal, you will spend less time programming, and have much more to show for it. The beautiful iOS apps you can design, build, and share using this versatile tool are certain to impress your clients. They will also be favorably impressed, not only by the realistic look and feel of your prototypes, but by the savings in time and money realized when using this tool. Just as a great dish consists of several enticing food choices, AppCooker consists of several powerful, interacting tools, tools that can make you a true AppChef.

User Testing

User Testing provides an innovative testing approach for your website, app, or prototype. It provides videos of people viewing or using what you have created. You can also have User Testing test your prototypes or apps on iOS and Android devices using one or more of their preselected tests, or do so by creating tests of your own. Metrics are provided to help you assess your progress or the performance of your finished product.

Ace iOS 8 Mobile UI Kit

This Ace iOS Mobil UI Kit is highly-organized, and comes ready to use to mock up iOS 8 mobile app designs to show your clients. There is no need to spend half of a day trying to figure out how the kit works either. The learning curve is so gentle that the kit is practically a turnkey operation. This kit’s set of available screens will enable you to turn out over 1000 different apps.

HeatData

HeatData offers a crucial service to mobile app developers. Bounce rates on mobile tend to be much higher than on other platforms, and why this happens is not always well understood. HeatData measures clicks, swipes, zooms, and drags, and presents the results on a metric dashboard together with heatmaps of user interactions. HeatData already works nicely with several existing prototyping tools, with more on the way.

Pickfu

PickFu is a polling service. You ask questions with answer options, and receive feedback from selected responders. You can use this service to get users’ comments or suggestions on anything ranging from prototype and app usage to document content. PickFu provides detailed, unbiased, audience-driven data and demographic information, giving you an objective third-party point of view to assist you in making decisions as you go forward.

The Omni Group

The Omni Group is a suite of iOS development tools. OmniGraffle is a powerful tool for creating anything from sketches and schematics to wireframes. If you are a serious app developer, the Pro version of OmniGraffle will be what you want, and you will also need AppleScript Actions Support to add animation and automated features to your design. OmniFocus and Omni Plan, task management and planning tools for larger projects, complete the toolkit.

PowerMockup

If you are capable of creating a decent presentation using PowerPoint, you should have no trouble creating useful prototypes on PowerMockup, as the two go together hand-in-glove. Since you are working with PowerMockup, and in PowerPoint at the same time, your prototypes and other design efforts will tend to be easier for non-technical stakeholders to understand. This places them in a much better position to offer constructive feedback as you proceed through the design phase.

Notism

Notism features both prototyping and collaboration capabilities, although its main strength lies in the latter category. You can create interactive prototypes on this tool and share them, along with sketches, notes and other information, but the potentially game-changing feature of Notism is that it allows you to communicate your ideas and information to co-workers and clients by video.

Prott

Prott para iOS es una herramienta de colaboración y creación rápida de prototipos que es más adecuada para crear aplicaciones móviles. Se pueden crear prototipos en todos los dispositivos, las resoluciones de pantalla de iOS y Android son totalmente compatibles y los tamaños de pantalla se personalizan fácilmente. Prott es una herramienta a un precio razonable y puedes elegir entre varias versiones dependiendo del tamaño de tu equipo. Si desea probarlo, su primer proyecto no le costará nada.

Maravilla

Marvel proporciona una forma rápida y sencilla de crear prototipos interactivos y no le cuesta nada. Todo lo que necesitas para comenzar es una cuenta de Dropbox. Inicie sesión y comience a construir su prototipo, mientras usa Dropbox Sync para iterar su diseño. Tu cuenta de Dropbox es una vía ideal para compartir tus ideas y diseños con otros. Vale la pena probar Marvel si buscas un enfoque sencillo para la creación de prototipos.

Cualquiera de las herramientas enumeradas aquí podría ser una adición útil a su conjunto de herramientas. La mayoría de ellos son bastante versátiles, mientras que varios se centran en necesidades más específicas como la gestión de cambios o las pruebas de usabilidad. Si hay una herramienta que cree que debería incluirse en esta lista, háganoslo saber agregando sus comentarios a continuación.