Role

Product Design Intern

duration

2023 May-Aug

team

Trust, Design Foundation

pARTNERS

Product, Engineering, Research, Content Design, Design Systems

pARTNERS

Product, Engineering, Research, Content Design, Design Systems

Overview

Turning One MVP Into a Scalable Keyboard Accessibility System
LinkedIn’s keyboard shortcut experience was fragmented and difficult to discover. I designed and launched a shortcut modal for the main feed, then expanded the work into a centralized repository and a reusable keyboard operability framework for multiple product teams.

Turning One MVP Into a Scalable Keyboard Accessibility System
LinkedIn’s keyboard shortcut experience was fragmented and difficult to discover. I designed and launched a shortcut modal for the main feed, then expanded the work into a centralized repository and a reusable keyboard operability framework for multiple product teams.

Impact

1 Experience Launched
Designed and delivered a keyboard shortcut modal that was later launched on LinkedIn’s main feed.

3 Connected Initiatives
Expanded the project from one MVP into a modal, shortcut repository, and scalable framework.

Multiple Teams Supported
Created guidance that informed work across teams including Flagship UX, Publishing, and Gaming.

Company-Wide Visibility
The framework was featured in LinkedIn’s company-wide UX Share-Out.

1 Experience Launched
Designed and delivered a keyboard shortcut modal that was later launched on LinkedIn’s main feed.

3 Connected Initiatives
Expanded the project from one MVP into a modal, shortcut repository, and scalable framework.

Multiple Teams Supported
Created guidance that informed work across teams including Flagship UX, Publishing, and Gaming.

Company-Wide Visibility
The framework was featured in LinkedIn’s company-wide UX Share-Out.

My Design is Live on LinkedIn! 🥳

I designed and launched a keyboard shortcut modal for LinkedIn’s main feed.

Members can open the modal using their keyboard, discover available shortcuts, and continue navigating LinkedIn without relying on a mouse or trackpad.

Launched on LinkedIn’s main feed!

🔗 Linkedin Help Center Article
🔗 YouTube Reivew

Members can open the modal using their keyboard, discover available shortcuts, and continue navigating LinkedIn without relying on a mouse or trackpad.

Launched on LinkedIn’s main feed!

🔗 Linkedin Help Center Article
🔗 YouTube Reivew

Members can open the modal using their keyboard, discover available shortcuts, and continue navigating LinkedIn without relying on a mouse or trackpad.

Launched on LinkedIn’s main feed!

🔗 Linkedin Help Center
🔗 YouTube Reivew

Keyboard operability means:
being able to efficiently browse a website or app without a mouse or a trackpad!
The improved accessibility can also benefit users with disabilities who might have difficulties using a mouse or a trackpad, as well as power users who rely heavily on keyboard shortcuts!
Basically, keyboard operability benefits all LinkedIn members!

Keyboard operability means being able to efficiently browse a website or app without a mouse or a trackpad! The improved accessibility can also benefit users with disabilities who might have difficulties using a mouse or a trackpad, as well as power users who rely heavily on keyboard shortcuts!
Basically, keyboard operability benefits all LinkedIn members!

The Problem

At the time, LinkedIn did not have a robust or consistent keyboard shortcut experience.
Members who relied on keyboard navigation often had to move through many interactive elements before reaching their intended destination.

For example,
if a user wanted to reach the 'LinkedIn News' section on the right without using a mouse,
They had to tab through every interactive element to focus on the desired section...😓

Design Question

How might we create a more accessible, efficient, and scalable keyboard operability experience across LinkedIn?

3 Connected Solutions

Rather than treating the work as a single modal design, I expanded the project into 3 connected initiatives.
The first two initiatives addressed immediate product needs. The framework extended the work into a longer-term system that could support multiple teams.

1. Keyboard Shortcut Modal

  • Designed MVP experiences for the keyboard shortcut modal on LinkedIn’s main feed and settings page.

  • Delivered production-ready designs that were shipped for company-wide testing.

  • Collaborated with 1 senior engineer, 3 product designers, and 1 content designer.

2. Keyboard Shortcut Repository

  • Audited LinkedIn’s existing shortcuts and conducted competitive research.

  • Created a centralized shortcut repository to help Flagship UX and Publishing teams use shortcuts more consistently.


