Storyboard for interactive game for art appreciation course.

The game is intended to help

students practice recognizing whether paintings are representational or non-representational.

Slide 1 NAVIGATION
SCREEN TEXT
INTERACTION/ANIMATION
none
GRAPHICS:
Art gallery image:
https://www.pexels.com/photo/art-artwork-gallery-museum-
97894/

Slide 2 Navigation:
Right facing arrow button jumps to slide 3
Screen Text:
Can you tell the difference between representational and non-
representational art?

Animation:
none

Graphics:
Art gallery image:
https://www.pexels.com/photo/art-artwork-gallery-museum-
97894/

Slide 3 Navigation:
Right facing arrow jumps to slide 4
Left facing arrow jumps to slide 2

Screen Text:
A representational painting depicts objects or people in a way that
we can recognize.

This painting, by Pablo Picasso, is a representational painting. Even
though the figures are abstracted and don’t look realistic, we can
still recognize them as human.

ANIMATION:
none


GRAPHICS
Art gallery image:


https://www.pexels.com/photo/art-artwork-gallery-museum-
97894/
Painting: www.pablopicasso.org

Slide 4 Navigation:
Right facing arrow jumps to slide 5
Left facing arrow jumps to slide 3
Screen Text:
A non-representational, or non-objective painting depicts subject
matter that is not recognizable.

This painting, by Piet Mondrian, is a non-representational painting.
It does not contain forms or objects that we can recognize.

Graphics:
Art gallery image:
https://www.pexels.com/photo/art-artwork-gallery-museum-
97894/

Painting:
https://commons.wikimedia.org/wiki/File:Piet_Mondrian,_1942_
-_Broadway_Boogie_Woogie.jpg

Slide 5 Navigation
Right facing arrow jumps to slide 6
Left facing arrow jumps to slide 4

SCREEN TEXT
Let’s Practice

GRAPHICS:
Vintage journal: https://pixabay.com/p-1764446/?no_redirect
Art gallery image:
https://www.pexels.com/photo/art-artwork-gallery-museum-
97894/


Slide 6 Navigation
Right facing arrow jumps to slide 7
Left facing arrow jumps to slide 5

SCREEN TEXT
For each painting displayed, click on the appropriate frame to
indicate whether the painting is representational or non-
representational. Ready? Let’s start!

(“representational” and “non-representational” text is part of the
underlying graphic).

GRAPHICS:
Art gallery illustration created in house.

Slide 7 Navigation
Right facing arrow jumps to slide 8
Left facing arrow jumps to slide 6

SCREEN TEXT
Painting #1 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Incorrect. A representational painting is one that
contains objects or people that we can recognize.”

If student clicks on the “non-representational” frame the following

text is displayed: “Correct! This painting is non-representational
because it does not depict subject matter that is recognizable.

GRAPHICS:
Art gallery illustration created in house.
Painting image: http://www.markrothko.org


Slide 8 Navigation
Right facing arrow jumps to slide 9
Left facing arrow jumps to slide 7

SCREEN TEXT
Painting #2 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Correct!. A representational painting is one that
contains objects or people that we can recognize.”

If student clicks on the “non-representational” frame the following
text is displayed: “Incorrect. This painting is representational
because it depicts recognizable forms (trees, clouds, etc). Even
though those forms are abstracted, they are still representational.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: https://en.wikipedia.org/wiki/The_Starry_Night

Slide 9 Navigation
Right facing arrow jumps to slide 10
Left facing arrow jumps to slide 8

SCREEN TEXT
Painting #3 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Correct!. A representational painting is one that
contains objects or people that we can recognize.”

If student clicks on the “non-representational” frame the following
text is displayed: “Incorrect. This painting is representational

because it depicts recognizable forms (the landscape and the
human figure)”

GRAPHICS:
Art gallery illustration created in house.
Painting image: https://en.wikipedia.org/wiki/Mona_Lisa


Slide 10 Navigation
Right facing arrow jumps to slide 11
Left facing arrow jumps to slide 9

SCREEN TEXT
Painting #4 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Incorrect. A representational painting is one that
contains objects or people that we can recognize. This painting
contains shapes and colors, but does not contain recognizable
objects.”


If student clicks on the “non-representational” frame the following
text is displayed: “Correct! This painting is non-representational
because it does not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: http://www.wassilykandinsky.net/painting1896-
1944.php
Slide 11 Navigation
Right facing arrow jumps to slide 12
Left facing arrow jumps to slide 10

SCREEN TEXT
Painting #5 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Incorrect. A representational painting is one that
contains objects or people that we can recognize.”

If student clicks on the “non-representational” frame the following
text is displayed: “Correct! This painting is non-representational

because it does not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: https://www.jackson-pollock.org


Slide 12 Navigation
Right facing arrow jumps to slide 12
Left facing arrow jumps to slide 10

SCREEN TEXT
Painting #6 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Correct! This painting is representational because it
depicts recognizable objects (trees, ants, clocks, etc).”

If student clicks on the “non-representational” frame the following
text is displayed: “Incorrect. A non-representational painting does

not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: https://www.wikiart.org/en/salvador-dali/the-
persistence-of-memory-1931
Slide 13 Navigation
Right facing arrow jumps to slide 14
Left facing arrow jumps to slide 12

SCREEN TEXT
Painting #7 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Incorrect. A representational painting is one that
contains objects or people that we can recognize.”

If student clicks on the “non-representational” frame the following
text is displayed: “Correct! This painting is non-representational

because it does not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: https://en.wikipedia.org/wiki/White_on_White


Slide 14 Navigation
Right facing arrow jumps to slide 15
Left facing arrow jumps to slide 13

SCREEN TEXT
Painting #8 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Correct! This painting is representational because it
depicts recognizable objects (people, trees, etc).”

If student clicks on the “non-representational” frame the following
text is displayed: “Incorrect. A non-representational painting does

not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: http://www.gauguingallery.com/paintings.aspx
Slide 15 Navigation
Right facing arrow jumps to slide 16
Left facing arrow jumps to slide 14

SCREEN TEXT
Painting #9 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Correct! This painting is representational because it
depicts recognizable objects (people, buildings, etc).”

If student clicks on the “non-representational” frame the following
text is displayed: “Incorrect. A non-representational painting does

not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image: https://www.renemagritte.org


Slide 16 Navigation
Right facing arrow jumps to slide 17
Left facing arrow jumps to slide 15

SCREEN TEXT
Painting #10 (“representational” and “non-representational” text is
part of the underlying graphic).

ANIMATION/INTERACTION
If student clicks on the “representational” frame the following text
is displayed: “Incorrect. A representational painting is one that
contains objects or people that we can recognize.”

If student clicks on the “non-representational” frame the following
text is displayed: “Correct! This painting is non-representational

because it does not depict recognizable objects.”

GRAPHICS:
Art gallery illustration created in house.
Painting image:
http://www.tate.org.uk/research/publications/tate-
papers/14/liubov-popova-from-painting-to-textile-design
Slide 17 Navigation
Right facing arrow jumps to slide 1 to start over
Left facing arrow jumps to slide 16

SCREEN TEXT
Score: X/10 (display score based on student’s results)

If score is 10/10 display: “Great job! You really understand the
difference between representational and non-representational
painting. Keep up the good work!”

If score is 7/10 – 9/10 display: “Pretty good, but I bet you can do
better. Click the next arrow below to try again.”

If score is 6/10 or below display: “Maybe you need a bit more

practice. Click the next arrow below and see if you can improve
your score.”

ANIMATION/INTERACTION
none

GRAPHICS:
Art gallery illustration created in house.