nike

extending beyond adaptive athletes* with an accessibility and inclusive design playbook for people with disabilities

Role Designer Type Internship Skills UX Research, UX Design

To champion innovation and inspire all athletes* while changing the game of sports by cultivating a culture rooted in impact and collaboration.

THE INTRODUCTION

With the growth of innovation across Nike’s digital experiences, it is important to consider the people we are designing for - their unique needs and preferences - to create a more equitable experience that reflect all athletes* and communities. Accessibility and inclusion is important, yet is still growing at Nike, especially in the digital space.

Essentially, Nike is working towards:

establishing accessibility and inclusive design at the forefront across their entire digital ecosystem for and with disabled individuals.

Nike's image of a disabled athlete face turn side ways and jumping in the air
Nike image of a disabled athlete with a prosthetic leg
Nike's fly ease shoe close up image on a person's feets
Nike image of a disabled girl in wheelchairs smiling with her hands in the air
Nike image with their orange and black flyease shoes with a disabled person's prosthetic leg in the shoe

Athletes*

*If you have a body, you are an athlete

If you have a body, you are an athlete.

If you have a body, you are an athlete.

At Nike, what it means to be athlete* is defined and recognized by the *. This defines and speaks in volume to the importance of inclusion and accessibility at Nike.

MEET THE TEAM

Podium Design System

focuses on the creation, definition, advocacy, adoption, refinement, and transformation of Nike’s design system that defines the shared design language and brand for Nike’s digital experiences across their enterprise, internal, and consumer products and experiences.

  • Hayley Hughes
    Design Director - Podium Design System (& Manager!)

  • Travis Burkstrand
    Designer II - Podium Design System (& Mentor!)

    Jeremy Won
    Sr. Designer - Podium Design System

    Issac Ruiz
    Designer II - Podium Design System

  • April Lucero
    Sr. Producer - Podium Design System

  • Alex Korchinski

    Director - Digital Accessibility

  • Todd Murphy

    Copy Director - Design Foundations

  • Geoff Dinsdale

    Sr. Software Engineer III

    Emily Phan

    Sr. Designer - Engagement Tools

    Jing Jang

    Sr. Staff Designer - Activity

    Stephen Ateser

    Staff Designer - Core Commerce

    JP Devries

    Principal Engineer - Digital Accessibility

    Darcy McFarlane

    Global Consumer Direct Marketing Manager - Women’s Football and Basketball

    Mei Xia

    Designer II - Activity (& Mentor!)

    Amber Jaitrong

    Software Engineer I

    Nicole Nakano

    Designer II -Digital Service

BACKGROUND

Where’s Nike at with digital accessibility and inclusive design?

Accessibility (AY11) is important because all athletes* deserve to have equal access to Nike’s products and have equitable experiences throughout their journey, especially for people with disabilities that have been historically overlooked and excluded. 1 in 7 people in the world has a disability. There are many missed opportunities from not considering people with disabilities. In fact, investing in accessibility and in people with disabilities has significant benefits including:

  • The purchasing power of people with disabilities is $8 trillion dollars

  • Fixing accessibility issues costs 10x more than integrating accessibility into a workflow

  • The legal risks of violating the American with Disabilities Act

The problem lies in the following:

Right now, teams are not doing enough of and are uncertain about how and where in their workflow processes to bring in accessibility.

SECONDARY RESEARCH

We want to have a deeper understanding of our problem space with accessibility at Nike and better understand what we’re trying to solve by refining our research question. This was done with the following secondary research methods: research audit, literature review, comparative analysis, and stakeholder interviews with Nike designers, engineers, digital accessibility, and much more. This led us to our core research question and what we wanted to solve.

Let’s get started -

Microsoft, Google, and IBM accessibility guidelines screenshot

Research audit exploring accessibility guidelines from Microsoft, Google, and IBM

How do we guide teams in accessible and inclusive design, particularly in designing with and for disability communities that focuses on their lived experiences?

To solve our research question, we began by diving deeper to understand the root behind and of why teams are uncertain of how and where in their workflow process to integrate accessibility as well as why teams are not integrating accessibility enough that paves way for content and design opportunities for the handbook.

This was done with the following research methods: User Interviews, Co-synthesized affinity diagramming, Empathy Mapping, Workflow diagram, Co moderated card sorting activity.

USER RESEARCH

Again, why?

User Interviews

Nike women athlete group picture

A set of 6 user interviews conducted consisting of Nike employees including non-disclosed participants with disabilities includes to understand how Nike teams currently integrate accessibility into their workflow process and the gaps and the challenges with integrating accessibility into their workflow.

Affinity Diagramming

Co-synthesized affinity diagramming session on Figjam

