15 Timeless Prototyping Articles for UX Practitioners

List of UX Articles

Prototyping is one of the most useful UX practices available. Rather than showing your static design, prototypes are the living design.

Luckily, there’s no shortage of advice online, so if you’re looking for some quick reads on prototyping, check out our favorites below.

Still reading articles without practicing prototyping? Start creating with one of the best tools for interactive prototyping. Unlock 14 days of free trial and get a taste of variables, interactctions, and states that transform the way you build a prototype. Try UXPin for free.

Build advanced prototypes

Design better products with States, Variables, Auto Layout and more.

Try UXPin

1. Three Metaphors for Prototyping

This clever and thought-provoking piece better explains the heart of prototyping through three novel metaphors. A great read for UX practitioners of any level of experience, Matt Yurdana’s article helps understand the point of prototyping by seeing it from a new light.

2. Why Designers Should Never Skip Prototyping

Our own Ben Gremillion explains straightforward why prototyping is not just helpful, it’s practically necessary. If you’re not quite sold on the idea, or new to designing in general, this is a good piece to start

3. Prototyping Your App

In this helpful piece, Javier Cuello gives an overview of a basic prototyping process, exclusively for apps. Because app prototyping has different goals, even prototyping veterans would find this article helpful in translating the process to this new format.

4. How to Build Functional Prototype Fast

Many designers ignore prototyping because they view them as wasteful. This is a misconception, as, with the right tools, prototypes can be built from existing documents and later progressed into new documents. We explain how to build interactive, testable prototypes in UXPin.

5. Paper Prototyping

Shawn Medero discusses everything a UX practitioner needs to know about paper prototyping. While this style has its obvious limitations, for certain purposes nothing is better. This all-inclusive guide explains how, when, and why to use paper over digital mediums.

6. Hi-Fi Prototypes: Design is Our Muse, Code is Our Medium 

Heather Daggett’s perspective on prototypes is something all UX practitioner’s can learn from. Her article gives a good examination of the theory of prototypes, and why she prefers high fidelity. While she suggests coding, even designers who aren’t familiar with this can still learn from topics like “The Prototyping Mindset.”

7. Exploring the Problem Space Through Prototyping 

One of the most reliable voices in UX design, Jared Spool pens an article that lives up to his reputation. His calculated analysis of prototyping reveals how to use it to explore the three dimensions of the problem spaces (technology, business, and users), plus breaks up prototype design into four phases.

8. Creating Perfect User Flows for Smooth UX

Marek Bowers wrote an excellent piece for our blog all about user flows, including how to make them and why they’re important. The article also goes into detail about creating user flows for prototyping, and if implemented can increase low-fidelity prototypes.

9. How Prototyping is Replacing Documentation

Getting philosophical about prototyping, Ian Schoen not only gives a concise description of the prototyping practice, he also analyzes its role in the future of design, and how modern prototypes are making more traditional deliverables obsolete.

10. Rapid Front-end Prototyping with WordPress

Daniel Pataki explains a very specific process of prototyping, using WordPress templates. While this process isn’t for everyone, he makes a few good points to support his favorite method, as long as you’re familiar with WordPress templates and emphasize the rapidity of prototyping.

11. 3 Top Ways to Build a Website Prototype

Another piece from our team, this practical article by Jerry Cao dissects the 3 best methods for the common website prototype. This clear-cut article lists out the theory, process, and pros & cons of the most effective ways to build website prototypes, with real-life examples.

12. 10 Tips for Prototyping Your Designs 

This article gives ten standalone pieces of advice for prototyping in general. Almost common sense in their simplicity, and yet neglected enough to warrant reminding, these tips range from “make user interactions as simple as possible” to how to design for a prototype for a specific audience.

13. Sketching in Code: The Magic of Prototyping

For designers that know code, building coded prototypes can save a lot of time and manpower when it comes time for development. David Verba explains what to pay attention to when building a prototype in code.

14. Best React Prototyping Tools

If designers don’t know how to code but they want to enjoy the benefits of coded prototypes, they can use visual design tools to build their design with React components. Check out what tools make it possible.

15. Design Better and Faster with Rapid Prototyping 

In the age of Agile and Lean UX, designers are making more prototypes, and faster. Lyndon Cerejo’s classic article explains the rapid prototyping process: why making and testing more prototypes will ultimately have a better effect on the final product, and how to reduce waste at the same time.

More Comprehensive Guides

While these articles are nice for quick tips and refresher lessons, to fully understand all the nuances of prototyping, as well as the other documentations like wireframing and mockups, a more complete guidebook works better.

If you’d like to know the finer details, download our UX Design Builder’s Bundle. This package offers 3 of our most popular design ebooks, the complete guides to Wireframes, Mockups, and Prototypes. Over 350 pages and notable real-life examples like Google Ventures and Apple are available in this single free bundle. Download it now.

Ready to practice prototyping? UXPin is a prototyping tool that makes design and development teams collaboration easy. What you can design, you can put in code. Try UXPin for free.

Build prototypes that are as interactive as the end product. Try UXPin

by UXPin on 23rd April, 2024

UXPin is a web-based design collaboration tool. We’re pleased to share our knowledge here.

Still hungry for the design?

UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.

Start your free trial

These e-Books might interest you