JotForm is an online forms platform that helps customers across roles and industries create custom online forms and collect data, all without needing to write a line of code. Enjoyed by more than 5 million users worldwide, JotForm is a B2B SaaS productivity tool that helps people, teams, and companies automate data collection and streamline processes.
JotForm is used by more than 5 million users. That leads us to different kind of customers. When I joined the company, I started to empathize with users. I saw some problems in the old submissions page. For defining these problems, we started to interview with our users, and we started to identify different problem statements.
Old Submissions Page
- Difficult to see list
- Hard to search in submissions
- Hard to differentiate unread submissions
- There is a flag button which has a negative state
- Hard to understand the new submissions
- Printing a document is a problem
Bonus: Users want to change their question order to see what they need immediately.
They want to change their question order and separate from the form layout.
After conducting many user interviews, usability tests and tracking various metrics across the board for quite a while, with the help of full story that we can see users' behaviors, it was clear that the experience of seeing a submission was essentially time-consuming and not responsive at all. Which they lead to looking at only from the notification emails.
In the process of building JotForm Inbox, me and our user research team interviewed several beta users to learn how they were incorporating submissions into their workflow. What we discovered is a diverse collection of organizations using JotForm forms in entirely different ways but bound by a single need: to see and manage data easily. Marketing Managers: to support marketing efforts HR Managers: to simplify the hiring process Sales Representatives: to keep track of orders Supporters: to collect feedback data and monitor
At this stage, I did a bit of brainstorming and came up with a few ideas aimed at resolving the issues that were uncovered during my interaction with the users at the interview stage. We’ve built features in our new Inbox tool to provide several different types of user profiles:
- Users who want to see their submissions various device
- Users who take out their submissions print away
- Users who want to collect, tag and monitor their data easily
Although JotForm Inbox was born out of a desire to improve our old submissions page, conversations with people who used our product prompted us to rethink our approach. Therefore, I established our design strategy on these 3 pillars:
- Aim for a low barrier of entry and learning curve by increasing the discoverability and findability of features, as well as utilizing progressive disclosure.
- Achieve consistency through standardization of interaction patterns and the creation of a UI Framework.
- Allow people to see submissions anywhere, anytime so that reading submissions can become an important part of the daily workflow, like spreadsheets or word processors.
Based on their sharing, I have 2 simple user journeys to map their process of reading data and taking action on the data. These journeys I use for further understanding of their hard time doing it. Some observations from their behaviors when performing tasks in these flows and their feedbacks let me define their pain points.
Straightforward as it sounds, solutions come from reasons. Solving submissions list straight to the point as users feel painful because they cannot find submissions easier.
As users know the time they could read the submissions purposely, I came up with add some sort of new read/unread visual to make submissions more seeable.
At this stage, I tried to still limit my focus to the flow and functionality of the product while also including some interface details to give more clarity to the purpose of each screen. This allowed me to rapidly test and improve my ideas before moving on to design the interface properly. To do this I tried to include this page into the new Sheets project.
User Testing, Feedback & Iteration
I tested the wireframes with a different set of users and made a few notes which were largely reflected in the hi-fidelity designs except the whole idea itself. The key updates I made to the design based on the feedback and observations I made while testing the wireframes.
User testing and feedbacks show me that I'm on the right path to focusing on the new product idea and design.
To support marketing efforts.
Christian Clansky directs a marketing department at nonprofit Independent Sector, and his team uses JotForm to collect applications for event programming, webinars, and more.
“I really like the fact that I can scroll through all the submissions instead of trying to click. The design and UX are great. What I like the most is that it mirrors an email inbox — it’s intuitive and functions in a familiar way. Everyone on my team would know what to do here.”
—Christian Clansky, Independent Sector
To simplify the hiring process.
With tons of applications to sift through and vet, hiring can be a pain. But one of our HR director users, Darren Brooke, from Clay County Minnesota has figured out a way to streamline this process.
“The new tab is better to see every submission in one really quick way. It’s nice to see how many applicants we get.”
—Darren Brooke, Clay County Minnesota
To keep track of orders.
Taking orders and receiving payments isn’t easy unless you have a powerful tool to rely on. Peyton Ortiz is a manager at Active RV Upholstery Center. She oversees her company’s orders and collects customer information.
"I rely on JotForm Inbox when I need to pull up information quickly, saving my from spending time searching for submissions. I also love the spacious and clean look of JotForm Inbox."
—Peyton Ortiz, Active RV Upholstery Center