3 types of question formatting:

Textual questions

These are short answer questions where the student will be provided with grading criteria to compare their answer to.

Alert
Question (empty)
Question (filled)
Grading criteria (unscored)

Diagrammatic questions

These are visual questions where the student will be given a numbered diagram and asked to label the components on it.

Alert
Label #1 (empty)
Label #1 (filled)
Grading criteria (unscored)
Grading criteria (scored)
Label #2 (empty)

Hybrid questions

These questions use numbered diagrams, but require a longer-response with multiple grading criteria that the student must compare their answer to.

Question (empty)
Question (filled)
Grading criteria (unscored)
Grading criteria (scored)

Navigation screens

A class is broken down into numbered assignments, and each assignment contains 1+ study sets that must be completed at least once.

Study schedule
Study schedule (expanded)
Card set (Week #4)
Marvel prototype
Scroll to interact with prototype
Scroll to interact with prototype
Scroll to interact with prototype

Redesign goals

Make style look more like FlashLine
Smoothly embed Microsoft process
Make "First time user" match mailed welcome packet

Dynamic illustration

I illustrated a scene of campus for the bottom of the page, and then created a style guide template for other students to submit their own illustrations.

To add more personality and student voice to the login page, the team wanted to feature a sketchy illustration at the bottom of the login page. These illustrations are crowdsourced from other students.

Logging in to FlashLine

To enter FlashLine, the user enters their Kent credentials before being booted to Microsoft for their password authentication. Though we couldn't modify the input elements provided by Microsoft, I worked to make the UI as cohesive as possible with the existing FlashLine style.

Forgot username
Username (empty)
Username (filled)
Password (empty)
Password (filled)
Success

New User flow

This is the flow for new students and faculty to set up their account by entering their pre-generated password, after which they will be asked to change it to one of their own choosing. Welcome packets were already being printed at the time of this project, so we had to work carefully to make sure that the instructions on the admissions packet wouldn't be unusable based on the digital UI changes our team was making.

Username (empty)
Username (filled)
Birth Month
Birth Year
ID Number
Copied Generated Password

Click to interact with prototype