PROTOTYPE AND

TESTING
What Is Prototyping
• Prototypes are early samples, models, or releases of products built to test a
concept or process.
• There are many contexts in which semantics can be used, for example, in design,
electronics, and software programming.
• Generally, prototypes are used by system analysts and users to improve the
precision of a new design.
• Prototyping is an essential step in the Design Thinking process and is often used in
the final testing phase. Every product has a target audience and is designed to
solve their problems in some way.
What is Prototype in Design
• The purpose of a prototype in design thinking is to test products (and
product ideas) prior to launch.
• Prototypes are simulations or samples of final products that are used as
testing tools.
• It is intended to test products (and product ideas) before investing a
great deal of time and resources into creating a sellable product.
Why We Need to Prototype
• One of the key aspects of prototyping is that it generates empathy for
prospective consumers. In this respect, designing software or
designing products for human use are not much different.
• Any product designed without understanding the customer's needs can
result in unnecessary features, poor designs, and a host of problems.
Benefits of Prototype
• Evaluate Technical Feasibility
• Creating a prototype makes it possible to concretize an idea and assess which
features pose difficulty in implementation. Prototyping can thus identify
unanticipated physical, technical, or financial constraints.

• Enhance Website Quality

• Conduct testing for site usability
• Inspect site navigation
• Conveniently access information on the site
• Determine correct placement of visual accents – what visitors should see first
Contd
• Effectively Present Idea to Customers
• Prototyping makes it possible to present your future product to potential
customers before the actual launch of the product. It could also allow you to
devise your marketing strategies better and start pre-sales.

• Reduced Risks
• Projects with a complete prototyping process are at lower risk than projects
without prototyping. This is because prototyping directly affects project
resources, time, and budget. Through prototyping, it is possible to estimate the
resources needed and time for development.
Contd.
• Iterate at Lower Costs
• Information gathered from potential customers through prototyping makes it
possible to improve the product until an optimal product is formulated. A good
idea can be to create several prototypes before the launch of mass production
so that the additional costs of unsold products and reprogramming can be
curtailed.

• Simulate the Future Product

• The most important advantage of prototyping is that it creates a model of the
final product. It can help lure customers to invest in the product prior to any
resource allocation for implementation. You can discover design errors and
check their correctness before going into production.
Contd.
• Provide Focused Feedback
• Exposing the prototype helps to get focused customer feedback on the desired
qualities in the product. This feedback is critical to understand the needs and
expectations of users, business requirements and gain a clear idea of what the product
is headed for.

• Planning
• Through prototyping, the design team gets essential information that helps them to
plan out the implementation. A prototype helps build user stories and emphasize on
user needs. This brings substantial benefits to the scrum teams.

• Quick and Easy

