1. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
10/28/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 1
Home Page
Arabolical – 18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: The idioms
Body: Instructional video explaining how the site works.
Across the top, three buttons: links to the idioms list, home , and contact information.
Next to the instructional video is a link to an optional pretest.
Navigations Buttons
Hyper Links
Navigation: Next Page Link and pretest
Audio inclusion and controls:
Yes
Video inclusion and controls:
Yes 1

2. IDIOMS
Home
Idioms
Contact us
Pre test
Instructional Video
Next

3. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
11/06/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 1
Home Page
Arabolical – Garamond -18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: Quiz Pre Test Popup:
The questions will be random and test the users knowledge of idioms.
There will be ten questions. One for each idiom.
Navigations Button – Pretest buttons and popup screen
Hyper Links
Finish or reset the quiz and pretest button
Audio inclusion and controls:
N/A
Video inclusion and controls:
N/A 3

4. IDIOMS Pre test Instructional Video Home Idioms Contact us Next Reset
Finish
Home
Idioms
Contact us
Pre test
Instructional Video
Next

5. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
10/28/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 2
Idiom Page
Arabolical, Garamond – 18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: idioms
Idiom list includes:
Cat got your tongue
Shake a leg
Knock on wood
I am all ears
This is way over my head
Each idiom has four pop up choices: audio in English, audio in Persian, a YouTube video, and a graphic.
Navigation buttons allow forward and backward movement.
Icons Buttons
Hyper Links
Next Page and Back – Icons
Audio inclusion and controls:
Yes
Video inclusion and controls:
Yes 5

6. IDIOMS Back Next Cat got your tongue Shake a leg Knock on wood
I am all ears
This is way over my head
Back
Next

7. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
10/28/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 2
Idiom Page
Arabolical, Garamond – 18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: idioms
Idiom list includes:
Get off my back
Don’t cry over spilled milk
Let sleeping dogs lie
Out of the frying pan into the fire
To cry wolf
Each idiom has four pop up choices: audio in English, audio in Persian, a YouTube video, and a graphic.
Navigation buttons allow forward and backward movement.
Icons Buttons
Hyper Links
Next Page and Back – Icons
Audio inclusion and controls:
Yes
Video inclusion and controls:
Yes 7

8. Don’t cry over spilled milk Out of the frying pan into the fire
IDIOMS
Get off my back
Don’t cry over spilled milk
Let sleeping dogs lie
Out of the frying pan into the fire
To cry wolf
Back
Next

9. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
11/06/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 2
Idioms Page
Arabolical – Garamond -18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: IDIOMS PAGE
When the user clicks the audio icon, a recording of the idiom will play. The recording is a native speaker with a neutral accent.
Audio button – back and next back
Hyper Links
Audio icon – back and next
Audio inclusion and controls:
Yes
Video inclusion and controls: No 9

10. Don’t cry over spilled milk Out of the frying pan into the fire
IDIOMS
Get off my back
Don’t cry over spilled milk
Let sleeping dogs lie
Out of the frying pan into the fire
To cry wolf
Back
Next

11. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
11/06/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 2
Idioms Page
Arabolical – Garamond -18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: Idioms page
When the user clicks the video icon, a pop up window appears. The pop up is a video describing the meaning of the idiom. Each idiom will have a video explanation.
YouTube video button – back and next back
Hyper Links
YouTube icon – popup screen- back and next
Audio inclusion and controls:
Yes
Video inclusion and controls:
Yes 11

12. IDIOMS Back Next Cat got your tongue Shake a leg Knock on wood
I am all ears
This is way over my head
Back
Next

13. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
11/06/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 2
Idioms Page
Arabolical – Garamond -18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
When the user clicks the translate icon, the idiom will be translated into Persian.
Many American English idioms are near identical in meaning in Persian.
Each idiom will have a Persian translation.
Translation button – back and next back
Hyper Links
Translations icon- popup screen – back and next
Audio inclusion and controls: No
Video inclusion and controls: No 13

14. IDIOMS Back Next Translate to Persian موش زبونتو خورده
Cat got your tongue
Shake a leg
Knock on wood
I am all ears
This is way over my head
Back
Next

15. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
11/06/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 2
IdiomsPage
Arabolical – Garamond -18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
When the user clicks the image icon, a pop up window appears. The pop up is an illustration depicting the idiom. Each idiom will have a pop up illustration.
Image button – back and next button.
Hyper Links
Image icon – popup screen – back and next
Audio inclusion and controls: No
Video inclusion and controls: No 15

16. IDIOMS Back Next Cat got your tongue Shake a leg Knock on wood
I am all ears
This is way over my head
Back
Next

17. Storyboard Template for Multimedia Product Development
Client Name
Project Title
Last Update
Name of Designer
College Level
Idioms
10/28/2017
Rabea, Carla and Babak
Page number
Basic page type:
Font type & size
Color specs.: 3
Quiz Page
Arabolical – Garamond -18 , 20 , 32
White, Gold, Brown
Description of Copy text:
User Interactions:
Title: Quiz Post Test
Across the top, three buttons: links to the idioms list, home , and contact information.
The user takes a test consisting of 10 questions to check mastery of the idioms.
Links at the bottom allow the user to reset the quiz or finish the site.
Navigations Buttons – Answers Buttons – Audio for the questions and winning prizes .
Hyper Links
Finish or reset the quiz
Audio inclusion and controls:
Yes
Video inclusion and controls: No 17

18. What is the meaning of I am all ears?
Quiz
Post Test
Home
Idioms
Contact us
Q 1 of Score:0/10
What is the meaning of I am all ears?
Ready and eager to listen
Hurry go faster
Reset
Finish

19. Thank you