lcf - le proposed beta ui student-related screens
TRANSCRIPT
LCF - LE
Proposed Beta UI
Student-related Screens
Simple Design
Minimal Elements
1. Header
2. Single Toolbar
3. Content Area
1. Header
2. Toolbar
3. Content Area
Header Essential Elements
1. Avatar (64 x 64 pixels)2. Student Name3. Program Name4. ILO Code / Description5. Teacher Name6. Way for teacher to access teacher options (see next slide)7. Student Interests Indicator (frame color around avatar indicates)
8. Note: Sylvan website header art is used for decorative element
From the Student LE, a teacher needs:
1. a way to show Teacher Controls
2. a way to re-orient (turn) screen
3. an option to show answers sequentially
4. an option to show all answers
Beep
An alert sounds when Teacher Options are selected
Teacher Controls window shows when selected
Toolbar Essential Elements
1. Draw Tool2. Line Tool3. Highlight Draw Tool4. Highlight Line Tool5. Erase Tool6. Erase All Tool7. Shapes Tool8. Stamps Tool9. Color Picker10. Line Width11. Resources button12. I’m Done button
Selecting Shapes displays drop-down menu
Selecting Stamps displays drop-down menu
Selecting Colors displays
some sort of Color Picker
Selecting Line Width displays drop-down menu
Clicking Resource button displays
tabbed Resources window.
Note- button icon should match program
Clicking I’m Done button displays… ?
Idle screen?
Beep
An alert sounds when I’m Done button is clicked
My Learning
Clicking within avatar displays floating My Learning window.
Tabs include:• My Skills• My Learning Log• My Interests• My Tokens• My Character
Current and previous session progress shows along with skills mastered (gold star).
Current and previous session notes show. Notes can be entered or edited and saved.
Student interests can be entered or edited and saved.
A different colored frame around the avatar indicates to the teacher that the student has entered (and saved) interests.
Current and previous session “tokens earned” totals show.
A collection of selectable avatars.
Some possible examples of idle screen content:
An example of hidden pictures game.
An example of maze game.
An example of crossword puzzle game.
An example of crossword puzzle game.