• A designer can quickly develop a ready-to-implement prototype even from a simple
idea on paper if they understand the logic and functionality of the product.
Exploring Different Types of Prototypes
• In the world of design thinking, prototypes come in various forms and
levels of fidelity.
• Each type of prototype serves a specific purpose and offers unique
advantages in the design process.
• Let's explore three common types of prototypes:
• low-fidelity
• medium-fidelity
• high-fidelity.
Low-Fidelity Prototypes
• Low-fidelity prototypes are basic, simplified representations of a
design concept. They are often created using inexpensive and readily
available materials such as paper, cardboard, or foam.
• Low-fidelity prototypes are typically quick and easy to produce,
allowing designers to generate multiple iterations rapidly.
• These prototypes are useful in the early stages of the design process,
where the focus is on exploring different ideas and gathering initial
feedback.
Medium-Fidelity Prototypes
• Medium-fidelity prototypes offer a higher level of detail and functionality
compared to low-fidelity prototypes.
• They are created using more advanced prototyping tools and materials, such
as digital wireframing software, 3D modeling, or interactive mockups.
• Medium-fidelity prototypes provide a closer approximation of the final
product's look, feel, and interactions.
• These prototypes are suitable for testing specific features, gathering more
detailed user feedback, and evaluating the feasibility of technical aspects.
High-Fidelity Prototypes
• High-fidelity prototypes are the most advanced and realistic representations
of a design concept. They closely resemble the final product in terms of
visual design, functionality, and user interactions.
• High-fidelity prototypes are often created using specialized software tools,
coding, or even physical manufacturing techniques such as 3D printing.
• These prototypes are ideal for conducting comprehensive user testing,
gathering detailed feedback, and evaluating the design's final look and feel.
• High-fidelity prototypes enable designers to simulate complex interactions,
test usability, and assess the overall user experience with a high level of
accuracy.
Prototyping Techniques and Tools
• Sketches and Diagrams
• Perhaps the most basic form of prototyping, sketching, requires minimal effort
and does not necessarily require artistic drawing skills to serve its purpose.
• Use sketches to begin the process of conceptualizing and building a new
product and share the concept with teammates for more ideas and discussions.
Paper Interface
• Digital products, especially websites, mobile apps, web services, and other screen-
related products, require a range of prototyping methods en route to the final
design and development.
• Paper interfaces prove to be handy for early-stage prototyping for digital products.
• You can sketch paper interfaces or draw and cut out usable parts of a user interface
like a drop-down menu or text field.
Storyboards
• Storyboarding is an excellent way of telling stories and guiding
targeted customers through a user experience.
• A technique to be used for early prototyping, storyboards allow you to
visualize how users would experience a problem or product and
present it in a series of images or sketches.
• Stories help us gather information on users, tasks, and goals while at
the same time evoking new ideas through collaboration with other
designers.
• Drawing out a user's experience helps us better understand their world
and to think from their perspective.
Role-Playing
• Role-playing or experiential prototyping enables designers to explore
situations within the system that you're targeting physically.
• Role-playing can be best used in capturing and enacting the user's
experience of using a product or service.
• Consider simulating their experience to gain an empathic
understanding of users.
• You can create props, use objects and audio simulations to imitate the
user environment.
Physical Models
• For a physical product, you can use a wide variety of materials to build
a prototype for testing.
• Physical models are often built using paper, cardboard, clay, foam, or
by repurposing existing objects.
• A physical model is used to bring an intangible idea into a physical,
three-dimensional form.
• This enables much better user testing and can evoke discussions on the
form factor of the proposed product.
Wizard of Oz Prototypes
• Prototypes with faked functions that you can use to test users are called Wizard of
Oz Prototypes.
• Like in the wizard of Oz story where the wizard creates an ominous, deceptive
appearance from behind a screen – this prototype allows you to mimic certain
aspects of your product to save time and resources.
• For example, interactivity that comes from a human and not an algorithm can be
tweaked such that users believe the latter is the case.
• The most famous example of Wizard of Oz Prototypes is a digital system
prototype, where the user is tricked into believing that the system responses are
computer-generated when they are human-controlled.
User-Driven Prototypes
• A user-driven prototype does not test on users but allows the user to create some
design, so you learn more about their thinking.
• This type of prototyping adds to the benefits of design thinking.
• Its purpose is not to use the user-generated solutions but to use their designs to
gain empathy with them or fine-tune your product according to their ideas.
• With such a wide variety of prototypes that can be built, it might get
overwhelming to decide what to choose.
• Pay attention to people, objects, location, and interactions while building
prototypes in design thinking.
Benefits of Prototypes
• Early Feedback: Prototypes allow for early feedback from stakeholders and
users, identifying potential issues and improvement opportunities before
final implementation.
• Visualization: Prototypes provide a tangible representation of ideas and
concepts, making abstract concepts more tangible and easier to understand
for all stakeholders.
• Risk Reduction: By testing prototypes, potential risks and challenges can be
identified and addressed early in the design process, reducing overall
project risks.
• Iterative Improvement: Prototyping facilitates iterative design cycles,
allowing for continuous improvement and refinement of solutions based on
feedback and insights.
What is Testing?
• Testing phase is when the final solution of a product is tested on a full scale.
• It helps to evaluate whether a solution might or might not work. The
prototype that’s considered best after considering the feedback from
customers and end-users is implemented.
• The Testing stage can provide both positive and negative results, depending
on the success and failure of the Prototype stage.
• Testing might also lead to repeating the Design Thinking process if the end-
user faces usability issues with using the solution provided.
• It provides valuable insights that allow the designer to rework the problem
definition at hand and create a new solution that can better empathize with
the end-user.
Why is Testing integral to the Design Thinking
Process?
• The Testing Phase has an impact on all the previous stages of the Design Thinking
Process.
• Before the Testing Stage is conducted, the envisioned product works on a
designer’s presumption.
• While this envisioned product may have sufficient research and empathy behind it,
there is a possibility of crucial information being overlooked or of designer bias.
• UX designers are able to empathise with end-users through testing. It also
provides useful information that aids in human-centered solutions to problems by
generating newer product solutions.
How is User-Testing conducted?
• The Testing stage when conducted in an ideal setting (wherein a user is more
likely to interact with the product) does give ideal results, it isn’t always possible
to do so.
• Thus, designers can opt to get users to perform a task wherein they’re made to
interact with the prototype.
• The idea behind conducting the testing stage on a prototype is to see how end-
users might interact with a product in real-time.
• However, in order to achieve the best possible results of a test, the following steps
can be considered -
Contd.
• Let end-users analyse multiple prototypes –
• By creating multiple prototypes with different variables, end-users are able to
compare the prototypes and choose the one that suits their usability needs best.
Providing multiple prototypes makes it easier for users to compare and explain
why they prefer one prototype over another.
• Allow end-users to experience the prototypes in real-time –
• Observe how users interact with the product. Instead of over-explaining what
the user can expect from the product, let the user figure out how to interact
with the product. This will show whether the prototype has usability issues or
is easy to work with.
Contd.
• Encourage users to be vocal through their experience –
• As users explore and interact with the prototype, encourage them to talk about
what they feel when using the product. This will provide valuable insight into
understanding if there are minor inconveniences present in the product that
may have gone unnoticed otherwise.
• Observe while the user interacts with the prototype –
• By noticing how the end-user correctly or incorrectly interacts with the
prototype, valuable insight can be gained. As this is a process of testing the
prototype, observing users in real-time can help to understand how high or low
the prototype ranks on usability.
Contd.
• Have follow-up queries –
• By questioning what the user is trying to say, designers are able to let go of
their biases of the product. Even if you believe you’ve understood what the
user is conveying, asking follow-up questions will give better clarity on the
issues being faced during interaction with the prototype.
Problem-solving using User Testing
• Testing along with Prototyping is an integral part of the Design
Thinking process.
• User testing enables designers to create user-centric products.
• By testing the ideas often and from the initial stages, designers are
able to identify usability issues that might crop up in case the product
is taken to market.
• Some of the key points in which user testing is a necessity to Design
Thinking are -
Contd.
• It saves both money and time –
• It ensures that the product being released is the most bug-free, user-friendly
product possible by discovering faults and usability concerns early on. What
happens if the testing step is bypassed in order to develop the product as
quickly as possible? After the product is out, designers will have to spend a lot
of time and money fixing it. This is not only stressful, but it's also terrible for
business.
Contd.
• It helps to reveal unexpected insights –
• There are always new insights to be discovered, no matter how extensive the
initial user research was. Effective usability testing questions will draw
attention to issues that would otherwise go unnoticed.
• It helps provide enhanced user satisfaction –
• The user always comes first in Design Thinking. By getting first-hand user
feedback, designers can make more educated design decisions thus enhancing
user happiness. Being a designer, constant prototyping and testing help keep
the focus on the user.
 Benefits of testing in Design Thinking
• Iterative Improvement: Testing allows for iterative refinement of ideas and
prototypes based on user feedback and insights, leading to better solutions over
time.
• User-Centric Design: By involving users in the testing process, Design Thinking
ensures that solutions are aligned with user needs, preferences, and pain points.
• Reduced Risks: Testing early and frequently helps identify potential issues and
risks before full-scale implementation, reducing development costs and risks of
failure.
• Enhanced Usability: Testing uncovers usability issues and allows for adjustments
to improve the overall user experience, increasing adoption and satisfaction.
Thank You