From the course: No-Code Planning Principles for the Web
Unlock the full course today
Join today to access over 24,700 courses taught by industry experts.
Draw and map the product screens
From the course: No-Code Planning Principles for the Web
Draw and map the product screens
- [Instructor] Drawing screens is not hard. You can do this with pencil and paper. Or you can learn a drawing program like Figma, Sketch, or Adobe XD. You'll find courses for all of these in the library. However, sometimes it takes longer to learn another program than it does to simply draw what you have in mind. Next, sketch out what happens when every button is clicked. If there are choices on one screen, you'll need to diagram each choice. So yes, if you're logging in and you get the login correct, you move on to some screen or another. But what happens if you forgot your password, or if you enter a bad password? Those interactions should also be spelled out. As you draw, be clear about how the data moves. For example, when this button is clicked, information is being retrieved from the database and shown here on the screen. If there's more than one product involved, be sure to include that, if you know this information,.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.