Lesson 3 Creating a Prototype

System Design

The Main Operations of the Design Phase

Other Operations Involved During the Design Phase

Lesson 3 Creating a Prototype

Prototype

The Importance of the Prototype

Lesson 3 Creating a Prototype

Prototyping Categories

Low-Fidelity Prototype

Medium-Fidelity Prototype

High-Fidelity Prototype

Lesson 3 Creating a Prototype

Modeling Instructions

Application Scenario

The Low-fidelity Prototype for our accessible tourism application would look like this:

Lesson 3 Creating a Prototype

Creating the Prototype with the Pencil Project Software

Lesson 3 Creating a Prototype

Figure 2.23: Creating a new prototype with Pencil

Lesson 3 Creating a Prototype

To insert an image:

Lesson 3 Creating a Prototype

To add a button:

Lesson 3 Creating a Prototype

Multi-Page Application

To create the app's second screen:

Lesson 3 Creating a Prototype

Figure 2.29: Setting up the second screen

Figure 2.30: Adding images of cities

Lesson 3 Creating a Prototype

To insert a text shape:

Lesson 3 Creating a Prototype

Figure 2.31: Setting up text label for the second image

Lesson 3 Creating a Prototype

To create the app's third screen:

Lesson 3 Creating a Prototype

Figure 2.33: Creating the final screen

The Role of Users in Prototyping

Best Strategies for Getting Feedback on Prototyping:

Lesson 3 Creating a Prototype

Match the types of prototypes with the appropriate terms.

Lesson 3 Creating a Prototype

What are the benefits of prototyping?

What are the tips to follow when preparing a prototype?

Lesson 3 Creating a Prototype

What are the three prototyping methods?

Complete the prototype of the Visit Saudi Arabia app.