Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Adobe ›› What a Prototype Is (and Is Not)

What a Prototype Is (and Is Not)

by Arijit Banerjee
4 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

They can be paper or click-through, but designing successful digital experiences involves making prototypes of your interfaces.

A good user experience doesn’t get delivered just like that. It’s the result of the countless hours of efforts spent in the product development process, from conceptualization to the final delivery. It involves designing and redesigning your product or app based on a series of exhaustive user testing sessions, and let’s face it, you cannot perform a user testing session with static assets like wireframes or visual mockups. There has to be some sort of interactivity, otherwise your users won’t get a taste of how the product/app actually works.

This is where prototypes come in. There have been a number of occasions where I’ve seen people (both clients and users) not understand what a prototype actually is, and as a result, have ended up expecting all the wrong things from it.

What a Prototype Is Not

A prototype is not the final product. Do not expect it to look like the final product. It need not have a high fidelity or be pixel perfect.

I’ve seen clients and users look at prototypes and say things like: “That’s your final design?” or “Whoa! That is super ugly.” I’m pretty sure a lot of designers have faced this problem and have had a tough time explaining to their clients or users that what they are looking at is not the end product. Again, static assets like wireframes, visual mockups, etc. that show a single state cannot be considered prototypes. Prototypes have a high degree of interactivity.

What a Prototype Is

So what is a prototype? The answer: it’s a simulation of the final product. It’s like an interactive mockup that can have any degree of fidelity. The main purpose of building prototypes is to test whether or not the flow of the product is smooth and consistent.

Prototypes breathe life into any design and provide a great deal of insight into the user interaction at various levels. Not only do prototypes allow us to test the feasibility and usability of our designs before we actually begin writing code, they also lead to unexpected discoveries and innovations that may or may not take our project beyond its initial scope.

How Are Prototypes Created?

There are several tools and techniques that can be used for building prototypes. It is up to the designer to decide which they will use. Also, it’s completely up to the designer to decide the fidelity of their prototypes.

As a designer, I tend to choose low-fidelity over high-fidelity prototypes. Why? Well, as long as a prototype simulates the desired interaction flow and feel of the product, I’m good. Elements like visual design can take a back seat for the moment. And, to be fair, it takes less time and effort to build low-fidelity prototypes compared to their hi-fidelity counterparts.

A prototype is not the final product. Do not expect it to look like the final product.

The tools that I use (and also recommend) are paper, pencil, sticky notes, and index cards for paper prototyping, and Adobe Fireworks for building click-through prototypes. Each of these techniques—paper and click-through—have their own set of advantages and disadvantages.

Paper Please

In case of a paper prototypes the major advantage is that you can use the same pencil sketches you initially began your design process with. There might be different sketches displaying various screen states, index cards showing dropdowns, and sticky notes depicting modal windows; you can erase and make changes according to users’ expectations and comments—the possibilities are practically endless. But then, a paper prototype does not offer the feeling of “clickability” that a click-through prototype can. So if that is an issue for you, your users, or your clients, you can always use any tool of your choice to build click-through prototypes.

Let’s Click-Through

Click-through prototypes take a lot more time to build than paper prototypes, but they do take care of the clickability issue. There are numerous tools you can use to build these kinds of prototypes, but my tool of choice for click-through prototypes is Adobe Fireworks. If you’re wondering why I defer to Adobe Fireworks, check out Mike Locke’s videos on Adobe Fireworks. He’s been in the industry for a long time and is a great advocate of this awesome tool.

Prototypes Are Powerful

I’ll conclude by reiterating that prototyping is an integral part of the UX design process. Let me put it this way: if delivering a good user experience is the ultimate goal of your project (which probably is), then you need to have at least some degree of prototyping.

What tool you use or what level of fidelity you choose is completely up to you. What’s important is to make this step a part of your design process.

Image of paper fortune teller courtesy Shutterstock.

post authorArijit Banerjee

Arijit Banerjee
Arijit Banerjee is a UI & UX Enthusiast. Although a power systems engineer by education, he has always found himself inclined toward the world of UX. He has been associated with several firms and has helped define experiences across a wide range of products. Apart from that, he's an avid user of Label.m products, a dog lover, and an out and out foodie with decent culinary skills.

Tweet
Share
Post
Share
Email
Print

Related Articles

Designing for AI? Know what your agent can actually do. This guide breaks down the four core capabilities every UX designer must understand to build smarter, safer, and more user-centered AI experiences.

Article by Greg Nudelman
Secrets of Agentic UX: Emerging Design Patterns for Human Interaction with AI Agents
  • The article examines how UX designers can effectively work with AI agents by understanding the four key capability types that shape agent behavior and user interaction.
  • It emphasizes the importance of evaluating an AI agent’s perception, reasoning, action, and learning abilities early in the design process to create experiences that are realistic, ethical, and user-centered.
  • The piece provides practical frameworks and examples — from smart home devices to healthcare bots — to help designers ask the right questions, collaborate cross-functionally, and scope AI use responsibly.
Share:Secrets of Agentic UX: Emerging Design Patterns for Human Interaction with AI Agents
10 min read

Design systems were meant to streamline design and boost creativity — so why do they often do the opposite?

Article by Itai Vonshak
The Broken Promises of Design Systems: Why Following the Rules Won’t Get You to Great Products
  • The article questions whether design systems really help create better products.
  • It explains how they often limit creativity, are hard to maintain, and don’t scale well.
  • It suggests we need more flexible, AI-powered tools to support great design.
Share:The Broken Promises of Design Systems: Why Following the Rules Won’t Get You to Great Products
3 min read

If we can automate a 787, why not an entire company? Discover how conversational AI and intelligent ecosystems are reshaping the future of work.

Article by Robb Wilson
You Can Automate a 787 — You Can Automate a Company
  • The article explores how automating a plane cockpit led to deeper insights about business automation.
  • It shows how conversational AI and agent-based systems can reduce cognitive load and improve decision-making.
  • It argues that organizations need intelligent ecosystems — not just tools like ChatGPT — to thrive in the age of automation.
Share:You Can Automate a 787 — You Can Automate a Company
8 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and