Project Summary

The HUB is a highly used resource amongst associates and managers alike but lots of time was being wasted due to poor IA, inadequate search capabilities, and lack of an intuitive flow between the different areas of The HUB. We were asked by leadership to partner with HR and our internal comms teams to do generative research to identify the biggest pain points and come up with designs to help remediate those issues across multiple phases.

Project Details

Team :

Design Lead
‍(worked with UX Researcher, Product Owner, Engineering Lead, Director of HR)

Duration :

6 months

Tools :

Figma, FigJam

Solution

We provides a dynamic work alignment for being be the best organization in a hassle-free environment to work It increases the count and quality of visitors to a website by improving grade in the algorithmic search results.

Printer took a galley of type and scrambled it to type specimen book. It has survived .

Fidelity Concepts

Competitive analysis is a key aspect when in the beginning stages of an SEO campaign. Far too often, I see organizations skip this important step and get right into keyword mapping, optimizing content, or link building.

1. Lоw Fidelity

We split up to create our own low-fidelity concepts to generate as many unique ideas as possible and disregarded.

02. Medium Fidelity

Be at the top of google page search by its powerful and incredible Search Engine Optimization technique

03. High Fidelity

Know about your company level in market with a perfect & precise market monitoring the system which is deal with social media strategy.

Primary Challenges

1. Search either didn't work or when it did it wasn't as expected
2. Multiple logins between various areas of the site caused a lot of friction and frustration for users
3. Due to poor search function users are forced to navigate the application and often feel "overwhelmed" or "confused"
4. Users noted that the dashboard was “cluttered”, “too much”, and “overwhelming”
5. Users expected The Hub’s dashboard to show information based on their location and business unit

Conducted Generative Research

We performed generative research to define user pain points using 1:1 live remote user interviews. This research was conducted with 26 participants that represented various roles and types of users.

Homepage

The Hub’s home page is “cluttered,” “too much,” and “overwhelming”:
- Users do not scroll down and remain “above the fold”
- Users expect more “goings on” and “how are we doing?” company news. Without it, users feel a disconnect.
- Users want to see more news and updates from their business unit

Recommendations:
- Consider an audit of the most visited policies/documents and make them readily available
- Use IA analysis to define the content the associate needs then focus on wants

Search

The search experience was the most cited pain point due to:
- Duplicated results
- Outdated policies and information
- Search function does not search everything

Recommendations:
- Meet user expectations by modeling after best-in-class services like Google
- Search results should reflect who created the document, policy, or information
- Regularly analyze and cleanse information available to users to get rid of old, duplicate, or inaccurate resources

Lack of Personalized Experience

Users expect The Hub’s homepage to show them information based on their location and business unit.
- Users believe The Hub is overly focused on HQ and seeing news/info unrelated to them, causing negative emotions
- Users want to see information that applies to their job role and department

Recommendations:
- Consider a focused experience for users based on location, department, and role
- Have changeable widgets on the Hub page so users can have greater control

Navigation

Because of the poor search function, Hub users feel forced to use navigation:
- Navigation is “overwhelming” and “confusing”
- Some menu links work, some don’t
- Button labels are confusing

Recommendations:
- Conduct IA analysis to organize, structure, and label content in an effective and sustainable way

Early FigJam Collaboration with UX, Product, and Engineering

After conducting user research we had a readout with our stakeholders. I created this FigJam file to convey some of my ideas from the takeaways in a low-fi format that would also encourage collaboration with stakeholders through commenting or low-fi design ideation. If you interact with the file you'll see elements related directly to user feedback like making sure content is personalized and also customizable, having shortcuts for most used areas of the portal, surfacing latest and most important information at the top, reducing clutter in the navigation, and more.

Design System and Style

We created a design system that would not only build the consistency but also save time for the client as they build new features. This will improve the overall process and experience for the website.

Dashboard Before/After

Hover and use the slider to compare the legacy state vs the redesign.

Final Screens

In these final screens you'll note the evolution of things like Latest News and Shortcuts on the dashboard. Once again emphasizing a personalized experience depending on the user and their role.

There were also significant improvements to things like Search by letting users also filter their results to help them find items faster. We also improved the ability to scan results by redesigning the object layout. Or there is also the My HR area that can have a lot of objects so we improved discoverability by having a combination of vertical tabs, cards, and icons to help users more quickly locate the resources they're looking for.