Multi-step Form for App-lite Product


National University

May 2019

Adobe Photoshop/Illustrator/Indesign/Xd

Xd Prototype


When we launched NU’s App-Lite product back in early 2018, it was an enormous success. It simplified the overwhelming application process by eliminating unnecessary fields and pre-populating several other fields. Even with the amount of success, this page needed to be simplified in order to create a smoother user experience. To achieve this, we converted the original, long, cumbersome form into a multi-step form. Research shows that multi-step forms have a 14% higher completion rate than single-step forms. The design created makes it clear how many steps the user will experience and what to expect at each step of the process.

User Flow and State Diagram

Mobile Wireframes

Step 1: Personal Information

Step 2: Program of Interest

Step 3: Education Experience

Mobile Prototype Flow

Desktop Prototype Demo

Mobile Comp

Desktop Comp

Based in sunny San Diego, California

+1 (619) 997-2058