Ongoing Tasks

React Native Tutorial -- a lengthy React Native tutorial developed for this course, highlighting the key elements needed for common class projects. Post questions, bugs, requests, et al. on Campuswire.
Retrospective Summaries -- what to prepare for the weekly team coaching meetings


TTh 11am - 12:20am




Chris Riesbeck


There are many ways to describe an application idea. The simplest and shortest is the elevator pitch, the most complicated is a length wireframe.

In this class, we use two one-page visual forms: the product box and the four-panel storyboard.

Product Box

The product box is often used when creating physical products. You describe your idea by showing how it might be packaged for sale. What would be on the box to attract someone to try this product?

The key components of a product box are:

Four-Panel Storyboard

Create a four-panel storyboard. Be visual but don't get hung up on art. Grab clip art and photos from the web. Focus on developing a believable story of the app delivering value to a user in some situation.

The most critical element is Panel 3. Panel 3 should be the largest. It should not need a lot of text. The screenshot should speak for itself. The mockup screenshot should give a clear view of a specific app screen (mockup) delivering the payoff to the user.

The four-panel storyboard is designed to accomplish two goals:

Common mistakes with Panel 3:

The Nurse's Aide example shows what a good Panel 3 has. The screenshot has specific data. A nurse could tell if this makes sense right away. A developer would know what to build, at least for the data and display, right way.

Less is more. Apple's Apple Watch ads manage to show a payoff scene in less than 10 seconds, with no words at all.

If you need help, post to Campuswire.