Interface Mocks

Linked below are several options for the layout and function of the interface. At this point, these are not representative of the final look and feel of the project.

In the first two options, my thinking was that the user could click and drag the desired character to either the listener window or the storyteller window. Then a different animation would play depending on the combination that is selected.

In the second two options, the user would select the option of either "listener" or "storyteller" for two of the characters.

In the first three examples I intended for the animation to play within the grid. However, in the final example I wanted to illustrate how the interface might look with a video player instead.

Lastly, attached is an illustration that describes the different outcomes that are possible with this system. Depending on which characters are selected, a slightly different animation will play.

Option 1

Option 2

Option 3

Option 4

Flow Chart