UX Design | Career fair | Website | Wireframe
Redesign Engineering EXPO Websites
Feb 2019 - Now, UX Designer & Researcher
Summary
The Challenge
-
How to make recruiters and students feel easier to navigate information on the websites?
-
How to provide user-friendly websites for companies and students to complete registration?
-
How to display clear and detailed information with a new look?
My role:
-
Captain of the ship.
-
UX Designer: Think, sketch, and define what experience will be.
-
Prototyper: build the prototypes in Sketch and Figma for low and high-fidelity wireframes.
-
UX Researcher: getting feedback from the previous and current websites to dig pain points. I did Interviews and card sorting for building websites.
-
Web Developer: Developed user-friendly websites, including optimized registration and schedule pages.
-
Coordinator: Communicate with different committees to update event information on websites.
Process
Research Stage
Usability of the previous websites
To convey the core information to the target audience and help them easily see, use, and navigate, I led the Usability Testing with effectiveness, efficiency, and satisfaction in the career fair context of use. I recruited 5 participants from Engineering majors to attend the session.
For Students
For Company
Semi-Interview
I interviewed those 5 participants from Engineering majors to obtain an in-depth understanding of the target users’ values, perceptions, and experiences.
Key Insights
The websites have too many texts and hard to find the schedule and location quickly
Some words on the websites do not make sense to international students
The map page is lack of pictures and needs more clicks and descriptions
It is extremely important for students and recruiters to see the schedule and locations
The list of companies and booth map are the most important for students.
The information architecture of the websites is complicated and users feel difficult to navigate the information
The websites need mobile-friendly, with both large and small screens to increase the time that visitors spend on websites.
Card Sorting
To help design and evaluate the information architecture of the previous websites, participants organized topics into categories that make sense to them and they help to label these groups.
To conduct a card sort, I created actual cards, pieces of paper on post-it to make participants easily operate them.
The pictures of card sorting
Card Sorting Results
Design Stage
Low Fidelity Prototype
Key Findings
I tested the low-fidelity prototypes with two users. The key findings were the following:
-
The four icons on the Student Homepage were confusing to users.
-
The most important information about date and location was not obvious for users.
Mid-Fidelity Prototype
Key Findings
I tested the mid-fidelity prototypes with three users. The key findings were the following:
-
The schedule and related icons were confusing to users.
-
The campus map doesn't make sense for recruiters and preferred Google map.
-
The text on the Homepage was too light that users felt difficult to see it.
High-Fidelity Prototype
Key Findings
For the high-fidelity version, I led the redesign of the website and developed the websites. Then I sent out the link for recruiters for registration. After collecting feedback from recruiters about registration process, the key finding was the following:
-
Users felt hard to navigate the websites. Adding dropdown on the Homepage will help users to understand information architecture.
Next Step
Key Findings
I attended Engineering EXPO 2019 and interviewed 15 recruiters about the feedback of websites. A majority of them gave us positive feedback and thought it helpful to navigate the information!
There are several things need to think and improve:
-
It is hard to know how to go from the parking place to the recruiter registration center.
-
How to quickly find the specific booth location via a pdf document.