Se lee en 3 minutos

Fortunately, UI/UX design is becoming increasingly important in the search for success of our applications and websites. For this we have many tools that help us in the process of UI / UX design. The most relevant applications for each phase of the UX / UI design are listed below:

Research

Cassette: a nice way to record, transcribe and search for conversations such as interviews, meetings, talks or video calls.

Google Analytics: helps us to know how users interact with the content of our websites and applications, finding out what works and what doesn’t.

Google forms: for collecting and organizing information.

Hotjar: it gets instant visual feedback on how users are actually using our application or site so they can make the right changes. It has heatmaps, recordings, surveys, conversion funnels (to discover points to improve) and form analysis.

Mixpanel: to analyze all customer interactions (customer journey) with our product, using internal and external data. In this way we learn which features increase ROI, engagement, retention, etc.

Optimal Workshop:  a user research platform that facilitates team decision-making.

Optimizely: platform designed for product and marketing teams, useful for experimentation and customization. It allow us to know the impact of our campaigns and give us ways to control the return rates (ROI). In this way, commercial decisions are made based on real data.

Typeform: online service for conducting surveys.

Realtime Board: virtual whiteboard and visual collaboration platform for distributed teams.

StoriesOnBoard: user story mapping tool. It integrates with Trello, Jira and Github. Perfect for showing the projects status. Fast and always up-to-date status reports. 

Visual Design

Adobe Illustrator: well known software for design and vector drawing.  

Adobe XD: a UI solution for designing web and mobile products.  

Figma: this tool is used to prototype, design and collect feedback, all in one. It has a shared resource library. It is available for Mac, Linux and Windows.

InVision Studio: another popular tool that covers the entire product design workflow. Compatible with popular software such as Adobe Photoshop or Sketch. Design, prototype, animate and collaborate. All in one.

Keynote: focuses on the presentations development. Developed by Apple.

Photoshop: the world’s most widely used imaging software.

Sketch: one of the most popular and used. From the first ideas to the final designs. Essential.

Prototyping

Axure:  very powerful and well-known tool for the lo-fi or hi-fi prototypes development.

Flinto: it’s an App for Mac designed for developing interactive prototypes. It seamlessly integrates with Sketch and allows easy testing of micro-interactions on mobile devices. Very complete.

Framer: With an interface similar to Sketch, Framer (Mac only) allows you to draw your own iconography and create complex, high-fidelity designs. A powerful and popular software.

Justinmind: another well-known tool for designing wireframes and prototypes. It allows collaborative prototyping. It has extensive pre-installed UI kits, both for web and mobile.

Marvel: all-in-one platform. From the design and wireframe to the prototype, everything from the browser. Compatible with Photoshop and Sketch.

Origami: developed and used by the designers of Facebook. Available for Mac only. Allows component reuse, interaction building and live preview (Android and iOS). Compatible with Sketch. 

Principle: Sketch compatible. Focus on animation and interface interaction.

Savah app: interactive hi-fi prototypes. Design-driven project management. 

Supernova: native applications running instantly. Supports iOs , Android and React Native. Focuses on fast product development.

Zeplin: focuses on improving collaboration between designers and engineers. Support for Sketch, Adobe XD, Figma or Photoshop. 

Testing

Crazy Egg: this tool allows you to create visual reports (heatmaps, snapshots). It also records sessions to analyse the characteristics of our users (route, navigation problems, etc). It also allows A/B testing and quick style editing. It integrates with platforms such as Shopify and WordPress and encourages collaborative work.

Etnio:  helps to find the right participants for UX research, both in person and remotely.

Google Hangouts: Google’s tool for messaging, voice calls and video calls. Useful for example for interviews or meetings. 

Lookback: a simple and powerful tool to know how your users are using your app or website.

Morae: serves to develop user experience tests, market research and focus groups. It allows real customers to test the product.

Unbounce: conversion platform for vendors. Allows you to test landing pages, popups and sticky notes to improve conversion rates and launch campaigns quickly.

Visual Website Optimizer: conversion optimization and A/B testing platform, all-in-one. It uses dynamic heat mapping.

Zoom:  tool for online video. It allows online meetings, video webinars or commercial instant messaging.

 

 

Suscríbete a tonalidad.es