Subject: Inquiries, Investigations and Immersion

Governor Pack Road, Baguio City, Philippines 2600

Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: Grade 12 ABM
Email: [email protected]; Website: www.uc-bcf.edu.ph

Second Trimester, SY 2020 – 2021 Subject Teacher: Josephine S. Galanza

MODULE 4

Dear Student,

Welcome to the INQUIRIES, INVESTIGATIONS AND IMMERISON Course

offered by The University of the Cordilleras, Integrated School, Senior High
School. This course module emphasizes on self-directed, research-based,
and outcome-based learning. The key in successfully passing this subject lies
in your commitment in learning and complying with the requirements. It is
our desire that you pass this subject fully equipped with the necessary 21st
Century skills. This module was designed to provide you with a fun and
meaningful learning experiences and opportunities. You will be enabled to
process the content of this module while being an active learner.

Enjoy and maximize the learning while in your own homes.

Josephine S. Galanza

In this module, you will be encountering the following parts and icons. (Parts depending per subject)

This part enumerates the objectives of the module. This part shall give
TARGET you an idea of the skills or competencies you are expected to
acquire upon completion of this module.

This part includes an activity that aims to check what you already
TESTER know about the lesson to take.

In this portion, a new lesson will be introduced. This section provides a

TEACHING discussion of the lesson. This section aims to help you explore and
understand new concepts and skills.

This involves the reflective part of the module. It contains various

TAKE AWAY activities that will allow you to reflect and state what you have
learned.

This is the assessment presented at the end of each module. This

section aims to check how much have you learned from the module.
TOUCHSTONE This will also evaluate your level of mastery in achieving the learning
competency.

1
 Subject: Inquiries, Investigations and Immersion
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: Grade 12 ABM
Email: [email protected]; Website: www.uc-bcf.edu.ph

Second Trimester, SY 2020 – 2021 Subject Teacher: Josephine S. Galanza

MODULE 4

THE DESIGN THINKING PROCESS: Solving Complex Problems

In A User – Centric Way
OBJECTIVES

After completing this chapter, you’ll be able to:

1. understand the relationship of the Design Thinking Process;

2. communicate clearly about the different stages of the Design Thinking;
and
3. have a process and mindset suited to innovation and creative problem-
solving.

CONTENT

1. What is a Prototype?
2. Different Kinds of Prototype
3. Prototyping Best Practices

LECTURES

STAGE 4: PROTOTYPE
Prototyping is the fourth stage in the design thinking process. Your prototypes will be
based on everything you’ve done so far: interviewing your users, defining your problem
statement, and coming up with potential solutions.

Prototyping allows you to determine whether or not the design (or changes) work the
way you intended them to – before they’re out in the world and in the hands of your users.

What is a prototype?

A prototype is a scaled-down version of your product; a simulation or sample

version which enables you to test your ideas and designs.

Prototypes come in all different shapes and sizes, ranging from simple paper
models to fully functional, interactive digital prototypes.

2
 Subject: Inquiries, Investigations and Immersion
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: Grade 12 ABM
Email: [email protected]; Website: www.uc-bcf.edu.ph

Second Trimester, SY 2020 – 2021 Subject Teacher: Josephine S. Galanza

MODULE 3

Why use prototypes?

Prototyping is an extremely valuable step in the design thinking process. Putting
the user at the heart of the process requires you to test your designs on real users—and
prototypes make this possible without spending loads of time and money.

Prototypes can help you to:

• Gain first-hand insights into how your users will interact with, and react to, the
product you’re designing. Seeing an early version of the product in action shows
you if, and how, it’ll work in the real world.

• Identify any usability issues or design flaws before it’s too late. If an idea or design
is destined for failure, you’d rather find out in the early stages. Prototypes enable
you to fail early and cheaply; they’ll expose a weak or unsuitable approach
before you’ve invested too much time or money.

• Make informed design decisions. Can’t decide where a certain button should
go on your app home screen? Torn between two different layouts for your
website? Test a few versions in the form of prototypes and see which works best.

DIFFERENT KINDS OF PROTOTYPES

Now let’s take a look at some of the different kinds of prototypes you might use.
Prototypes can vary in terms of their form, fidelity, interactivity, and lifecycle:

• Form: Is it a hand-drawn prototype, or a digital one? Is it for mobile or desktop?

• Fidelity: How detailed and polished is the prototype? You’ll often hear the
terms high-fidelity and low-fidelity in relation to prototypes.

• Interactivity: How functional is the prototype? Can the user click on it or

interact with it, or is it view-only?

• Lifecycle: Is the prototype a quick, disposable version that will be replaced

with a new and improved version? Or is it a more enduring creation that can be
built and improved upon, potentially ending up as the final product?

Generally, prototypes can be divided into:

