User Interface Storyboard
This is a partial storyboard for the Flash Card Quickie project.
Please adjust the height of your browser window so
that the bottom of the window is aligned
with the horizontal line below.
Then click
Begin
Page 1
1. When the application begins, the first card in the flash card deck is displayed.
2. Click "Flip" to flip the card over.
Page 2
3. The background of the flip side is colored yellow.
4. Click "Flip" again to return the card to the front side.
Page 3
5. Click "Next" to view the next card.
Page 4
Click "Flip" to flip the card over.
Page 5
Click "Flip" again to return the card to the front side.
Page 6
6. If you're at the last card in the deck, click "Next" will "wrap around" to view the first card.
Page 7
7. If you're at the first card in the deck, click "Prev" will "back around" to view the last card.
Page 8
8. From the "File" menu, choosing "Quit" will exit the application.
We hope you enjoyed our storyboard.
Developers Note:
Each page is numbered.
Each unique requirement is numbered.
"Napkin" look and feel
gives an "unpolished" appearance.
Use HTML imagemap to enable clicking on specific areas of the image.
(
Online imagemap editor
)
The entire flow is completely pre-scripted.
This example is incomplete ... not all menu options are included.
