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.
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
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.
Intralinks Dealnexus: iOS Mobile App
Interactive Holiday Card: Pillsbury Law
UX & IxD Process and Artifacts
HTML emails: LinkedIn
LinkedIn: Large Format Photo Retouching
Intralinks: Pattern & Style Guide (Concept)
e-mail & Landing Page: Borland Speaker Series
Intralinks UX Team: What is Your Why?
Intralinks Product: Dynamic Filter
Marcom Brand Guidelines Translated to Product