1. Low – fidelity prototypes

✓ Low-fidelity prototypes are ideal if you want to rapidly test broad concepts. They’re
quick, cheap, and highly collaborative; they don’t require advanced design skills,
so different people from different teams can easily be involved.

3
 Subject: Inquiries, Investigations and Immersion
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: Grade 12 ABM
Email: [email protected]; Website: www.uc-bcf.edu.ph

Second Trimester, SY 2020 – 2021 Subject Teacher: Josephine S. Galanza

MODULE 3

✓ As a rule, low-fidelity prototypes keep content and visuals to a minimum, presenting

only the key elements as basic shapes in order to convey visual hierarchy. Their
simplicity can lead to uncertainty during testing; it’s not always easy for users to
identify what and how the prototype is supposed to work. Low-fi prototypes are also
limited in terms of interactivity, so it’s not possible to convey animations or transitions.

Examples:

Paper prototyping Cardboard prototyping

2. Mid – fidelity prototypes

✓ Mid-fidelity prototypes can also be inexpensive to create (depending on the tools

you choose), and don’t require much design knowledge or experience. These are
great if you want to test broad functional features, such as the user flow for one
particular use case (i.e., the user taps this button, which leads them here, then here
then here). This is a great approach to take if you’re short on time and/or just need
to get an overview across screens to be sure that the solutions you’ve designed
actually work and don’t overlook any key considerations.

4
 Subject: Inquiries, Investigations and Immersion
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: Grade 12 ABM
Email: [email protected]; Website: www.uc-bcf.edu.ph

Second Trimester, SY 2020 – 2021 Subject Teacher: Josephine S. Galanza

MODULE 3

Examples:

Wireframes Wallet prototype

3. High – fidelity prototypes

✓ High-fidelity prototypes: the more detailed, realistic prototypes that look and operate
much like the final product. You’ll move onto hi-fi prototypes once you have a good
idea of what you’re going to build. They’ll help you to fine-tune the design and get it
ready for market.

✓ High-fidelity prototypes tend to include all the visual components, interactive elements,
and content that will be featured on the final product. In fact, they look just like a real
app or website—which is hugely beneficial when it comes to user testing. The user feels
like they’re interacting with a live product, so you can expect them to behave naturally
and provide meaningful feedback.

✓ Of course, high-fidelity prototypes are more expensive and time-consuming to produce

than their low-fidelity equivalents. However, they are the most useful option when it
comes to testing your designs. With a high-fidelity prototype, you can test pretty much
every single element of your product before sending it off for development. Not only
that: hi-fi prototypes enable you to show your colleagues and stakeholders from other
departments exactly how the final product should look.

✓ When it comes to high-fidelity prototypes, you’ll most likely create digital prototypes
using specialist software.

Examples:

5
 Subject: Inquiries, Investigations and Immersion
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: Grade 12 ABM
Email: [email protected]; Website: www.uc-bcf.edu.ph

Second Trimester, SY 2020 – 2021 Subject Teacher: Josephine S. Galanza

MODULE 3

How to create a prototype: Best Practices

Now we know exactly what prototyping is, why it’s so valuable, and what kinds of
prototypes we might use throughout the design process. There’s only one thing left to do:
create your own! Here are some pointers that will help you along the way:

1. Choose the right kind of prototype

Before you create a prototype, consider what stage you’re at in the design
process, as well as the time and resources available. Low-fidelity prototypes make
sense in the early stages, but you’ll want to move on to hi-fi prototypes as you get
closer to shipping your product.

2. Set concrete goals

Have a clear idea of what you want your prototype to achieve. In other words,
what do you want to find out when you test your prototype? Remember to focus
on user needs, keeping your problem statement in mind at all times!

3. Use the right tools

If you’re new to digital prototyping, spend some time playing around with a few
of the most popular industry tools. Find the tool that meets your needs in terms of
features and functionality, and familiarize yourself with the interface before you
start prototyping. When the time comes, this will make the prototyping process
much easier!

4. Take action!

Design Thinking is all about generating ideas and testing them, so prototype as
and when you need to. Remember, the Design Thinking process isn’t strictly linear,
so you can whip up a prototype at any time.

REFERENCES

https://www.interaction-design.org/literature/article/what-is-design-thinking-and-why-is-
it-so-popular?fbclid=IwAR1LKUqR7RCMo_K-c3btFTX5aSk7T79T-IL-
ByG732KLQIhaqtOTFnjcurw

https://www.interaction-design.org/literature/article/stage-3-in-the-design-thinking-
process-ideat

https://www.interaction-design.org/literature/article/design-thinking-new-innovative-
thinking-for-new-problems

https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-
process

https://careerfoundry.com/en/blog/ux-design/what-is-ideation-in-design-thinking/