Download presentation
Presentation is loading. Please wait.
Published byGriffin Grant Modified over 9 years ago
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.
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.