Delta Sync Seatback Login

UX / UI Design, UXR

2024

Delta Sync Seatback Login

UX / UI Design, UXR

2024

Login history

The downfall of login take-rate

Delta Sync seatback offers a unique suite of features via a logged in, personalized experience for SkyMiles members.

The removal of a crucial login flow led to a notable decrease in login rates. I was a big advocate of introducing UXR into our processes, and thus we set out to redesign our login design and user-flow utilizing data and findings from research.

Login history

The downfall of login take-rate

Delta Sync seatback offers a unique suite of features via a logged in, personalized experience for SkyMiles members.

The removal of a crucial login flow led to a notable decrease in login rates. I was a big advocate of introducing UXR into our processes, and thus we set out to redesign our login design and user-flow utilizing data and findings from research.

Before the redesign

When Delta Sync seatback first launched, the maps experience had yet to be tailored to the new design language, and thus, the map pins had little to no brand association.



Before the redesign

Time to test

Initiation

As our UXR journey was just kicking off, the design team got to work. We created two (A and B) differentiating prototypes for an eventual in-person lab test where we had external participants use simulated seatback screens. We guided them through a series of tasks, asking them to speak through their actions and thinking.

Design validation

As a designer for the seatback screens, we must design with the poor resolution of these screens in mind. During validation, I observed slight issues such as icons appearing too dark against the background color and white accents on the icons not displaying as intended, indicating image format errors.

Time to test

Initiation

As our UXR journey was just kicking off, the design team got to work. We created two (A and B) differentiating prototypes for an eventual in-person lab test where we had external participants use simulated seatback screens. We guided them through a series of tasks, asking them to speak through their actions and thinking.

Design validation

As a designer for the seatback screens, we must design with the poor resolution of these screens in mind. During validation, I observed slight issues such as icons appearing too dark against the background color and white accents on the icons not displaying as intended, indicating image format errors.



UXR insights

After two days of testing and observations, we had a clear direction on which way to take the design.

UXR insights

After two days of testing and observations, we had a clear direction on which way to take the design.

Before the redesign

When Delta Sync seatback first launched, the maps experience had yet to be tailored to the new design language, and thus, the map pins had little to no brand association.



The result


The result


Before the redesign

When Delta Sync seatback first launched, the maps experience had yet to be tailored to the new design language, and thus, the map pins had little to no brand association.



My role

In the early design phases, I explored various designs, ranging from small tweaks to significant changes. Initially, I focused on identifying reusable elements and integrating illustrative features to help reduce any possible areas of friction during the login process.

As part of co-leading our UXR initiative, I organized testing, synthesized results, and communicated findings to the design team. I validated both prototypes and final designs on seatback screens in the lab, a critical process due to potential discrepancies from designing in Figma to seeing on the physical seatback screens.

My role

In the early design phases, I explored various designs, ranging from small tweaks to significant changes. Initially, I focused on identifying reusable elements and integrating illustrative features to help reduce any possible areas of friction during the login process.

As part of co-leading our UXR initiative, I organized testing, synthesized results, and communicated findings to the design team. I validated both prototypes and final designs on seatback screens in the lab, a critical process due to potential discrepancies from designing in Figma to seeing on the physical seatback screens.

Before the redesign

When Delta Sync seatback first launched, the maps experience had yet to be tailored to the new design language, and thus, the map pins had little to no brand association.



Contact

j.h.forthman@gmail.com

Thanks for taking the time to look through my portfolio

Contact

j.h.forthman@gmail.com

Thanks for taking the time to look through my portfolio