Jotform Internship
Adding form data graphically to the Jotform Mobile Application
Junior Mobile Team
![Jotform Mobile App Onboarding Screens](https://static.wixstatic.com/media/c702c2_77512379e9c243acb29699c7474e2d2a~mv2.png/v1/fill/w_433,h_505,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_77512379e9c243acb29699c7474e2d2a~mv2.png)
Team
Mobile Team
Role
Product Design Intern
Timeline
4 Week
Tools Used
Figma, Figjam, Jira, Zoom
01 | CONTEXT
"Summarizing incoming data graphically on Jotform, analyzing user experience, and improving it was a truly exciting experience for me"
![Jotform Mobile App Mockup](https://static.wixstatic.com/media/c702c2_fa06d305b7e34347963c96e4a2b662c7~mv2.png/v1/fill/w_478,h_336,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_fa06d305b7e34347963c96e4a2b662c7~mv2.png)
During my internship at Jotform's mobile application, I developed a system to graphically summarize incoming form responses. This system enabled users to better understand form responses and analyze data more effectively.
Defining the problem: Analyzing JotForm mobile app esponses
Design Problem
Analyzing responses collected through the JotForm mobile application is important for business decisions. This process ensures a proper understanding of data and enhances business performance.
The analysis of data collected through the JotForm mobile application was presented through graphics. These graphics were used to help users better understand the data and support decision-making processes.
02 | UX Research
Minimum Viable Product (MVP) Analysis
MVP (Minimum Viable Product) analyses have guided our project in determining forward-looking steps in development. While focusing on simple and quick wins in the initial phase, we delved into in-depth research and development during the interim stage. In the final stage, we advanced our product by working on complex integrations and custom solutions.
![Jotform Projects MVP](https://static.wixstatic.com/media/c702c2_da95cc8a000d4766ac4d13a0f40f60ae~mv2.png/v1/fill/w_840,h_308,al_c,lg_1,q_85,enc_avif,quality_auto/c702c2_da95cc8a000d4766ac4d13a0f40f60ae~mv2.png)
Persona
For the UX Analysis, a persona has been created representing an individual who is tech-savvy and adopts a data-driven approach. This persona utilizes the JotForm mobile application to collect, analyze, and visualize data. The goal is to enhance user experience and support business decisions.
![Persona](https://static.wixstatic.com/media/c702c2_20070343cf974b70b94197ab8d4abaf6~mv2.png/v1/fill/w_720,h_686,al_c,lg_1,q_90,enc_avif,quality_auto/c702c2_20070343cf974b70b94197ab8d4abaf6~mv2.png)
Benchmark
This benchmark research has been conducted to assess our competitive position and identify best practices in the industry. The analysis of competitor products aims to highlight our product's strengths and identify areas for improvement.
![Jotform Benchmark](https://static.wixstatic.com/media/c702c2_bc2c784de9eb41e8b8424cfb89aeba31~mv2.png/v1/fill/w_720,h_499,al_c,lg_1,q_85,enc_avif,quality_auto/c702c2_bc2c784de9eb41e8b8424cfb89aeba31~mv2.png)
Userflow
This user flow is created to identify the steps users take when interacting with a product or service and to enhance the user experience. This user flow, which shows the step-by-step process of user interaction with the product, aims to optimize the user experience by focusing on user needs.
![Jotform Diagram](https://static.wixstatic.com/media/c702c2_7d56200520b64ae1bd4cadb53ac56b24~mv2.png/v1/fill/w_720,h_388,al_c,lg_1,q_85,enc_avif,quality_auto/c702c2_7d56200520b64ae1bd4cadb53ac56b24~mv2.png)
03 | Wireframe
Each wireframe screen represents a specific JotForm feature or functionality. For example, form creation tool, form submission process, or viewing responses. These screens aim to optimize the process of form creation and response management by focusing on user needs.
![Jotform Wiframes](https://static.wixstatic.com/media/c702c2_00deefd745844f8eb3dbbcba167f4d2c~mv2.png/v1/fill/w_720,h_391,al_c,lg_1,q_85,enc_avif,quality_auto/c702c2_00deefd745844f8eb3dbbcba167f4d2c~mv2.png)
04 | UI Design
![Jotform Mockup](https://static.wixstatic.com/media/c702c2_77512379e9c243acb29699c7474e2d2a~mv2.png/v1/fill/w_432,h_505,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_77512379e9c243acb29699c7474e2d2a~mv2.png)
Building an onboarding that informs and excites.
We've revamped the onboarding experience in the JotForm mobile app! Users now enjoy a smoother login and intuitive guidance to explore JotForm more efficiently.
![Jotform Home](https://static.wixstatic.com/media/c702c2_cb04cd5807f1461db9619fffdd81a6a3~mv2.png/v1/fill/w_294,h_488,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202024-02-08%20at%2022_59_edited_pn.png)
In the new mobile application, a menu named 'Results' has been introduced. Through this menu, users will be able to access summaries easily and have quicker access to the summary section of forms.
![Jotform Mockup](https://static.wixstatic.com/media/c702c2_7cb7c64b92ea43819c7356ef86fc5797~mv2.png/v1/fill/w_455,h_376,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_7cb7c64b92ea43819c7356ef86fc5797~mv2.png)
![Emoji](https://static.wixstatic.com/media/c702c2_f0e1b7121e10407f8ded1c03ea2281e5~mv2.png/v1/fill/w_132,h_132,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_f0e1b7121e10407f8ded1c03ea2281e5~mv2.png)
"Quickly access a summary 
of your submissions."
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_973f20496ced4df790866001ec54427c~mv2.png/v1/fill/w_360,h_600,al_c,q_85,enc_avif,quality_auto/c702c2_973f20496ced4df790866001ec54427c~mv2.png)
Users can hide the field they want in the summary report.
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_c0482efa7917463ca34b01ae24edf795~mv2.png/v1/fill/w_319,h_477,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_c0482efa7917463ca34b01ae24edf795~mv2.png)
The feedback from our users contributes to improving our project and enhancing the user experience.
![Jotform Feedback](https://static.wixstatic.com/media/c702c2_e9bf703536e94a04a0ca632f8b2eeacd~mv2.png/v1/fill/w_402,h_324,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_e9bf703536e94a04a0ca632f8b2eeacd~mv2.png)
![Jotform Feedback](https://static.wixstatic.com/media/c702c2_ee71a862330046ce8854c40e4f609685~mv2.png/v1/fill/w_314,h_600,al_c,q_85,enc_avif,quality_auto/c702c2_ee71a862330046ce8854c40e4f609685~mv2.png)
The screen designs of detailed fields in the "Submissions" menu.
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_946b68105b9647e9970e8b4241fcc8b3~mv2.png/v1/fill/w_315,h_499,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_946b68105b9647e9970e8b4241fcc8b3~mv2.png)
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_bba8e9e78d254bf7a6a142866f426e02~mv2.png/v1/fill/w_305,h_503,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_bba8e9e78d254bf7a6a142866f426e02~mv2.png)
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_c4d51a38d01144038a95b31c160b8f82~mv2.png/v1/fill/w_299,h_505,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_c4d51a38d01144038a95b31c160b8f82~mv2.png)
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_e5368b9d843647cab83561fde35867b0~mv2.png/v1/fill/w_235,h_421,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_e5368b9d843647cab83561fde35867b0~mv2.png)
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_9936f7bbd96142a3a2a26837e5d92a30~mv2.png/v1/fill/w_271,h_485,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_9936f7bbd96142a3a2a26837e5d92a30~mv2.png)
![Jotform Graphics](https://static.wixstatic.com/media/c702c2_c61997622ed44d42accdd672b7cc1b15~mv2.png/v1/fill/w_271,h_485,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c702c2_c61997622ed44d42accdd672b7cc1b15~mv2.png)
05 | Prototype
The exciting final step.
In this video, you can see the prototype version of our Jotform project. Discover the functionality of our project.
06 | Learnings
I'm amazed at how much I've learned from these few weeks in this role.
One thing that is not directly shown in my processes and results is my progress using Figma. As a designer, I believe it is important to continue learning and acquiring new tools or methods, especially based on the knowledge my mentor gave me.By championing user experience in line with the tool, I gained a stronger understanding of how design plays a role in product strategy and the tester journey.