FORMS BUILDER APPLICATION

Forms is the easy way to create and share online forms and manage your data. Forms is the next generation of SupportCentral Dataforms that allows you to build web forms to collect information, store, sort, filter, and report on data, create charts on the basis information store.

PROJECT OVERVIEW

Forms is the next generation of SupportCentral Dataforms that allows you to build web forms to collect information, store, sort, filter, apply custom action, rules and generate report/charts on data. Forms is compatible across all modern desktop and mobile browsers connected to the GE Intranet. Desktop compatibility includes IE 9, 11, Google Chrome, Firefox, Safari and for mobile IOS, Android & Blackberry. Forms can be shared with All GE members with SSO and outside GE members, whether individually or in DLs.

MY ROLES & CONTRIBUTION

UX Design & Research | UI Design | Interaction/Visual Design Proposals | Wireframing | User Testing | Brand compliant Design | Performed: Heuristic evaluation and review of the original app.

BUSINESS CHALLENGE

  • Form based tedious and long interface to create a new Form
  • Hidden Navigation
  • Too many clicks
  • Lacking intuitiveness

The Goal was to improve the user experience and revamp the application considering the competitive industry

USER & BUSINESS GOALS

The user goal was to easily access and manage the Forms created/ shared with them, whereas the business goal was to eliminate multiple code bases to reduce maintenance/ support cost.

  • Unify and improve the user experience
  • Simplify training curriculums
  • Reduce cost and cycle time of user requested enhancements
  • Modernize the application technology stack

SOLUTION

User Research | Competitive analysis | Overall experience redesign (Wireframing, Low/High fidelity mockups) | Delivered Front-end design and development

Some Random Screenshots from the mobile app.

TECH STACK

  • GUI: Sketch, Adobe CC Suite
  • Development: HTML, CSS, Backbone, Underscore, Bootstrap, NodeJS, Mustache, JQuery, jsplumb, AngularJS, ReactJS, Material Design, Lumos

USP SUCCESS STORY

WYSWYG interface – Visual Form Designer Usable, scalable and fully responsive interface using latest framework Huge savings by reducing the training/support efforts

  • WYSWYG interface
  • Visual Form Designer Usable
  • Scalable and fully responsive interface using latest framework
  • Usable, Scalable and fully responsive interface
  • Very Interactive smooth transitions
  • Huge savings by reducing the training/support efforts