radgrad / csexplore

The CSExplore system for introducing high school students to computer science
0 stars 0 forks source link

Add an "annotated mockup" page to design documentation #7

Closed philipmjohnson closed 4 years ago

philipmjohnson commented 4 years ago

Now that you've had some time to play around with Figma and develop some mockup pages, the next step is to provide some context for your mockup. In particular, it's useful to describe:

  1. The "organizing principle(s)" behind your mockup design.
  2. The pedagogical goals: what do you want students to learn from your app?
  3. Walkthough of your mockup pages: what is on each page, and why?
  4. Research evaluation. What questions will we want to answer about this app?
  5. What's next: what issues need to be addressed next in order to evaluate the feasibility of the design.

The goal of this is to help us better evaluate which mockups to move forward with.

As an example, I provide an annotated mockup here:

https://radgrad.github.io/docs/csexplore/annotated-mockup/save-hawaii-with-computer-science

Please use this page as a template for your own. Update sidebars.js to provide a link to your page once completed.