Problem
Create a mobile app plan using docs slides to show mock-ups of screens, identifying input, process, and output for each screen.
You are going to design a mobile app. Think of something you would like to use or something that fills a need you see among your friends and family. You will create wireframes and visual representations of each screen along with the processes that occur on each screen.
Your app needs to have at least three screens. For each screen, you will "sketch" the screen and identify the input-process-output that occurs on that screen. You will also identify how a screen transfers to another screen. For example, suppose you were designing an app to help students at your school find another student who can tutor them.
Screen Requirements
Each screen should have each of the following. The list shows, in parentheses, which part of the example meets each requirement.
i. a title (Welcome Screen)
ii. a sketch of the screen (Notifications table). You can sketch your screens on paper and take a picture of it; you can draw your screens in a drawing application such as Paint
iii. a description of the input-process-output for each screen, which includes how one screen transfers to other screens (the notes at the bottom)
Variations
The sample screen shown here is part of a docs presentation that has a slide for each screen. It uses tables as a simple way to show what the screen looks like. You could also draw your screens by hand and take pictures of your screens. Then add them to a Word, or similar file. You can include images on your screens as needed.
Reminder
Be sure you remember to describe the input-process-output for each screen and how it connects to other screens.