UX/UI Design |
Mobile App
Introduction
Project Goal
The goal of the UX/UI Case Study is to enhance the user experience on LinkedIn through a thoughtful redesign, focusing on inclusivity, streamlined navigation, and optimized job searches.
Problem
The existing LinkedIn user experience faces challenges such as feed visibility issues, network navigation complexity, misleading icons, and design inconsistencies, prompting the need for improvements.
Solution
The redesign addresses challenges such as improving feed visibility, streamlining network navigation, and optimizing the job page, focusing on elevating customization, navigation, and visual consistency for a more user-friendly interface.
Empathize
Define
Our heuristic analysis brought forth four primary challenges that hindered the user experience on LinkedIn:
Feed Visibility Challenge: The home page’s display of posts based on network reactions can be counterproductive during job changes or when having a diverse network. The lack of customization options limited the user’s control over the content they see.
Network Navigation Complexity: Navigating the network page involved three clicks, causing confusion and inefficiency for users trying to find and connect with new contacts.
Misleading Icons on Jobs Page: Icons on the jobs page appeared as search filters but functioned as buttons, leading to other pages. This inconsistency caused confusion and disrupted the user flow.
Design Issues: Our analysis uncovered concerns with icons, alignment, and limited visibility of the brand color, causing a visual inconsistency and impacting the overall design quality.
Ideate
Prototype
News Feed
To improve the news feed, we strategically prioritized communication by swapping notification and message icons, added filters for refined content based on interests, and introduced a save button. Additionally, we enhanced inclusivity with an optional pronoun feature, aligning with LinkedIn’s commitment to diversity and personalized networking.
Streamlining Network Navigation
Moving to the network page, we encountered the challenge of navigation complexity. To streamline this process, we restructured the network page into a single page, providing users with easy access to different types of networks with a simple scroll. This simplification reduces confusion and enhances the overall user flow.
Enhancing “You May Know” Section
We reorganized the 'You May Know' section into a list format, introducing manual sorting options based on mutual connections, companies, and schools. This optimized feature, automatically tailored to user-provided resume information, enhances suggestion accuracy, making it easier for users to expand and establish relevant connections.
Optimizing the Job Page
On the job page, we addressed the issue of buttons at the top that were designed as filters but led to other pages. We reorganized the layout to consolidate all relevant information and actions onto one page. Additionally, we introduced filters for personalized job searches, including job title, experience level, work mode, location, and job type. These filters empower users to find job opportunities that align with their preferences more efficiently.
Notifications
In our case study, we tackled notification issues where users had to individually mark articles as read, even after reading them. To streamline this, we introduced a swipe function—swiping right marks notifications as read, manual refresh marks all read, and swiping left allows users to delete, with the algorithm remembering preferences, facilitating seamless feed management.