3. Keyboard Operability Framework

  • Created a keyboard operability framework with principles, interaction guidance, and North Star concepts for future projects.

  • Conducted user interviews and collaborated with 7 product designers, 1 UX researcher, and 1 engineer.

  • The framework was later used by multiple product teams, including Gaming.

Keyboard Shortcut Modal Design Project

For the first project, I worked with a team focused on adding a shortcut list modal to the feed page.
I created design options, iterated on them, and I provided MVP designs with specifications to the engineers.
I collaborated with 1 senior engineer, 3 product designers, and 1 content designer.
(The second project - Keyboard Shortcut Repository is under NDA🤫)

1. RESEARCH 🔍

  • LinkedIn shortcut audit

  • Competitive analysis

2. DESIGN & REVIEW 🖌️

  • Designing of MVP options

  • Review with Trust and Design Systems team

3. Content design ✍️

  • Copy confirmation from Content Design team

4.  HAND-OFF 🚀

  • Delivery of MVP designs with specifications to engineers

During my internship, my design was shipped and tested company-wide.

New Problems Through First Two Project

Throughout the first 2 projects… I observed several problems.

🙅 NO CENTRALIZED TEAM

LinkedIn does not have a centralized team or governance that serves as a guid for keyboard operability.

🤷 LACKS GUIDANCE ON SHORTCUTS

LinkedIn lacks clear guidance or a structured approach when it comes to keyboard operability or shortcuts.

🚧 LIMITED TO MVP DESIGN

LinkedIn had only MVP design, do not have designs for future fetures that considers other use cases and pain points of the current design.

So...  I’ve decided to design thefuture of LinkedIn’s keyboard operability!
-> Creating a keyboard operability framework


NEW DESIGN QUESTION

"How might we design and influence LinkedIn's future of Keyboard operability?"

Creating the Keyboard Operability Framework

Before making the framework,
I reached out to the Design Systems team to gather advice on key considerations,
based on their advices I developed the framework's outline.


After creating a draft, 
I requested feedback from 6 designers and 1 engineer to improve the format and the content!

Keyboard Operability Framework!

I developed a keyboard operability framework that brought together accessibility principles, a cross-product shortcut audit, a centralized repository, interaction guidance, and recommendations for LinkedIn’s future keyboard experiences.

🔒 Detailed designs and internal materials are confidential.
but I’m happy to share additional context during the interview process 😊

The work focused on:

  • Keyboard accessibility

  • Cross-product UX strategy

  • Interaction guidelines

  • Scalable product frameworks

The work focused on:

  • Keyboard accessibility

  • Cross-product UX strategy

  • Interaction guidelines

  • Scalable product frameworks

Result

After my internship,
I received exciting news 📰 from a LinkedIn designer!

My framework was featured in LinkedIn's UX Share-Out, which are shared across all LinkedIn teams. My project was highlighted alongside the work of full-time employees, which is rare for an intern!


After my internship when my LinkedIn mentor told me that
more teams, especially the gaming team, were using my framework for new shortcut features! 😆

My framework was featured in LinkedIn's UX Share-Out, which are shared across all LinkedIn teams. My project was highlighted alongside the work of full-time employees, which is rare for an intern!

After my internship when my LinkedIn mentor told me that more teams, especially the gaming team, were using my framework for new shortcut features! 😆

My framework was featured in LinkedIn's UX Share-Out, which are shared across all LinkedIn teams.
My project was highlighted alongside the work of full-time employees, which is rare for an intern!

After my internship when my LinkedIn mentor told me that
more teams, especially the gaming team, were using my framework for new shortcut features! 😆

Impact

A scalable foundation for future work
I expanded the project into a centralized repository and framework that helped teams reduce shortcut conflicts, follow shared patterns, and design more consistent keyboard experiences.

A more accessible and efficient experience
I designed and launched a keyboard shortcut modal that made shortcuts easier to discover and helped members navigate LinkedIn without relying on a mouse or trackpad.

Beyond the Project

I’m grateful to have contributed to a meaningful accessibility project, learned from thoughtful collaborators, and built lasting connections along the way.

UP NEXT

Explore another project!