LanguifyAI
Industry Design Project: Improved User Experience and UI for LanguifyAI's dashboard.
Overview
LanguifyAI's Teach & Train product uses AI-powered assessments to help non-native English-speaking students prepare for their future careers through interview skills. I collaborated with three other UX design interns on an industry project to improve the user experience and UI of the Languify dashboard.
My role involved shared responsibilities in heuristic evaluation, usability testing, and UI redesign.
Specializes in
UI/UX Design l Website l Ed-Tech l
Internship
Role
Contributing
UI/UX Designer
Duration
40 hours in 4 weeks
Tools
Figma l Google Forms
The Problem
Key areas for improvement in the LanguifyAI dashboard include:
Text-heavy content
made it difficult for users to find the information.
Technical terms
made the UI difficult to understand for non-native English speakers.
Inconsistent colors and buttons
made it difficult for users to navigate the interface.
The Solution
To improve the user experience and accessibility of the dashboard, we made the following UI changes:
-
Added visual hierarchy and white space to make the design easier to understand and navigate.
-
Replaced technical terms with simple English to help non-native English speakers understand easily.
-
Used colors and buttons consistently throughout the dashboard.
The Process
1
2
USABILITY TEST
3
UI REDESIGN
HEURISTIC EVALUTION
Heuristic Evaluation
We conducted a heuristic evaluation of the LanguifyAI dashboard to identify areas for improvement.
Onboarding
-
Use appropriate icons
-
Remove exclamation marks where appropriate.
-
Shorten and simplify the text.
-
Reduce the size of the buttons.
-
Increase the contrast ratio of the button text and background color to meet industry standards.
-
Shorten text and increase margins to improve readability
.png)
Usability Test
Goal:
-
The usability tests were remotely conducted via Zoom meetings with 3 non-native English speakers looking for ways to improve their English and other soft skills such as interviewing.
-
The test was to identify usability problems in the student flow of the desktop version.
Findings:
Ranked by importance, here are the critical design issues uncovered from the usability test, along with recommendations for fixing them.
UI Redesign
We implemented our UI design recommendations based on the heuristic evaluation and usability testing mentioned above. I will show the design changes I made in a limited time only as part of our team's overall UI redesign.
Onboarding
Label
Replaced a relevant icon with the overall theme
Text
Simplified text
%20(1).png)
Buttons
-
Reduced the button size
-
Increased the contrast ratio of the button text and background color
Overall Performance page
Text
-
Moved supplementary info to hover icons
-
Increased text size of scores
Language
Replaced with simple English
Icon
Added a Filter icon for easier identification
Visual Hierarchy
Emphasized Template Name with larger and bolder formatting.
Visual Hierarchy
Emphasize Assessment Name with larger & bolder formatting
.png)
Negative space
Reduced crowding in Assessment Analytics and Feedback Summary sections by adding negative space.
Feedback page
Celebration icon
Increased celebration icon size to encourage users.
.png)
Related items
Grouped related items together
Negative space
Reduced crowding in Assessment chart and Your Progress sections by adding negative space.
Next Steps
If I could continue working on this project, I would:
-
Break down the elements on one page into multiple pages to reduce cognitive load.
-
Conduct an accessibility audit to ensure compliance with industry standards and guidelines.
-
Perform usability testing on the iterated prototype to identify and resolve usability issues.
-
Begin designing a responsive mobile version of the website.