NYC DCWP Scheduling Portal Re-design

NYC DCWP Scheduling Portal Re-design

NYC DCWP Scheduling Portal Re-design

Redesigning the financial scheduling portal for the New York City Department of Consumer and Worker’s Protection to enhance user experience, streamline navigation, and improve accessibility.

Redesigning the financial scheduling portal for the New York City Department of Consumer and Worker’s Protection to enhance user experience, streamline navigation, and improve accessibility.

Role

Role

Role

UX/UI Designer

UX/UI Designer

UX/UI Designer

Team

Team

Team

Chiu, Jimin, Jiyoung, Richa

Chiu, Jimin, Jiyoung, Richa

Chiu, Jimin, Jiyoung, Richa

Duration

Duration

Duration

12 weeks

12 weeks

12 weeks

Project Overview

Project Overview

The Financial Empowerment Center (FEC) at New York City’s Department of Consumer and Worker Protection (DCWP) provides free financial counseling and coaching services to NYC residents regardless of their immigration status. These services include counseling for budgeting assistance, debt management, credit improvement, student loans, and more. Clients can book appointments through the FEC’s scheduling website.

The Financial Empowerment Center (FEC) at New York City’s Department of Consumer and Worker Protection (DCWP) provides free financial counseling and coaching services to NYC residents regardless of their immigration status. These services include counseling for budgeting assistance, debt management, credit improvement, student loans, and more. Clients can book appointments through the FEC’s scheduling website.

Problem

Problem

Recently, FEC's website experienced a 300% increase in traffic driven by FEC’s marketing efforts. However, despite the surge in visitors, appointment booking conversion rates remain low. We assume that users face significant barriers preventing them from successfully completing online bookings.

Recently, FEC's website experienced a 300% increase in traffic driven by FEC’s marketing efforts. However, despite the surge in visitors, appointment booking conversion rates remain low. We assume that users face significant barriers preventing them from successfully completing online bookings.

Sneak peek of our final design 👀

Sneak peek of our final design 👀

Our Goal

The existing booking flow is complex and inefficient. It involves a 3-step process with multiple sub-steps, slow loading times, and unclear confirmation messages for bookings.

Step 1

Pain Point 1

3 main steps with multiple sub-steps, resulting in long loading times

Solution 1

“Progressive Disclosure” to reduce cognitive load & improve speed

Step 2

Pain Point 2

Not accessible and inclusive for everyone

Solution 2

Promoting accessibility (WCAG) & inclusivity

Step 3

Pain Point 3

Lack of clear confirmation, and information

Solution 3

Spread awareness about available services & managing expectations

Research

7 in-depth stakeholders interviews, including interviews with former counselors and counseling managers, all within a short time frame of one week to understand their perspectives.

Attended and presented at FEC’s quarterly meeting, conducting polls with 60+ counselors to gain insights into their perspectives and common challenges reported by their clients

Distributed anonymous surveys directly with clients and analyzed annual digital performance reports provided by FEC to gather insights into pain points, device usage, and other statistics.

Findings From Our Research

The process was confusing and time-consuming, with unclear progress indicators and long loading times.

Many users weren’t sure if their booking went through due to lack of confirmation or feedback.

Mobile users especially struggled with form readability and navigation.

Accessibility issues such as low contrast and small touch targets created additional barriers.

Financial services are often misunderstood, causing misaligned expectations among users

Key Insights

1

Access via mobile device

80%

2

Non-English speaker clients

37%

3

Older adult clients

20%

Guiding Strategy

Spreading awareness, educating clients about available services, and managing expectations, during scheduling and beyond.

Design Opportunity Statement

How might we simplify the experience, set clear user expectations, & improve accessibility to reduce drop-offs & drive higher booking completion rates?

User Flows

User Flows

User flows

Before

After

Streamlining Appointment Booking by applying the Principle of Progressive Disclosure

Streamlining Appointment Booking by applying the Principle of Progressive Disclosure

We applied the “Progressive Disclosure” design principle, breaking the appointment process into manageable steps to reduce cognitive load and improve clarity, especially for users across a wide age range. This approach also addressed long load times by distributing data across steps, ensuring a smoother experience. Additionally, we restructured the flow and tasks to make sessions more efficient and intuitive for clients.

We applied the “Progressive Disclosure” design principle, breaking the appointment process into manageable steps to reduce cognitive load and improve clarity, especially for users across a wide age range. This approach also addressed long load times by distributing data across steps, ensuring a smoother experience. Additionally, we restructured the flow and tasks to make sessions more efficient and intuitive for clients.

Turning our strategy into action

Turning our strategy into action

The redesign aimed to streamline the appointment booking process by reducing confusion and cognitive load. Leveraging research insights, strategy, and benchmarking against other financial service providers and scheduling platforms, we made informed design decisions, crafting high-fidelity prototypes and utilizing a cohesive design system.

We also conducted moderated usability tests with 8+ users, including 50% aged 55+, to gather valuable insights. These insights informed thoughtful design iterations, ensuring the process was more intuitive, accessible, and user-centered.

The redesign aimed to streamline the appointment booking process by reducing confusion and cognitive load. Leveraging research insights, strategy, and benchmarking against other financial service providers and scheduling platforms, we made informed design decisions, crafting high-fidelity prototypes and utilizing a cohesive design system.

We also conducted moderated usability tests with 8+ users, including 50% aged 55+, to gather valuable insights. These insights informed thoughtful design iterations, ensuring the process was more intuitive, accessible, and user-centered.

8+

User Testings

50%

aged 55+

Overall ease of use rating

Overall ease of use rating

4/5 (1 being very difficult, 5 being very easy)

4/5 (1 being very difficult, 5 being very easy)

“It was pretty straightforward and the questions were very simple to understand”

“Overall this was easy to follow and the next steps were clear. “

“Overall this was easy to follow and the next steps were clear. “

Features & Iterations

Client’s Feedback!

In conclusion, revamping FEC’s financial counseling scheduler has successfully improved service awareness, usability, and accessibility.

We received enthusiastic and positive feedback during the final presentation, which highlighted the design’s intuitive navigation, simplicity, and effectiveness in addressing previously overlooked challenges. The audience was particularly impressed with our detail-oriented approach and efficient execution, expressing excitement about implementing the design.

Final presentation

Review from the First Deputy Comissioner

Overall, the project not only exceeded their expectations but also provided a valuable solution that saves time and resources, creating a meaningful impact for both the client and their users.

Our clients not only plan to implement our design solutions to the financial counseling scheduler but also intend to apply this approach to other scheduling processes across their entire services.

Jiyoung Lee

Copyright © 2024 Jiyoung Lee. All rights reserved.