lcf - le proposed beta ui student-related screens

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.