MYKU REDESIGN

UX DESIGN


MyKU is intended for students to use for scheduling classes, making payments and managing their accounts. This site is used widely by the student body of Kutztown University nearly every day. To make this site more user friendly, an extensive redesign took place including everything from finding pain sources and site mapping, to user testing and site mapping, to mock-ups and designs.

PLANNING:


I started by taking notes while experiencing the sites current scheduling process. We then made a process flow, which we continued to add to as we progressed through the assignment. Included in this are examples of online stores that we believed to have good ordering systems.

PAIN POINTS:


We grouped up and produced a bulleted list of problem areas and solutions for the redesign of the site. I began the creation of a Master Process Flow that in the next part. Stay out of the way

  1. My planner(remove)
    1. Too many buttons to get to same place–with different names 
    2. Same nav on top and bottom
    3. Weird drop down nav
    4. edit/tabs under tabs not related Hierarchy that makes sense 
  2. Tabs over tabs–not bad (categories and subcategories)
    1. B. Nav 
    2. Font hierarchy–bold/colors/fonts/spacing
    3. Browse vs. buying
    4. [x] I will be returning
    5. Limit distractions
  3. My planner(remove)
    1. Too many buttons to get to same place–with different names
    2. Same nav on top and bottom
    3. Weird drop down nav
    4. edit/tabs under tabs not related
    5. Information scent
  4. Font hierarchy–bold/colors/fonts/spacing (link consistency)
    1. Back button
    2. Home button
    3. Unnecessary buttons in wrong places
    4. signpost/cues
  5. nav/breadcrumb/tabs in tabs/schedule in calendar view
    1. Current state in a multi-step process
    2. Feedback after add
    3. Status “spinner” location/function
    4. Popups
    5. Timeout
  6. Provide context
    1. What action you’re doing (current tab)
    2. Course name
  7. Use constraints appropriately
    1. [x] I will be returning
    2. Time conflicts/ pre req
    3. search–course# undergrad/grad
    4. Search for requirements
    5. Weird course requirements
    6. Class in cart are full–everyone registers at same time
  8. Make actions reversible
    1. Undo swap/add/drop
    2. Easily remove from cart and undo Provide feedback
  9. Notification for open seat
  10. Time conflicts/ pre req
  11. Weird course requirements
  12. Class in cart are full–everyone registers at same time
  13. Feedback at right time First impression
  14. Homepage–too many distractions, no hierarchy, no cues, no signposts

WIREFRAME + USER TESTING:


Next I designed wireframes/mock-ups that met certain requirements. I made revisions, then finalized the mock-ups for desktop and mobile. Following this I proceeded to conduct user testing. This allowed me to see problem areas.


Once the test site was complete, I tested the following with a group of individuals ranging from basic to moderate internet and phone usage.

  1. One of the main problems I noticed was that the people testing the site would click enroll instead of wish list
  2. not every time but most times the users testing the wireframe could not find the wish list.
  3. another problem was users skipping over buttons too quickly.

Below is a design that follows the user's needs and also cleans up some of the areas user's ran into problems. Overall this design was much more user friendly and catered towards what they needed most.

For Educational Purposes Only