BRITTA MOBERG sis redesign
1
The CURRENT SIS site is UGLY, difficult to NAVIGATE and does not reflect the SOPHISTICATION, PROFESSIONALISM and HIGH QUALITY of RIT.
2
RESEARCH Difficult to complete goals Visual design is poor Lots of unnecessary information Navigation is confusing
1 Top navigation bar with only three items 2 Second navigation bar is confusing with first nav. 3 Internal navigation is difficult to understand and isn’t with other navs. 4 Internal navigation is difficult to understand and isn’t with other navs. 5 Addional navigation within pages is also confusing
1
2
5 3
4
6
6 Information is displayed poorly with too much text 3
RESEARCH SUMMARY RESULTS RIT SIS needs to improve by creating an EASE of NAVIGATION that allows students to FIND NECESSARY information and COMPLETE GOALS. SIS should create an INVITING and PERSONAL experience for all students. The visual design should reflect RIT’s EXCELLENCE and INNOVATION. 1
Create a more simple site navigation
2
Include a personalized section
3
Create heirarchy within the site so that important information is readily available
4
Design a schedule section that students can easily manage 4
USER DEFINED The typical user is an RIT STUDENT who has a FAST PACED and BUSY life and wants a SIMPLE and INTUITIVE system to aid in their SUCCESS.
5
USER RESEARCH Top 4 Reasons SIS is Used 83%
Resources Used to Help with SIS Problems
Average Time Spent on SIS 5
8
ask a friend/peer
register for classes 6
67% search for classes 58% check grades
4 email advisor
4 2
2 0
41%
none 0-10
10-30
30-60
60+
(mins)
1 ask a professor
look up schedule
Reason for Last Visit to SIS
Primary Device Used to Access SIS 6
9
check schedule
laptop
add/drop class
desktop
8 6
3
2
Number of Times Used per Semseter
4
1
1 tablet
enroll in classes
0
1
0
2
8+
5-8
3-5
1-3
search for classes
mobile 1
view transcript
Suggestions to Add to SIS
Major Issues with SIS
direct connection to myCourses new color scheme/design FAQs mobile version schedule an appointment with advisor online grade notifications (email, etc.) offer substitutes for conflicting courses show credits/courses remaining for degree
structure of information not intuitive site is often slow during registration days not easy to locate items within site confusion between labels of menu items not connected to myCourses or online support not visually pleasing schedule view is difficult to understand not responsive
6
USE CASE
Enroll in classes for next semester
User types SIS URL
Lands on SIS homepage
Clicks ENROLL
Clicks NEXT button
Clicks NEXT button
Clicks ENROLL button
(views selected courses in calendar and can make any changes here)
(views final step and completes form)
(sees saved courses and which ones verified)
(views confirmation)
Clicks X in top right to close moto window.
7
TAXONOMY MAP
8
WIREFRAMES with annotations
1 3
1 Navigation bar to go back to home or log out user 2 Personalized user screen once logged in with user info
2
3 Current semester schedule with customizable options 4 Class search for any semester
4
5 Advisor information and link to contact
6
6 List of courses left to take 7 Grades from previous semester
5
7
8
8 Any holds on user account
9
WIREFRAMES with annotations
1 Progress tracking for enrollment
1
3
2
2 Courses saved by user to enroll 3 X to get rid of modal window and return to home screen 4 Button to move to next step 4
10
WIREFRAMES with annotations
1 Schedule view of the selected courses 2 Course information with option to remove from list
1
2
11
WIREFRAMES with annotations
1 Enter UID and username to verify identiďŹ cation before enrolling
1
2 Finalized list of courses to enroll 2
12
WIREFRAMES with annotations
1 NotiďŹ cation of success in enrollment 1
13
MOOD BOARD
14
INITIAL DESIGN DIRECTION with annotations
1
1 Navigation bar with user notiďŹ cations
2
3
2 Current semester schedule with customizable options 3 Advisor information 4 Grades from previous semester
4
5 List of courses left to take 6 Any holds on user account
5
7 Upcoming dates at RIT 8 Courses saved for user enrollment
6
7
8
9 Footer with quick links 9
15
FINAL DESIGN HOME PAGE with annotations 1 Navigation bar 2 User section with information on the student and notiďŹ cations for new mail or other items
1 3 4
2
3 Schedule ďŹ rst on home pageit is most important 4 Toggle between month/week view and cog wheel to customize 5 Search for classes in a quick, easy way or use advanced search 6 List of courses saved for enrollment and a quick enroll button 7 Advisor info with links to contact
5
6
8 Dates at RIT and link to full calendar 9 Grades from last semester and link to full transcript 10 Footer with quicklinks for support Top 7 features of SIS all conveniently located on the home page with intuitive heirarchy. All links appear as modal windows so main page contains majority of information forease of navigation. Personalized section gives user a quick look at their progress and stats at RIT
7
8
9
10
15
FINAL DESIGN PAGE 2 with annotations
User clicks Enroll button 1
2 3
4
1 X to exit modal window at any point 2 Tracking progress of enrollment in three easy steps 3 Saved courses from home page that user selected to enroll 4 NotiďŹ cation on the status of the courseif the user can enroll there is a check mark and if they are not able there is a red X 6 Next button to proceed to next step
5
16
FINAL DESIGN PAGE 2 with annotations
User clicks Enroll button 2 1
1 Check mark on ďŹ rst step to indicate that is has been completed 2 Weekly schedule view for user to visualize layout of courses before enrolling 3 Course information with X to remove course if desired before enrolling
3
16
FINAL DESIGN PAGE 2 with annotations
User clicks Enroll button 1
1 Verification of RIT Username and UID # before enrolling to prove identification 2 Finalized list of courses to enroll in
2
3 Button to enroll in courses above
3
16
FINAL DESIGN PAGE 2 with annotations
User clicks Enroll button 1
1 ConďŹ rmation of successful enrollment.
2
2 Link to go directly to class schedule to view enrolled courses
16
PROJECT SUMMARY This SIS Redesign addresses the main pain points speciďŹ ed by real users. Navigation, visual design and ease of completing necessary tasks. The navigation issue was solved by creating a system in which 90% of the information needed by students is on the home page, with modal windows that open up to display additional information. The visual design is clean, appealing and representative of RIT through the typeface, colors, spacing, heirarchy and contrast. Each task that a student could possibly need to complete now has its own speciďŹ ed location and section. These tasks are completed through a series of simple steps that tracks your progress along the way, as demonstrated in the pages that have been redesigned.
17