The UX design process kicks off with discovery activities such as contextual inquiry, user research, focus groups, stakeholder discussions, personas, scenarios, user journeys, and mind mapping, which establish a strong foundation for user requirements. Then, we start creating some quick-and-dirty paper prototypes and get stakeholders’ approval. Next, using the tool of our choice—for example, Axure, InVision, Balsamiq, UXPin, or Zeplin—we start creating interactive prototypes. After getting our interactive prototypes approved, we create high-fidelity designs using tools such as Photoshop or Illustrator. Finally, we hand off our designs to the developers.
UX professionals have really been struggling to find a single tool we can adopt for wireframing, prototyping, creating mockups, and development. Until 2010, designers relied heavily on Photoshop and Illustrator for creating high-fidelity designs. However, after the arrival of Sketch on the market in 2010, the equation changed completely. Read More
In Part 1 of this series, I discussed how Figma and Adobe XD took the world of prototyping and design by storm. There are already many design tools. Some make way for new tools with every passing year. The biggest battles between players in the design-tool game have targeted Mac users, while Windows users have had to wait. Mac users are uncompromising because they’ve had excellent software such as Sketch and Principle.
But in 2016, with the release of Figma and Adobe XD, Windows users finally saw light at the end of the tunnel. Now, Windows users can also use Figma or Adobe XD to create wireframes, prototypes, high-fidelity designs, and designs that are ready to hand off to developers. It is difficult to forecast which of these applications would be best for your prototyping and design needs.
In Part 1 of this series, I discussed pricing models, supported platforms, interactions, and some common features of these two applications. Now, in Part 2, I’ll look at more features of Figma and Adobe XD and attempt to decide which is the front-runner. Read More
Design is constantly evolving and becoming more complex. User interface design is no longer limited to wireframing and designing icons. Today, designers work with a broad array of useful tools that range from the simple to the sophisticated, including graphics software and prototyping tools. Whether you’re creating Web applications or mobile apps, prototyping requires preparation and specialized software. However, with the number of prototyping tools growing every year, you must make a difficult choice: Which tool would enable you to work most efficiently and effectively and create the most useful prototype. In this article, we’ll consider the pros and cons of some of the most popular prototyping tools.
We once asked the designers on our company’s UX team about their favorite prototyping tool and got several different answers. The creator of each tool focuses on certain attributes—such as fidelity, an easy-to-use user interface, or time-saving functionality—that help their solution stand out and stay competitive in the marketplace.
How can you choose the best prototyping tool for you? When choosing a tool, keep the particular requirements of your project in mind, first and foremost. When defining these requirements, make them as precise and exhaustive as possible to ensure you can create a prototype that provides a thorough representation of how a future product would look and behave. Don’t omit what may seem like minor technical details; they can affect the whole project. Read More