PROJECT 4:
PROTOTYPE
Enter your name and surname here:
PROJECT 4 - PROTOTYPE
A prototype represents the product, but is never the product itself. This is useful because it means we can get feedback from future users before you commit resources, effort, time and money to the project. It’s also very important for the team to see, feel, discuss and align on details of a project.
There are a few methods to give users an experience of a product that doesn't exist.
To keep it simple, we’re going to cover wireframing an low to mid fidelity prototyping.
PROJECT 4 - PROTOTYPE
WIREFRAMING
A wireframe is a quick representation, often just a hand sketch or bunch of lines, that notate what the interface of the app could look like.
How to Create Wireframes:
Follow these links for more information
Video: How To Create Your First Wireframe
Article: How To Create Your First Wireframe (detailed)
PROJECT 4 - PROTOTYPE
WIREFRAMING
Now you’ve defined a user, learned about their challenges, narrowed down on the most important problems they face , come up with solutions, selected a solution that best addresses their needs.
Now it is time to show the world what that looks like in practice. Let’s build a wireframe flow, with a minimum of 5 frames!
Note: You can sketch your wireframes, take a picture and add it to this document or you can use the tools on this platform to create your wireframes. .
Remember to consider how your user will interact with your final product.
PROJECT 4 - PROTOTYPE
WIREFRAMING
You can use basic shapes to create your wireframe but remember to give a description for every element you add. Explain what the function of the screen you are wireframing is.
Look at these examples below.
password
Log in
Login page
PROJECT 4 - PROTOTYPE
WIREFRAMING
Now it’s your turn!
Here are some shapes to help you create your mid fidelity wireframe solution. Your wireframes need to show what your solution to the problem is. Think of it like you are telling the story of how you are going to solve this problem in a digital format.
Use this set of tools and ones of your own to add to the screens provided. This is your opportunity to create your digital solution.
password
Log in
password
Page description here
YOUR PROTOTYPE
Page description here
Page description here
Page description here
Page description here
YOUR PROTOTYPE
Page description here
Page description here
Page description here
Page description here