16
Formative Wireframes Milestone 1 Final Version Published July 26, 2010 Created by Nick Porter

Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

  • Upload
    others

  • View
    22

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesMilestone 1

Final Version Published July 26, 2010 Created by Nick Porter

Page 2: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 2 of 16

Teacher Dashboard (teacher View)

1

Single notification area. Displays most recent notification of highest priority.

Action Items provide quick links to commonly used tasks. Admin common tasks: Uploads, Create Tests, View Reports. Admin would have an Item Bank button on top nav.

Graph showing most recent test administration. The user would also be able to “cycle” through some pre-generated charts by clicking on the arrows on the sides of the chart.

1

2

3

2

3

Page 3: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 3 of 16

Reports DashboardGraph showing most recent test administration. The user would also be able to “cycle” through recent administration charts by clicking on the arrows on the sides of the chart. Secondary charts are shown to the right.

List of Report Types user can view, according to user type. Admins would have additional views: by grade/school/district aggregate reports.

Past test administration reports are listed under the currently viewed report.

1

1

2

2

3

3

Page 4: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 4 of 16

Tests DashboardTests assigned by the District are listed, and teacher can schedule the administration for the test.

Scheduled Administrations are shown with status.

Tests that don’t yet have scheduled administrations are listed in this tab, user can schedule an adminstration which would move the test to the Scheduled Administrations tab.

Once a test administration is complete, a Report icon will show and can be clicked on to view the report of the administration.

1

1

3

2

4

3

2

4

Page 5: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 5 of 16

Classes created are shown in boxes. Number of studnets in the class are shown along with the number of assigned administrations, which can be clicked to edit.

Test administrations for each class are notified to the user in the day that the administration will take place.

Teacher can create a new class by clicking here, by filling the form, and selecting students..

1

12

2

3

3

Classes Dashboard

Page 6: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 6 of 16

Class information form.

User can filter down student roster list to select which students to enroll in the new class.

User selects students from filtered student list to enroll students in the class.

User can upload new student.

1

1

2

2

3

3

4

Classes: Create Class

4

4

Page 7: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 7 of 16

User can filter down available tests.

User can select which test to modify or add to their class list.

(admin) User can create new test from scatch, to add to the available test list.

1

1

2

2

33

Tests: Add Test to Class Test List

Page 8: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 8 of 16

User fills form to create a new test, then goes to the Adminstister form to assign the test to a class.

Tool select for the new test, which tools are available for the students to use during the test.

User can edit instructions the students will read before the administration begins.

Save and continue to question list.

1

12

23

34

4

Tests: Create New Test

Page 9: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 9 of 16

User can edit and print

Add new question to list.

Arrange questions.

1

1

2

2

3

3

Tests: Create New Test - Add Quesitons

Page 10: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 10 of 16

Administration info details.

User can assign test to multiple classes.

1

1

2

2

Tests: Create Administration (teacher)

Page 11: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 11 of 16

Administration info details.

User can assign test to grades/schools/students.

1

1

2

2

Tests: Create Administration (Admin)

Page 12: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 12 of 16

User can switch between different test administrations, chart types, and user types.

User can click and drill down on chart content.

Most missed items on the test.

Report data tables, student scores similar to current (Alaska)

1

1

2

2

3

3

4

4

Report: View Report

Page 13: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 13 of 16

Admins can upload file from desktop

LIst of recent uploads

Download file with errors to change and upload.

1

1

2

2

3

3

Uploads (admin only)

Page 14: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 14 of 16

Browse and import ETS items

User can filter item pool

User can preview and edit items

1

1

2

3

3

Item Bank (admin only)

2

Page 15: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 15 of 16

Student can begin test administrations assigned to her, and view upcoming administrations.

User can view her results report on completed administrations, and view teacher notes.

1

1

2

2

Student Home Page

Page 16: Formative Wireframes - users.caltesting.orgusers.caltesting.org/~scherrer/tb/FormativeWireframes4_final.pdf · Formative Wireframes Version 1 published July 26, 2010 by Nick Porter

Formative WireframesVersion 1 published July 26, 2010 by Nick Porter ([Author Email Address]) 16 of 16

For first-time logins, users will have a welcome message and quick links for getting started.

Video demos with buttons for getting started

1

12

2

New User example