Creating a prototype (out of paper)


Creating a mobile app is a long process that needs to be properly executed in order to create the best user experience. Now that we understand the structure of the website and how different users may interact with it, we can begin prototyping.

Although it may be tempting to go right to Figma and create a beautifully designed app, it is best to start on good old pen and paper.

By drawing simple wireframes on paper, we can begin to truly visualize the app and how users may interact with it. The beauty of low-fidelity prototypes is that they give us a really good idea of the exact moves a user will make.

By going through this process, it means that we will be that much more prepared when we do move into Figma or a similar program and create a high-fidelity prototype.

A revised site map for the proposed Newtown, CT companion app.

Above is the current structure for the application. Using this in conjunction with the flowcharts I created last week, we can create so really solid wireframes for this app.

I won’t go into full detail about the wireframes here, however, the full document which does can be viewed by clicking the button below.

 

Hi! My name is Peyton McKenzie.

I am a professional graphic designer, photographer and content creator.

I encourage you to explore my portfolio to get a better idea of the work I create. If you are interested in working with me or have inquiries of any kind, don’t hesitate to reach out over email.

Previous
Previous

Hobby or career? A reflection on working in a creative field

Next
Next

Understanding how your app is used