Pager Design Overview

1. Problem

Problem Statement:
Design Goals:
Pain Points: Pager Pain Points
Competitive Analysis: Pager Benchmarking - Competitive Analysis

2. Users

Fluid Personas are a collection of various types of important users whose needs we need to consider throughout the design process.

3. Users' needs

Contexts of Use: In what contexts would the user need a Pager? What activities do they undertake in these contexts?

Functional Requirements: What use cases does the Pager component support?

Primary & Secondary Scenarios: In context, what are the primary and secondary user needs are we meeting?

Heuristic UX Evaluation of Pager

4. Solution

Wireframes: Visual representation of design iterations and final designs.

Storyboards: How, when, and where would the user use a Pager?

• Pager Storyboard 1
• Pager Storyboard 2
• Pager Storyboard 3

Design Pattern

• Pagination Design Pattern: Design advice for organizing content into pages.

Accessibility Considerations:

• Pager Keyboard Interaction

5. User Testing

Pager User Testing: Summary of all user testing performed on the Pager component.

User Testing Protocols: Describes how the user testing of Pager will be carried out.

• Pager User Testing - Round 1
• Pager User Testing - Round 2

User Testing Results: Describes how the users interacted with the Pager prototype and what improvements can be made.

• Pager User Testing - Round 1-1 Results
• Pager User Testing - Round 1-2 Results
• Pager User Testing - Round 1-3 Results
• Pager User Testing - Round 2 Results

6. Preparing for Implementation

Storycards: Decomposes the Pager into small implementable chunks.

Functional Specification: Development specification containing interaction details such as "interesting moments."