Multi-step Form for App-lite Product

Description

CLIENT
National University

COMPLETION DATE
May 2019

SOFTWARE
Adobe Photoshop/Illustrator/Indesign/Xd

EXAMPLE
Xd Prototype

Summary

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

jdgase@gmail.com