Tydy, the Onboarding Experience
Type of work
Improving the Tydy Forms experience by reducing the anxiety and frustration of form filling.
I saw the opportunity to work on wayfinding and navigation through the form, and improve small interactions by clarifying intent and displaying user progress. Thus reducing ambiguity and anxiety in the redesign.
To protect Tydy’s Intellectual Property, I have described the redesign process using the example of a College Application Form.
Examples of navigation and progress taken from Typeform, Jotform, Fitbit and others
Tydy Forms captured over 300 fields, so their challenges were around displaying and asking for too much information on a single page. Guiding users through errors in such a long form became chaotic, and the UI needed improvement.
Working on Primary Navigation that focuses user attention into chunks, and gives a better sense of progress
I explored vertical, horizontal and accordion style navigation, to find that horizontal navigation, with 3 columns made the best use of space. An Index Page at the beginning proved to be a good heads up on the kinds of information required from the user.
Index page for users to know what to expect
Vertical Navigation could provide easy access to tabs
Accordion navigation trial for a smooth flow
With over 300 fields to be filled, and in any order, it was important to show the user where they were in the form filling process. Each individual tab was marked as ‘complete’ or ‘incomplete’, with the same status reflected on the Index page as well.
Providing users with details of the kind of information they would be required to enter, and the purpose of collecting the information was extremely helpful in removing ambiguity.
Chosen Horizontal Navigation, conveying Intent and Progress
The Index page helped guide users through mistakes. On submitting, an error icon would show up alongside the applicable tab. Once opened, the user would be clearly guided through each of the fields containing errors.
Tydy Forms with the new design and UI
By re-looking these 4 parameters- primary navigation, conveying intent, user progress and error messages, the new form fulfilled the aim of Tydy’s redesign undertaking. I also found immense joy and satisfaction in improving the experience of a product like a Form, that usually comes off as dull and boring.
Displaying non-linear Progress & Conveying Intent to remove ambiguity