Welcome to MyKU project Documentation Site!
The user experience of the class registration/planning/enrollment from the current student-facing portion of myKU is confusing. MyKU should be straight-forward and simple for enroll/ plan /drop courses. Here is the my optimizing process for desktop & touch-devices.
MyKU Original Website
Step 1. Analysis and Process Flow
Process Flow
First step is to do a deep analysis of the all portions of the course schedule process. I used red text to marked which process step was confused me and why.
Research
Since we cannot go other school's registration page, so I began researching websites that had good shopping experiences as the enroll/drop course process.
Step 2. Scenarios
I created 5 personas for fictional users of myku. Those people use this system with different goals.
Part 3. New Flow
I start my first draft at a revised process flow for the original site: include all features should keeping, what I will adding, and the process it would take to complete all the important tasks from the site.
Basic Nav for My New Flow
Part 4. Wireframes
After the research and analysis phases, it is the time for wireframe. I began useing paper "storyboards"/wireframes of each page.
Uxpin Wireframes - Desktop
Uxpin Wireframes - Mobile
Part 5. user testing & revisions
Once the interactive mock-up was complete in uxpin, I start several times user testing to see which process still confusing people and revisions these problems.
Questions
Desktop
1. You want meet your major advisor at Monday March 20 10:00 – 10:30am. Make an appointment.
2.You want view the schedule at Fall 2016.
3.You need MAT 017, select MAT 017 from home page, my Academic Requirements sheet.
4.You only can take class at MoWeFr 12-12:50, but Your favorite professor McLoughlin’s section is full, add to waitlist and also add section 110 to your shopping cart.
5.You want know which ARH class has WI, CT and at TuTh, use filler to find it easier and enroll it.
6.After first project, you feel you cannot stay with magazine design anymore, drop GD2.
7.You mom want see your GPA, share your GPA to your mom.
Mobile
8.It's 2 minutes before your magical actual registration time, you're not in front of a computer, so you need to use your phone to register for your tentative schedule. When you login, you see that your top pick for Professional Exploration Seminar is full. Swap class and "really register".
9.You want view the schedule at Fall 2016.
10.Check your account to see if you can apply for graduation.
Results
1."Make an appointment" button is not clear enough
2.Add 1st half/ 2nd half/ whole semester selection
3.Make people easy notice/ color or font
4.Try do not put add and enroll at same time - remove the enroll button.
5.Filler font color is too bright
6.People cannot notice the Drop sidebar - make it animation.
7.People cannot realize My Account, Add text there with sign out
8.People cannot realize register button - Add comment
Part 6. Mockups
Desktop
Mobile
Invision Mockups
Desktop
Mobile
Part 7. Process Videos
I did the Process videos based on user testing questions.
Desktop
Mobile
Part 8. Final User Test Revisions
At the final user test, I did not encounter any major issues. Only one person trying use search bar to search course. I am considering moving search bar to the bottom.