Projects

UX/UI Design

UpSmart is Edgenuity's test readiness solution that provides the personalized instruction and practice studets need to master grade-level skills and be successful on high-stakes exams. It was created though the collaborate efforts of many talented and passionate professionals, educators, and students. I am proud to have been a part of this team working as the Interaction Designer.

I have participated in the creation of all content within this document. This includes:

Flowcharts, sketches, wireframes, and prototypes leading to the final (and constantly improving) product.
Visual and interaction designs of the student and teacher experiences.
Rapid iteration based on feedback provided from students, teachers, and stakeholders.
User Interface development and collaboration with the dev team.

Early Stages

The goal of this project was to create a program that simulates high-stakes testing environments such as SBAC or PARCC. This program would also adapt to the user by providing specific feedback based on the their performance. After several iterations and conversations with stakeholders, I created the flowchart below.

The Learning Map

We knew early on that we wanted students to navigate through UpSmart using a map. Topics would be unlocked by completing prerequisite topics. I developed a wireframe grid layout which would be populated through programming. Routes and topics would be unlocked upon completion of prior topics

Student Dashboard

To begin, each student will login and arrive to their personalized dashboard. Here they can select between ELA or Math. The planetoid is broken into different units. They can be unlocked as prerequisite units are completed. The left navigation shows the students most recently completed topics within the units as well as the last unit they were active in.

After selecting the unit, the view zooms into the learning map. The map is made up of interconnected topics. New topics are unlocked when the student completes prerequisite topics. Each topic consists of three levels; Bronze, silver and gold. A topic is considered complete once the student has completed the gold level within.

Selecting a topic brings you to the topic homepage. In this example, the student has completed the bronze level within the topic. Each topic can have one or more skills. The medal is earned once the skill(s) have been met.

Question Experience

If this is the first time the student enters the topic, they are given a series of questions that cover the topic matter. Depending on their performance, the student is placed in the appropriate level. This allows high performing students to skip skills they already are strong with. As well as, lower performing students opportunities to build their way to the higher levels.

When the student begins a level, they are presented with questions similar to what they may find in SBAC or PARCC. Questions can be multiple choice, multiselect, short answer, drag and drop, graph plotting, etc.

If the student gives an incorrect answer, specific feedback is given based on their input. They are then allowed to answer for a second time using this feedback. Any incorrect answers after this point and the item, is considered to be answered incorrectly. They then move on to the next question.

If the student gives a correct answer, the item is considered to be answered correctly. Either correct or incorrect, final answers come with an explanation on how to solve the item before moving on.

As the student progresses through the level, their progress meter fills in the bottom center. The amount of progress is determined by many factors up to this point; such as incorrect answers, correct answers, correct answers after feedback, and correct answers where hints are used.

In this example the student has decided to see three hints before they answer.

Student Progress

When the level is complete, the student is presented with a medal of the current level in this topic. Here is the silver level of Measures of Center.

Students can review their progress. Here the student is viewing the highest medals collected so far. Also, seen here, are topics they have yet to start. Topics can also be launched from this view, just as in the learning map view.

A list view of topics in order of Late, Due Soon, and Upcoming, is provided if the student wants to simply see what is most urgent. Again topics can be launched from this view, as in other views.

Teacher's View of Student Progress

The teacher can view their students' progress in UpSmart by logging into the their Edgenuity account and navigating to the Program Progress section of UpSmart.

In this example, the teacher has chosen to view math program progress by topic. The list is further filtered down to show only the Math program. Based on the actions by the student we covered earlier, you can see that the student has completed the silver level of the topic Measures of Center.

The topic can be expanded to show a list of the students assigned to it. An actual class would have many students listed and sorted by completion in descending order. The student here has completed the silver level, but not yet made progress in the gold level

Expanding the details panel gives a description of the skills found within each topic level.

Had this student been blocked or late in the topic, you would see an icon under their respective categories.

Edgenuity is a product that contains online courses for middle and high school students. The courses are built using an instructional model grounded in research and are Common Core, NGSS, and state-standards aligned. We combine direct-instruction videos featuring expert, on-screen teachers with rigorous assignments, performances tasks, and assessments to engage students and ensure subject-area mastery.

Storyboards

Our Economics course teaches how to set budgets. Below are some early sketches and their low fidelity counterpart.