LCF - LE

Proposed Beta UI

Teacher-related Screens and Workflow

NotesArt• Art assets (such as icons, logos) are not included in the following mockups.• Colors - Background, Title bar, Header bars, Tables, etc. – TBDSlideshow Measures• Slideshow mockups are 75% scale, except for message boxes (100% for

legibility).

Actual Measures• Roster screen measures a minimum of 650 pixels wide, but should expand

to fill the screen.• Teacher Controls box measures 650 pixels wide.• Primary [Navigation] button size = 64 x 64 pixels.

Graphics (button icons) = 32 x 32.• Secondary [Action] button size = 48 x 48 pixels.

Graphics (button icons) = 24 x 24.Text and Labels• Base font size is 12 pt. / color black.• Left aligned. Title Case.

LoginLogin

DemoDemoBinderBinder

Student RosterStudent Roster

StartStart InfoInfo LogoutLogout ExitExit

MathMath

ReadingReading

WritingWriting

ContentContent

Com. LogCom. Log

Teacher Controls & Lesson

Teacher Controls & Lesson

ContentContent

ScoringScoring

HomeworkHomework

Com. LogCom. Log

Tech LogTech Log

EndEnd

PreviewPreview

DetailsDetails

DeliverDeliver

RateRate

AddAdd

Start/StopStart/Stop

SaveSave

Current SessionCurrent Session

Previous SessionPrevious Session

NotesNotes

RatingRating

PropertiesProperties

Homework InfoHomework Info

NotesNotes

RatingRating

PropertiesProperties

Homework InfoHomework Info

PreviewPreview

DetailsDetails

RateRate

Current SessionCurrent Session

Previous SessionPrevious Session

NotesNotes

RatingRating

PropertiesProperties

Homework InfoHomework Info

NotesNotes

RatingRating

PropertiesProperties

Homework InfoHomework Info

Launching and Logging In

W = 500 pixels H = 525 pixels

Keypad buttons= 50 x 50 pixels

Optional: Help button displays Help file (e.g., If you forgot your password..)

Student Roster

• Wide (full screen)• Minimum (650 pixels)

• Columns are sortable

Title bar options:• Logout• Exit

W = 650+ pixelsH = 650 pixels

My Students > Demo

My Students > Select Student > Info

Note: Perhaps Info icon (gold star) itself can act as the Info button, thereby reducing one primary navigation choice.

Note: The” no information” message ---see next slide ---can be eliminated if the Info button is grayed out when there is no student info.

This message can be eliminated – see previous slide.

My Students > Select Student > Binder

Selected Student’s Binder Options:

• Content (default)• Com. Log

• Tech Logs are also viewable, if needed

“No Content Selected” message could be replaced by

“Daily Prescription. Please select a lesson.”

Binder Content

Once a lesson is selected, it displays in the header.

Once a lesson is selected, the teacher can:• Preview it – Currently lessons are previewed in a

popup screen. We propose that a lesson previews (at a reduced size) in content area of Teacher Controls.

• See Details about it• Rate it (when rating data is entered, the Save

button activates)

Since new lesson templates combine content with answer key, the teacher could use this screen to rate both – thereby eliminating Score > Rate.

Binder > Com. Log

Viewing Options: • Current Session (default)• Previous Sessions

Com. Log Options

• Notes• Rating• Properties• Homework Info

Student Roster > Start

Teacher Controls (in Content view) opens automatically

No content is selected yet, so action buttons are not live.

Teacher can add content from here.

A selected lesson can be delivered from here.

Lesson > Teacher Controls

• Scoring – displays answer key for current lesson.• Homework (Help)

Homework

• Homework Help Start button is a toggle (Start/Stop)• Elapsed time shows in header•After Stop is clicked, the Save button becomes active, enabling the teacher to record the homework session

Teacher Controls > Tech Logs

For technical support info

Teacher Controls > End Session

TC frame margins are indented 10 pixels

650 pixels wide

Teacher Controls basic structure

Teacher Controls basic structure

W = 650 pixels

Content area H = 390 minimum pixels

Vertical Scroll when appropriate

Title barHeader bar 1

Nav bar 1

Header bar 2

Nav bar 2

Header bar 3

H = 40 pixelsH = 40 pixels

H = 85 pixels

H = 30 pixels

H = 65 pixels

H = 20 pixels