RMIT Career Centre
RMIT Career Centre
RMIT Career Centre
Enhancing the career support experience for RMIT students.
Enhancing the career support experience for RMIT students.
Enhancing the career support experience for RMIT students.
Timeline:
Aug 2024 - Oct 2024
Timeline:
Aug 2024 - Oct 2024
Timeline:
Aug 2024 - Oct 2024
Role:
UXUI Designer
Role:
UXUI Designer
Role:
UXUI Designer
Tools:
Figma
Tools:
Figma
Tools:
Figma
Introduction
Introduction
Introduction
As a final-year RMIT student preparing for my career, I set out to book an appointment with a career consultant through the RMIT Career Centre website.
However, what should have been a simple process quickly turned into a frustrating experience, due to the clunky interface and poor usability.
Instead of giving up, I saw this as an opportunity to turn this frustrating experience into a design challenge.
As a final-year RMIT student preparing for my career, I set out to book an appointment with a career consultant through the RMIT Career Centre website.
However, what should have been a simple process quickly turned into a frustrating experience, due to the clunky interface and poor usability.
Instead of giving up, I saw this as an opportunity to turn this frustrating experience into a design challenge.
As a final-year RMIT student preparing for my career, I set out to book an appointment with a career consultant through the RMIT Career Centre website.
However, what should have been a simple process quickly turned into a frustrating experience, due to the clunky interface and poor usability.
Instead of giving up, I saw this as an opportunity to turn this frustrating experience into a design challenge.
Overview
Problem
Problem
Problem
Currently, RMIT Career Centre has issues with:
Navigation bar
Navigating to pages
Visual hierarchy and layout of information
Error prevention
Currently, RMIT Career Centre has issues with:
Navigation bar
Navigating to pages
Visual hierarchy and layout of information
Error prevention
Currently, RMIT Career Centre has issues with:
Navigation bar
Navigating to pages
Visual hierarchy and layout of information
Error prevention
Solution
Solution
Solution
To test the severity of these issues, redesign and compare the original with an improved RMIT Career Centre.
To test the severity of these issues, redesign and compare the original with an improved RMIT Career Centre.
To test the severity of these issues, redesign and compare the original with an improved RMIT Career Centre.
Audience
Audience
Audience
RMIT Students and Graduates
RMIT Students and Graduates
RMIT Students and Graduates
Design Process
Design Process
Design Process
Understanding What and Who
Understanding What and Who
Understanding What and Who
What is RMIT Career Centre?
What is RMIT Career Centre?
What is RMIT Career Centre?
RMIT Career Centre is an online hub that provides resources and connects users to personalised support from the JobShop, a RMIT service specialising in career advice and help.
RMIT Career Centre is an online hub that provides resources and connects users to personalised support from the JobShop, a RMIT service specialising in career advice and help.
RMIT Career Centre is an online hub that provides resources and connects users to personalised support from the JobShop, a RMIT service specialising in career advice and help.
Book appointments for consultations and events, tailored to your circumstances.
Book appointments for consultations and events, tailored to your circumstances.
Book appointments for consultations and events, tailored to your circumstances.
Find jobs and internship listings.
Find jobs and internship listings.
Find jobs and internship listings.
Use resources to prepare and level up in your career.
Use resources to prepare and level up in your career.
Use resources to prepare and level up in your career.
View courses that increase one's employability.
View courses that increase one's employability.
View courses that increase one's employability.
Who is using RMIT Career Centre?
Who is using RMIT Career Centre?
Who is using RMIT Career Centre?
As RMIT Career Centre supports students and graduates (12 months post-completion) of RMIT university, who are just starting out in their careers, I have decided to narrow the user attributes to:
As RMIT Career Centre supports students and graduates (12 months post-completion) of RMIT university, who are just starting out in their careers, I have decided to narrow the user attributes to:
As RMIT Career Centre supports students and graduates (12 months post-completion) of RMIT university, who are just starting out in their careers, I have decided to narrow the user attributes to:
Age: 17 - 30
Age: 17 - 30
Age: 17 - 30
Goals:
Goals:
Goals:
Make event and appointment bookings efficiently
Find booking information quickly
Find career resources such as industry reports and tips easily
Make event and appointment bookings efficiently
Find booking information quickly
Find career resources such as industry reports and tips easily
Make event and appointment bookings efficiently
Find booking information quickly
Find career resources such as industry reports and tips easily
Influencers:
Influencers:
Influencers:
Simple, straightforward and easy to use
Clean interface
Time-efficient
Simple, straightforward and easy to use
Clean interface
Time-efficient
Simple, straightforward and easy to use
Clean interface
Time-efficient
Problem 01
Problem 01
Problem 01
Wayfinding
Wayfinding
Wayfinding
The original interface does not indicate what category is currently active and where the current page belongs to within the website.
This makes it hard to find a specific page quickly, identify what page I am on and how I reached it.
The original interface does not indicate what category is currently active and where the current page belongs to within the website.
This makes it hard to find a specific page quickly, identify what page I am on and how I reached it.
The original interface does not indicate what category is currently active and where the current page belongs to within the website.
This makes it hard to find a specific page quickly, identify what page I am on and how I reached it.
Related Usability Principles:
‘You are here’ - Steve Krug
Visibility of System Status - Jakob Nielsen
Recognition Rather than Recall - Jakob Nielsen
Related Usability Principles:
‘You are here’ - Steve Krug
Visibility of System Status - Jakob Nielsen
Recognition Rather than Recall - Jakob Nielsen
Related Usability Principles:
‘You are here’ - Steve Krug
Visibility of System Status - Jakob Nielsen
Recognition Rather than Recall - Jakob Nielsen
Measuring the Problem Severity
Measuring the Problem Severity
Measuring the Problem Severity
Using the trunk test, participants could not easily identify the Page Name, Ways to Search and Breadcrumbs in the original interface.
Using the trunk test, participants could not easily identify the Page Name, Ways to Search and Breadcrumbs in the original interface.
Using the trunk test, participants could not easily identify the Page Name, Ways to Search and Breadcrumbs in the original interface.
Reaching a Solution
Reaching a Solution
Reaching a Solution
Hover over image for annotations.
Hover over image for annotations.
Hover over image for annotations.
In my redesign, I moved the search bar to the top of the page. I removed the background image behind the page name and added breadcrumbs to show the user's current location and how they reached there. The global navigation bar now shows which category the current page is under.
In my redesign, I moved the search bar to the top of the page. I removed the background image behind the page name and added breadcrumbs to show the user's current location and how they reached there. The global navigation bar now shows which category the current page is under.
In my redesign, I moved the search bar to the top of the page. I removed the background image behind the page name and added breadcrumbs to show the user's current location and how they reached there. The global navigation bar now shows which category the current page is under.
Validating the Solution
Validating the Solution
Validating the Solution
All participants could identify all parts of the interface successfully in the redesign.
All participants could identify all parts of the interface successfully in the redesign.
All participants could identify all parts of the interface successfully in the redesign.
Original and Redesign Comparison
Original and Redesign Comparison
Original and Redesign Comparison
Before
Before
Before
After
After
After
Original
Original
Original
Redesign
Redesign
Redesign
Problem 02
Problem 02
Problem 02
Navigating to My Bookings
Navigating to My Bookings
Navigating to My Bookings
All the bookings the user has made are inside 'My Bookings', which is placed inside Appointments and Events categories. It takes 2 to 3 clicks to reach, which can lead to them muddling through to find.
As a new user, it was difficult to find as I would expect all bookings to appear on Dashboard or Profile. As an old user, it became time-consuming to take multiple clicks, especially as the website loads slowly.
All the bookings the user has made are inside 'My Bookings', which is placed inside Appointments and Events categories. It takes 2 to 3 clicks to reach, which can lead to them muddling through to find.
As a new user, it was difficult to find as I would expect all bookings to appear on Dashboard or Profile. As an old user, it became time-consuming to take multiple clicks, especially as the website loads slowly.
All the bookings the user has made are inside 'My Bookings', which is placed inside Appointments and Events categories. It takes 2 to 3 clicks to reach, which can lead to them muddling through to find.
As a new user, it was difficult to find as I would expect all bookings to appear on Dashboard or Profile. As an old user, it became time-consuming to take multiple clicks, especially as the website loads slowly.
Related Usability Principles:
Less is more - Steve Krug
Scanning, satisficing and muddling through - Steve Krug
Flexibility and Efficiency of Use - Jakob Nielsen
Match Between the System and the Real World - Jakob Nielsen
Related Usability Principles:
Less is more - Steve Krug
Scanning, satisficing and muddling through - Steve Krug
Flexibility and Efficiency of Use - Jakob Nielsen
Match Between the System and the Real World - Jakob Nielsen
Related Usability Principles:
Less is more - Steve Krug
Scanning, satisficing and muddling through - Steve Krug
Flexibility and Efficiency of Use - Jakob Nielsen
Match Between the System and the Real World - Jakob Nielsen
Measuring the Problem Severity
Measuring the Problem Severity
Measuring the Problem Severity
Using a moderated usability test, participants found it difficult to create a booking for the information session about RMIT Industry Experience Program.
Using a moderated usability test, participants found it difficult to create a booking for the information session about RMIT Industry Experience Program.
Using a moderated usability test, participants found it difficult to create a booking for the information session about RMIT Industry Experience Program.
Reaching a Solution
Reaching a Solution
Reaching a Solution
Hover over image for annotations.
Hover over image for annotations.
Hover over image for annotations.
In my redesign, I moved ‘My Bookings’ to Dashboard, which is the first page the user sees when they log into the website. They can find their upcoming bookings at one glance.
In my redesign, I moved ‘My Bookings’ to Dashboard, which is the first page the user sees when they log into the website. They can find their upcoming bookings at one glance.
In my redesign, I moved ‘My Bookings’ to Dashboard, which is the first page the user sees when they log into the website. They can find their upcoming bookings at one glance.
Validating the Solution
Validating the Solution
Validating the Solution
The redesign was an improvement of the original design, where participants found it easier to complete the task.
The redesign was an improvement of the original design, where participants found it easier to complete the task.
The redesign was an improvement of the original design, where participants found it easier to complete the task.
Original and Redesign Comparison
Original and Redesign Comparison
Original and Redesign Comparison
Before
Before
Before
After
After
After
Original
Original
Original
Redesign
Redesign
Redesign
Problem 03
Problem 03
Problem 03
Visual Hierarchy and Layout
Visual Hierarchy and Layout
Visual Hierarchy and Layout
Many of RMIT Career Centre’s pages are filled with text and often lack distinct hierarchy or contrast. This causes excessive scroll and being unable to find things quickly.
I have to slowly read through all the information, which becomes a boring experience.
Many of RMIT Career Centre’s pages are filled with text and often lack distinct hierarchy or contrast. This causes excessive scroll and being unable to find things quickly.
I have to slowly read through all the information, which becomes a boring experience.
Many of RMIT Career Centre’s pages are filled with text and often lack distinct hierarchy or contrast. This causes excessive scroll and being unable to find things quickly.
I have to slowly read through all the information, which becomes a boring experience.
Related Usability Principles:
Simplicity, clarity and visual hierarchy - Steve Krug
Users scan, don’t read - Steve Krug
Simplicity, clarity and visual hierarchy - Steve Krug
Aesthetic and Minimalist Design - Jakob Nielsen
Related Usability Principles:
Simplicity, clarity and visual hierarchy - Steve Krug
Users scan, don’t read - Steve Krug
Simplicity, clarity and visual hierarchy - Steve Krug
Aesthetic and Minimalist Design - Jakob Nielsen
Related Usability Principles:
Simplicity, clarity and visual hierarchy - Steve Krug
Users scan, don’t read - Steve Krug
Simplicity, clarity and visual hierarchy - Steve Krug
Aesthetic and Minimalist Design - Jakob Nielsen
Measuring the Problem Severity
Measuring the Problem Severity
Measuring the Problem Severity
In a 5-second test, participants recalled 3 items in the original.
In a 5-second test, participants recalled 3 items in the original.
In a 5-second test, participants recalled 3 items in the original.
Reaching a Solution
Reaching a Solution
Reaching a Solution
Hover over image for annotations.
Hover over image for annotations.
Hover over image for annotations.
In my redesign, I categorised similar topics together to reduce the visual clutter. Graphics were added to visually aid the different categories, making it easier for users to process.
In my redesign, I categorised similar topics together to reduce the visual clutter. Graphics were added to visually aid the different categories, making it easier for users to process.
In my redesign, I categorised similar topics together to reduce the visual clutter. Graphics were added to visually aid the different categories, making it easier for users to process.
Validating the Solution
Validating the Solution
Validating the Solution
The redesign saw an improvement of participants recalling 4 items.
The redesign saw an improvement of participants recalling 4 items.
The redesign saw an improvement of participants recalling 4 items.
Original and Redesign Comparison
Original and Redesign Comparison
Original and Redesign Comparison
Before
Before
Before
After
After
After
Original
Original
Original
Redesign
Redesign
Redesign
Problem 04
Problem 04
Problem 04
Error Prevention
Error Prevention
Error Prevention
Hover over image for annotations.
Hover over image for annotations.
Hover over image for annotations.
RMIT Career Centre’s calendar interface in the Appointments and Events pages are missing arrow buttons. Furthermore, the weekend dates are clickable, despite no appointments and events taking place in the JobShop on weekends.
As a new user booking appointments, I was perplexed as to why there were no results when I was unknowingly clicking on weekend dates.
RMIT Career Centre’s calendar interface in the Appointments and Events pages are missing arrow buttons. Furthermore, the weekend dates are clickable, despite no appointments and events taking place in the JobShop on weekends.
As a new user booking appointments, I was perplexed as to why there were no results when I was unknowingly clicking on weekend dates.
RMIT Career Centre’s calendar interface in the Appointments and Events pages are missing arrow buttons. Furthermore, the weekend dates are clickable, despite no appointments and events taking place in the JobShop on weekends.
As a new user booking appointments, I was perplexed as to why there were no results when I was unknowingly clicking on weekend dates.
Related Usability Principles:
Help Users Recognise, Diagnose and Recover from Errors - Jakob Nielsen
Error Prevention - Jakob Nielsen
We Make Errors - Jeff Johnson
Related Usability Principles:
Help Users Recognise, Diagnose and Recover from Errors - Jakob Nielsen
Error Prevention - Jakob Nielsen
We Make Errors - Jeff Johnson
Related Usability Principles:
Help Users Recognise, Diagnose and Recover from Errors - Jakob Nielsen
Error Prevention - Jakob Nielsen
We Make Errors - Jeff Johnson
Measuring the Problem Severity
Measuring the Problem Severity
Measuring the Problem Severity
In a moderated usability test, participants had the impossible task of booking a weekend appointment. The original design confused them, since they did not realise that bookings were unavailable on weekend dates, which made it a frustrating experience for them.
In a moderated usability test, participants had the impossible task of booking a weekend appointment. The original design confused them, since they did not realise that bookings were unavailable on weekend dates, which made it a frustrating experience for them.
In a moderated usability test, participants had the impossible task of booking a weekend appointment. The original design confused them, since they did not realise that bookings were unavailable on weekend dates, which made it a frustrating experience for them.
Reaching a Solution
Reaching a Solution
Reaching a Solution
Hover over image for annotations.
Hover over image for annotations.
Hover over image for annotations.
In my redesign, I changed the entire process, so that it only takes 3 steps to create an appointment booking. Arrows were added to the calendar interface and the weekend dates were greyed out to show the user that they are un-clickable and unavailable.
In my redesign, I changed the entire process, so that it only takes 3 steps to create an appointment booking. Arrows were added to the calendar interface and the weekend dates were greyed out to show the user that they are un-clickable and unavailable.
In my redesign, I changed the entire process, so that it only takes 3 steps to create an appointment booking. Arrows were added to the calendar interface and the weekend dates were greyed out to show the user that they are un-clickable and unavailable.
Validating the Solution
Validating the Solution
Validating the Solution
In the redesign, participants were tasked with booking a weekday appointment with the new process. It was a success and it was obvious to them that weekend dates were unavailable.
I made slight adjustments to the moderated usability test to assess how intuitive and functional the new appointment booking process was.
In the redesign, participants were tasked with booking a weekday appointment with the new process. It was a success and it was obvious to them that weekend dates were unavailable.
I made slight adjustments to the moderated usability test to assess how intuitive and functional the new appointment booking process was.
In the redesign, participants were tasked with booking a weekday appointment with the new process. It was a success and it was obvious to them that weekend dates were unavailable.
I made slight adjustments to the moderated usability test to assess how intuitive and functional the new appointment booking process was.
Original and Redesign Comparison
Original and Redesign Comparison
Original and Redesign Comparison
Before
Before
Before
After
After
After
Original
Original
Original
