Product Vision: Intralinks Messaging

In 2016, as our UX team worked toward creating parity among the various Intralinks products, one initiative was to create a unified messaging experience that was cohesive, helpful, and engaging for users. The messaging vision was comprised of three areas: • Help (Inline / Page level) • Messaging (Status and Confirmation / Error Messages) • Email Alerts

My portion of this project was dedicated to Field and Page-level validation. Exploring Intralinks' products for existing uses of the pattern to secondary research of UX best practices to inform my design. Below you will see my documentation of the pattern.

Pattern Definition

Here is where I have defined the pattern--established the different scenarios and corresponding behavior.

Pattern Interaction Design: Field-level Validation

Pattern Interaction Design: Page-level Validation

Video Walkthrough

I felt like my documentation wouldn't be complete without actual animation to illustrate the interaction design of the pattern. This is a walkthrough of the page where you'll see the use of the animation within the documentation.