Presentation is loading. Please wait.

Presentation is loading. Please wait.

LCF - LE Proposed Beta UI Student-related Screens.

Similar presentations


Presentation on theme: "LCF - LE Proposed Beta UI Student-related Screens."— Presentation transcript:

1 LCF - LE Proposed Beta UI Student-related Screens

2 Simple Design Minimal Elements 1.Header 2.Single Toolbar 3.Content Area

3 1. Header 2. Toolbar 3. Content Area

4 Header Essential Elements 1.Avatar (64 x 64 pixels) 2.Student Name 3.Program Name 4.ILO Code / Description 5.Teacher Name 6.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

5 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

6 Beep An alert sounds when Teacher Options are selected

7 Teacher Controls window shows when selected

8 Toolbar Essential Elements 1.Draw Tool 2.Line Tool 3.Highlight Draw Tool 4.Highlight Line Tool 5.Erase Tool 6.Erase All Tool 7.Shapes Tool 8.Stamps Tool 9.Color Picker 10.Line Width 11.Resources button 12.I’m Done button

9 Selecting Shapes displays drop-down menu

10 Selecting Stamps displays drop-down menu

11 Selecting Colors displays some sort of Color Picker

12 Selecting Line Width displays drop-down menu

13 Clicking Resource button displays tabbed Resources window. Note- button icon should match program

14 Clicking I’m Done button displays… ? Idle screen? Beep An alert sounds when I’m Done button is clicked

15 My Learning Clicking within avatar displays floating My Learning window. Tabs include: My Skills My Learning Log My Interests My Tokens My Character

16 Current and previous session progress shows along with skills mastered (gold star).

17 Current and previous session notes show. Notes can be entered or edited and saved.

18 Student interests can be entered or edited and saved.

19 A different colored frame around the avatar indicates to the teacher that the student has entered (and saved) interests.

20 Current and previous session “tokens earned” totals show.

21 A collection of selectable avatars.

22 Some possible examples of idle screen content:

23 An example of hidden pictures game.

24 An example of maze game.

25 An example of crossword puzzle game.

26


Download ppt "LCF - LE Proposed Beta UI Student-related Screens."

Similar presentations


Ads by Google