LinkedIn: Improving Navigation

LinkedIn is a powerful tool when it comes to networking, sharing work experience, and finding new jobs. But it seemed like the mobile app could be improved. From my experience as well as others, navigation didn’t seem ‘direct.’ Some features had to be dug out while some were placed in unnecessarily cluttering fashion.

Image for post
Image for post
Current LinkedIn landing page

Research: Looking for the problem

I first gathered users’ feedbacks on their experience with LinkedIn mobile app and organized them into an affinity digram. The user group that I interviewed consisted of 20 people: 8 college students (2 from each grade), 4 graduates looking for work, 6 normal 9–5 employees, and 2 employees working specifically in talent acquisition. This was to gather information from different demographics of people who use the LinkedIn mobile app.

Image for post
Image for post
Affinity Diagram
  • Navigation layout was not fitting for people with different priorities

Research: Analyzing Current Navigation

Image for post
Image for post
Current LinkedIn navigation

Research: Navigation on Other Apps

Image for post
Image for post
From left to right: Twitter, Reddit, Glassdoor, Facebook, YouTube

Brainstorming: Ideating + Sketching

I came up with different ideas to improve the navigation layout.

Image for post
Image for post
Initial Sketches
  • B. Keep the current layout but move the menu down to the tab bar. Remove the ‘Add to post’ tab.
  • C. Add a floating button that pops up with a menu of navigation items. It also opens up safe for more content viewing.

Brainstorming: UI Elements

Image for post
Image for post
Organizing UI Elements

Visual Design: Menu Signifier

Image for post
Image for post
Choices for Menu icon

Visual Design: Layout

Image for post
Image for post
Adapting the current menu

Visual Design: Setting Placement

Image for post
Image for post
Options to include settings item
Image for post
Image for post
Dashboard metrics implemented

Iteration: Access to Shortcuts Setting

I realized I forgot to include a method for user to edit their shortcut preference. Because the shortcuts button is a new feature, there must be a way for the user to access the setting for it. Users should be able to find it easily without having to dig for it throughout the app.

Image for post
Image for post
Placement for Shortcut selection
Image for post
Image for post
Radio button group for shortcut selection

Final Interaction

Image for post
Image for post

Demonstration

The animation below displays how the final interaction would work and shows how the shortcut menu would be used.

Image for post
Image for post

Results

Out of the 20 people interviewed, 16 people said the new navigation would make their use of the application more efficient. 7 people said they didn’t know they could even access ‘groups’ on their mobile app until now because they didn’t know where it was. 13 people said they found the shortcuts feature useful as they use other features more than ‘adding a post’. Future steps would be to conduct on study to determine what other shortcut options would be useful for users.

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store