Co-synthesized affinity diagramming session on Figjam

The data from the user interviews were synthesized through a co-synthesized affinity diagramming session with 4 participants (n = 4). This led to the identification of four key insights.

FINDINGS

Here’s what we found -

01

Accessibility is not integrated early enough

I can probably improve and probably our entire team can improve in bringing it even more top of funnel in terms of design discovery process. Right now, it is once we've nail down a few decisions, how do we go through the checks and balances of making sure that it is as accessible as possible but it needs to move even more upstream.”

Jing Jang tag and description (she/her), Sr. Designer - Activity

02

People are not aware of or knowledgeable about accessibility

And then myself, like my own knowledge about accessibility. Okay, but sometimes I feel like do I actually really know the right things for accessibility, or do I misinterpret what it said online.”

Emily Phan tag and description (she/her), Sr. Designer - Consumer Tools

03

There is a demand for other teams to care about accessibility

Accessibility work is a matter of prioritization and there's no metric and there's no kind of success framework for when you know product managers and business partners are reviewing the prioritization of the work. There's nothing in there to really tell that story about where we're at with accessibility, where we want to be and why.”

Stephen Ateser tag and description (he/him), Designer - Core Commerce

04

Informed sections and content for the handbook

So yeah its design is incredibly important, now I wish I had more input to design just to let people know these things to think not just about - is it accessible? But does it flow for somebody who is using a screen reader or any other kind of accessibility tool.”

Geoff Dinsdale tag and description (he/him), Sr. Software Engineer III

EMPATHIZE

How are they really feeling about this?

Empathy Mapping

Empathy mapping on Figma screenshot

Empathy mapping on Figma

Participants felt unprepared, unequipped, uninformed, and unaware about accessibility - that integrating accessibility is out of reach and not in their control.

Workflow Diagram

Participants mostly integrated accessibility within the design and development phase or later into the product design and development cycle than earlier in the phase - a missed opportunity.

Workflow diagram on Figma screenshot

Workflow diagram on Figma

DEFINE & CONTENT DESIGN

What should be included then?

Card Sorting / Information Architecture

A collaborative, participatory, co-sorting session with 4 participants was conducted to identify the key topics to include in the playbook.

Results from (co-organized) moderated open card sorting session on Figjam with participants screenshot

Results from (co-organized) moderated open card sorting session on Figjam with participants

Content Design

The content of the accessibility and inclusive design handbook was written and fleshed out with feedback back and considerations from the co-organized moderated card sorting activity. Copyrighting reviewed and provided feedback on the content.

DESIGN ITERATIONS

Here’s how our solution started -

Design iterations snap and screenshot from content design to low-fidelity wireframes to mid-fidelity designs to high-fidelity designs

The accessibility and inclusive design handbook’s design were iterated from content design to low-fidelity wireframes to mid-fidelity design and then high-fidelity designs.

Top left: Content design

Top right: Low-fidelity wireframes

Bottom left: Mid-fidelity design

Bottom right: High-fidelity designs

DESIGN SOLUTION

It all led us to the following …

A playbook that aims to change the product design framework to create community-centered solutions

That is led with and guided with this framework driving:

Nike's accessibility and inclusive design handbook screenshot

Design with, not just for, people with disabilities

Why? Because -

We need to do much more than a checklist.

Nike's accessibility and inclusive design handbook A&I checklist screenshot

Nike Accessibility and Inclusive Design Handbook

the designs of the playbook is currently private and not publicly viewed, and requires a password - feel free to reach out to me personally!

EVALUATION

A feedback session (n = 10) was held and reviews were given from copyrighting as well as from Nike designers. These were the feedback given:

01 / Reduced and digestible content

02 / Visual design changes for consistency and clarity

03 / Organizational and architecture flow

04 / Emphasis towards research and less checklist defined

FINISH LINE

Keepin’ Track

01 / Increased percentage of adoption of the handbook across teams

02 / Reduced number of accessibility errors

03 / Reduced number of accessibility tickets to the digital accessibility team

04 / High accessibility satisfaction of Nike’s products or accessibility rating

The Next Mile

01 / Emphasis on widespread adoption of Podium Design System

02 / Drive more team usage of handbook across teams

03 / Publish handbook to the Podium website

04 / Add accessible and inclusive practices for other marginalized communities

REFLECTION

Just do it. Seriously - just do it.

01

Cliche, but it’s true - it takes everyone to win as a team

02

Design teams need a design system

03

Be a rebel - changing the game means going against the grain

04

Design leadership shapes so many things

Portland and Beaverton and all of Oregon and the Pacific Northwest was really cool, fun, and undeniably beautiful too.

— my thoughts of summer twenty two.