Interaction Patterns
Reference implementations of common interaction patterns for New York State digital services. Each pattern demonstrates accessible, production-ready UI using NYSDS web components and design tokens.
Identity & Access
Account creation, authentication, identity verification, and profile management.
Account Creation
Email/phone registration with password strength meter and terms acceptance.
OTP Entry
Six-digit one-time passcode input with auto-advance, paste support, and resend timer.
Password Reset
Three-step password recovery flow: request, verify code, set new password.
Verify Identity
Name, date of birth, and SSN last-4 identity verification form.
Profile Snapshot
Account overview card with avatar, contact info, and quick actions.
Notification Preferences
Delivery method, channel toggles, and language selection for notifications.
Wayfinding
Process navigation, step tracking, task management, and eligibility results.
Process Map
Vertical timeline showing application stages with current progress indication.
Wizard Stepper
Multi-step form flow with progress tracking, save & exit, and navigation.
Task List
Checklist of required tasks with completion tracking and status badges.
Eligibility Result
Success or failure outcome card with key details and next-step actions.
Form Capture
Data entry patterns for addresses, personal info, repeating items, income, expenses, and review.
Address Form
Street, city, state, ZIP, and county fields with “same as mailing” option.
Name & Identity
Legal name capture with suffix, preferred name, and prior name fields.
Household Repeater
Add, edit, and remove household members with summary display.
Employment Repeater
Employment history with employer details, dates, and income tracking.
Income Entry
Multiple income sources with frequency conversion and running monthly total.
Expenses Entry
Categorized expense rows with frequency, totals, and income comparison.
Date Capture
Three date input approaches: separate fields, date picker, and date range.
Conditional Questions
Yes/no questions that reveal additional fields based on selection.
Validation & Errors
Error summary with linked field errors, inline messages, and screen reader announcements.
Review & Confirm
Summary of all entered data with edit links and certification checkbox.
Evidence & Documents
File upload, document checklists, and download management.
Document Upload
Single document upload with type selection, preview, and file management.
Document Checklist
Required and optional document tracking with submission progress.
Multi-File Upload
Drag-and-drop multiple file upload with progress and error handling.
Download Center
Table of available documents with download actions and bulk download.
Scheduling
Location selection, appointment booking, and confirmation details.
Payments
Bill lookup, payment processing, and receipt generation.
Status & Messaging
Case status tracking, action alerts, messaging, and official notices.
Status Timeline
Chronological event history with status indicators and case details.
Action Needed
Urgent action alert with deadline, missing items, and upload prompts.
Message Thread
Threaded conversation between user and agency with reply and attachments.
Notice Viewer
Official notice display with summary, full text, key details, and download.
Data Display
Tables, record details, and bulk operations for data management.
Help & Safety
Contextual help, confirmation pages, and session management.