Web site usability analysis, benchmarking and redesign
The project simulates a real word business situation of website redesign; chosen a specific website, each group had to benchmark and analyze the web, perform formal evaluations and prepare a proposal for modifications.
We decided to redesign Career Service Website.
Since 2005 the Career Service connects students, from Politecnico di Milano, and employers.
They bring companies to the Politecnico di Milano so that students and graduates can get in touch with them before graduation, discover career paths, develop a professional network, apply for internships and job offers.
They help companies make themselves known, promote themselves as employers of choice, and hire talented people through dedicated meeting moments and online tools.
Thanks to carefully planned campus events (job fairs, panel discussions, interview days, etc.) and online services (job boards, banners) provided by the Career Service, students and employers can meet and get known.
Career service vision:
“We believe that the employer reputation of a company must be built within the university context to invest in young talent. This is especially true when it comes to hiring profiles for which there is large demand on the job market, such as engineers, designers, and architects.”
AUTHOR
Emma Teli, Hacer Beril Beden, Naiyi Chia, Pan Shin Wan, Madina Umirbekova
DATE
2021
FIELD
Ergonomics applied to the design of usable web pages and apps
MY ROLE IN THE TEAM
web pages redesign, brand identity, prototyping
For companies:
For students and graduates:
For staff:
Career Service doesn’t have competitors as is the only company that connect specifically companies and Politecnico di Milano students, we decide to analyse three bencmarks and compare with Career Service capabilities: Linkedin, Indeed and Glassdoor.
Understanding the user’s kind is fundamental, more important is to go beyond the targets and create meaningful personas that give live pictures of customer segments.
The following are the Career Service users personas:
We identified five main tasks that users usually fulfil on Career Service website , we compared those tasks with parsonas experience on the website and defined three final tasks to redesign
Each task has been tested with user walkthrough technique: we asked users to complete the tree chosen tasks on the website and we documented the process.
Here a summary of the tasks walkthrough insights:
We chose 6 parameters to help us compare Career Service with benchmarks and understand opportunities for improvement
We decided to design both the laptop and the mobile version of the website because, from the user research, it emerged the need for users to keep updating about new opportunities available. This leaded us to account the smartphone as a fundamental device to be considered since users are more comfortable in fastly check new opportunities from it ( since it is always with us ).
Nevertheless the laptop remain the main device of use.
Personal status indicator: Users can quickly check if they finish upload their CV, portfolio or connect to their social media successful.
Recommendations according to the field: The students also can check if there are some new opportunities for them. The button would directly bring them to the job offers or events pages.
Dash board for registered events: The function is available for students to check the registered events.
Dash broad for applied jobs: The function is available for students to check the job opportunities they applied.
Edit page: When users activate the edit function, they will go to this page. In this page, they can organize their files and the information they want to show in their personal page.
Fast Upload CV/portfolio: They are able to check the missing stuff efficiently by the indicator.
Job alert settings: Users can complete the filters to activate this function by the simple switch icon.
Link your personal website and social media: They are able to check the status and the website they connected to.
Status check: After editing, save the changes and the indicator would appear is your save successfully. Then after few seconds, the page would directly go back to the personal page.
Layout: In order to edit personal profiles via mobile version, all the elements are responsive to vertical to operate easily.
Advanced search: Is available on the same page of opportunities as filters and it automatically updates the results when the filters are selected;
Filters: are grouped by same contents domain; sectors are divided by the field of study (engineering, design, architecture)
Opportunities arrangement: Available opportunity previews are available on the same page with their wider description (on the right) of the selected one from which it is possible to apply
Opportunities previews: are scrolled down traditionally with the whole page.
Opportunity description: has a different dedicated scrolling framework + the heading is fixed thus the user can apply every moment without scrolling up to the beginning.
Privacy policy agreement: appears as a pop-up window on the same page
CV and Portfolio: are automatically sent by the system that provide with the application those documents uploaded in the personal page
Privacy policy agreement: appears as a pop-up window on the same page
CV and Portfolio: are automatically sent by the system that provide with the application those documents uploaded in the personal page
Status checked: After checking the privacy agreement and clicking the “register” button, users can see the registered status right in the same page as confirmation
Privacy policy agreement appears as a pop-up window on the same page
Simple privacy check: Not showing the whole privacy information so that user don’t need to scroll down, but they can still check the detail by clicking the link.
Status checked: After checking the privacy agreement and clicking the “register” button, users can see the registered status right in the same page as confirmation
Segmented Control : The segments, “upcoming”, “subscribed” and “liked” can help users to clarify the events quickly.
Tags: The tags provide a simple way for user to understand the topic of the event.
Content: The most important information are shown in the first page so that user can decide to register without being redirected to another page.
Registration status indicator: Users can check whether they have registered the event beforehand to avoid double registration
Segmented Control : By clicking the different segments, users can find the event they have registered and liked
Unregister button: User can click the unregister button if they want to unregister
Confirmation pop-up: A pop-up window to double check the unregistration to avoid mistakes
Expanded information: For not moving to another page, users can just click “see more” and “show less” to expand or hide the information
Privacy policy agreement appears as a pop-up window on the same page
Simple privacy check: Not showing the whole privacy information so that user don’t need to scroll down, but they can still check the detail by clicking the link.
Privacy policy agreement appears as a pop-up window on the same page
Simple privacy check: Not showing the whole privacy information so that user don’t need to scroll down, but they can still check the detail by clicking the link.
Status checked: After checking the privacy agreement and clicking the “register” button, users can see the registered status right in the same page as confirmation
Information architecture: Less information to avoid too much distraction on mobile version.
Position of the button: Button are fixed in the position where users are easy to click. In this way they don’t need to scroll down too much for the action.
