Converge_2016_Portal_v2
•Download as PPSX, PDF•
0 likes•54 views
The document discusses improvements to an online admissions application process. The current process involves too many screens, too much data entry, and a poor user experience. The new OAA 2.0 system aims to streamline the application into a simplified, mobile-friendly process requiring minimal data entry. It reduces the number of screens and captures only required information. The new system is built using technologies like pagelets, XML, XSL transformations, and form validation to create a smoother application workflow.
Recommended
Recommended
More Related Content
Similar to Converge_2016_Portal_v2
Similar to Converge_2016_Portal_v2 (20)
Converge_2016_Portal_v2
- 2. 1/27/2017 | 2 | ©2015 Ciber CONFIDENTIAL Pain Areas • Lacks clarity for pre application stage • Course search was not easy to use • Multiple Campuses using Multiple admission application • Too many screens and too much data to complete application • Bad User Experience leads to incomplete applications • Not mobile friendly
- 3. 1/27/2017 | 3 | ©2015 Ciber CONFIDENTIAL Current Online Admission User flow Course page 1. Apply online page 2. Create an account 3. Confirmation email 4. Log in 5. Search for course 6. Online application: Welcome 7. Online application: Personal info 8. Online application: Qualifications 9. Online application: Work experience 10. Online application: References 11. Online application: Personal statement 12. Online application: Document upload 13. Online application: Submit 14. Confirmation email
- 4. 1/27/2017 | 4 | ©2015 Ciber CONFIDENTIAL Existing Screens
- 5. What is OAA 2.0?
- 6. 1/27/2017 | 6 | ©2015 Ciber CONFIDENTIAL Addressing Pain Areas • Deliver a fresh look & feel • Streamline the process; make it quick and painless • Provide clear guidance throughout, so the user feels supported • Capture minimal data which is required right now
- 7. 1/27/2017 | 7 | ©2015 Ciber CONFIDENTIAL Course page 1. Apply online page 2. Create an account 3. Confirmation email 4. Log in 5. Search for course 6. Online application: Welcome 7. Online application: Personal info 8. Online application: Qualifications 9. Online application: Work experience 10. Online application: References 11. Online application: Personal statement 12. Online application: Document upload 13. Online application: Submit 14. Confirmation email Simplified User flow 1. Course details 2. Personal details 3. Qualification details 4. Supporting information 5. Review & submit Log in / Create account Course pages Core application
- 8. 1/27/2017 | 8 | ©2015 Ciber CONFIDENTIAL Simplified pages with Guidance
- 9. 1/27/2017 | 9 | ©2015 Ciber CONFIDENTIAL Minimal Data collection
- 10. 1/27/2017 | 10 | ©2015 Ciber CONFIDENTIAL Benefits • Bootstrap enabled, for multiple devices support • Higher number of completed applications • Better User Experience • Advanced form validation and error reporting • Wizard/ train stops approach for showing application progress
- 12. 1/27/2017 | 12 | ©2015 Ciber CONFIDENTIAL How Pagelet is built Portal Campus Configuration Record Staging Table 1 Staging Table 2 <?xml version="1.0" encoding="UTF-8"?> <!— XML <HTML Document> Pagelet Wizard Custom Data Type Pagelet Wizard XSL Transformation Remote Pagelet, with Form Posting code Added into Homepage tabs, which are part of wizard
- 13. 1/27/2017 | 13 | ©2015 Ciber CONFIDENTIAL Pagelet
- 14. 1/27/2017 | 14 | ©2015 Ciber CONFIDENTIAL Form submission Portal Form Validation using Parsley JSON Document with input data Ajax Post request to IScript Campus JSON Document parsing and staging table update Admission Applications Web Services (AAWS)
- 15. 1/27/2017 | 15 | ©2015 Ciber CONFIDENTIAL Customizations built for OAA 2.0 • Pagelet Data Source for XML generation • Transformation using XSL 2.0 • Datatype for Remote pagelets • Datatype for Combining multiple pagelets into one • Parsley.js for form validation • Typeahead.js for Type ahead • Bootstrap for mobile and tablet device support
- 16. 1/27/2017 | 16 | ©2015 Ciber CONFIDENTIAL Q & A?
Editor's Notes
- With good UI and UX, customers are happy to use product. Thus more satisfaction, retention and also productivity If designed properly, no need to train, and decreased support costs. Ex: Facebook – how many got trained? WhatsApp – this almost replaced texting or SMS.