Skip to content

Breadcrumbs User Testing Plan

pglevy edited this page May 11, 2020 · 4 revisions

Goals

  • Validate initial assumptions about website visitors' experience and expectations with using breadcrumbs.
  • Validate initial assumptions about Design System users' experience and expectations with using breadcrumbs in their work.

Site visitors

Research questions

  • Do people use breadcrumbs?
  • What do people think breadcrumbs are conveying to them?
  • How do they identify their current location with vs. without them?
  • How do they navigate to related pages with vs. without them?
  • What are issues they face on small screens vs. large screens?

Tasks

With breadcrumbs

Scenario: You are looking up information about the Standard Deduction for your tax return.

Site: Internal Revenue Service (IRS)

  1. What section of the website are you in now?
  2. How would you get to the main page of this section?
  3. Can you show how you would get back to the "How Much Is My Standard Deduction?" page using the main navigation?
  4. What information is the collection of links above the page title (i.e., Home, Help, etc.) providing you?

Without breadcrumbs

Scenario: You are a lawful permanent resident in the U.S. and you're trying to understand the differences in Social Security Cards.

Site: Social Security Administration (SSA)

  1. What section of the website are you in now?
  2. How would you get to the main page of this section?
  3. Can you show how you would get back to the "Types of Social Security Cards" page using the main navigation?
  4. Can you think of anything that would make the first two tasks (knowing what section you're in and going to that section) easier?

Design System users

Research questions

  • What's your approach for handling breadcrumbs on smaller screens (e.g., mobile)? Can you share any examples?
  • What implementation challenges do you have with breadcrumbs?
  • What are your thoughts on these possible configuration options?

Prototype for validation

Link to a page with the following content:

  • Default presentation
  • Separator options (caret, slash, dot, pipe)
  • Spacing options (loose, tight)
  • Truncation options (parent link only, ellipses)
Clone this wiki locally