Eightfold.AI
Transform how organizations hire, manage, retain, and upskill their workers through data and AI.
Role
UX Design Intern
TImeline
Summer 2021 (10 Weeks)
Tools
Figma
Skills
UI/UX Design
Overview
As a high school junior, I was given the opportunity to learn from some amazing designers at Eightfold.AI. I worked on their new mobile app's navigation, updating it to fit the new settings and notifications page that I designed.
Short on time?
Jump to Final Product
01.
Problem
My main goal was to rework the navigation to include my newly designed Notifications and Settings pages.
The bulk of this project was re-prioritizing the navigation. Eightfold's Career Hub app's primary use case is to help employees grow their career within a company by understanding their career goals and recommending an AI-generated career path.
02.
Solution
1. Our Most Important Metrics at a Glance
Users will have a consolidated view of all their portfolio metrics and trends as well as a overview of selected channels and tactics.
2. Easily change your settings
Use the main bottom navigation and the burger menu to navigate through the app based on your needs.
3. View your relevant notifications
View notifications for your project and job applications as well as project/job requests, referrals, and endorsements.
03.
Process
Main Navigation:
My main project was working on reworking the navigation to fit the users needs based on the new feature we were adding. Because of this, I had to think about the prioritization of different tasks that the users would conduct on the Career Hub App.
User Persona
Role: Company Employee
Goal: Grow career within existing company through up-skilling, changing jobs, or finding mentors.
Painpoints:
  1. Don't know how to gain the correct skillsets/experience for their preferred position.
  2. Don't have the right connections/mentors to get there.
Based on this persona, I started to prioritize pages within the Eightfold app. Which pages would be the most important for the user? This was the final ranking I was able to create.
  1. Home: Main exploration in the career hub, with recommended jobs and projects.
  2. Projects: Look through recommended projects that align with your career goals and aimed skills.
  3. Jobs: Look through jobs that align with your career goals.
  4. People: Look through potential mentors to guide you through your professional journey.
  5. Notifications: Your notifications of updates on projects, jobs, referrals, and endorsements.
  6. Courses: Courses to guide you through skill building.
Through this ranking, I was able to create my final navigation organization, with the first 5 in the main navigation and every other page in the burger menu.
Design Iterations
Navigation
I reordered the pages based on importance, removing the repeats from the bottom navigation, which is the most important one. I also made the access to the profile more intuitive. Rather than having a whole bottom tab for profile, clicking on your name is intuitive and saves space. The text size is increased for accessibility.
Old Slide Navigation
New Slide Navigation
Settings
I experimented with the organization of the settings of the notifications. I didn't want to overwhelm the user, so I tried keeping different notification settings in different tabs, but I soon realized that this caused the user flow to be unnecessarily extended with extra steps.
Separated Notification Setting
Combined Notification Setting
03.
Takeaways
This internship was an amazing learning experience as someone who didn't encounter UX design at all beforehand. It allowed me to learn UX from the ground up and discover the process behind every design decision.
1. Think from the user.
Design is always based on the user's wants and needs. In order to create a good design, I need to imagine myself as the user with their wants and needs in order to create a design for them.
2. Be detailed.
Every interaction counts, even the splash screens or onboarding slides, for creating the user experience. A small move in positioning in terms of different pages and how to access them creates a huge change in the user's experience.
See my other works!