# Miss Byrne's App Prototype and Navigation Diagram Example

**URL:** <https://forum.code.org/t/miss-byrnes-app-prototype-and-navigation-diagram-example/32561>\
**Category:** CS Discoveries\
**Tags:** csd-unit-4-lesson-10\
**Created:** [April 14, 2020, 12:48pm UTC](https://forum.code.org/t/miss-byrnes-app-prototype-and-navigation-diagram-example/32561 "2020-04-14T12:48:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![byrnesc](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@byrnesc](https://forum.code.org/u/byrnesc)\
**Post date:** [April 14, 2020, 12:48pm UTC](https://forum.code.org/t/miss-byrnes-app-prototype-and-navigation-diagram-example/32561/1 "2020-04-14T12:48:24Z")

</div>

Hello everybody,  
I was finding that my students needed a much more “straight forward” model to utilize while creating their paper prototypes. Therefore, I created this [prototype](https://docs.google.com/drawings/d/1g0JggrAXJYi9TeDWdm4IOVGSfrw8VT1Giug1GnYIE-w/edit?usp=sharing) using Google Drawings. My students found it very resourceful, I hope yours do as well! Additionally, if your students wanted to create a digital prototype, they could “make a copy” of this document, and customize as needed!  
Best,  
Shannon

---

<div class="post-metadata">

**Author:** ![mkmietowicz](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mkmietowicz/32/6322_2.png) [@mkmietowicz](https://forum.code.org/u/mkmietowicz)\
**Post date:** [April 15, 2020, 4:43am UTC](https://forum.code.org/t/miss-byrnes-app-prototype-and-navigation-diagram-example/32561/2 "2020-04-15T04:43:52Z")

</div>

Hi @byrnesc,

Thank you for sharing and making it customizable!

–Michael K.

---

<div class="post-metadata">

**Author:** ![byrnesc](https://avatars.discourse-cdn.com/v4/letter/b/43a26b/32.png) [@byrnesc](https://forum.code.org/u/byrnesc)\
**Post date:** [April 15, 2020, 2:01pm UTC](https://forum.code.org/t/miss-byrnes-app-prototype-and-navigation-diagram-example/32561/3 "2020-04-15T14:01:59Z")

</div>

Always happy to help! Here is a [tutorial video](https://www.youtube.com/watch?v=e5cmzRtVoKs) for students trying to customize their prototype in Google Drawings 🙂
