![]() |
Hi, my name is Jatin! I am an action-oriented Product Designer based on planet Earth in the Solar System . I possess a diverse set of experience that includes UX designer for an EdTech startup, Augmented reality game designer/developer, UX researcher (accessibility) and UI/front-end developer. With product design, I strive to create experiences that are engaging (taking principles from game design), accessible (everyone in this world is disabled at some point in their lives) and technically feasible (using my development background). Watch me here giving my passion pitch. Currently focused on building and maintaining relationships and doing things that make me afraid. |
"I was fortunate to have Jatin on my team and he was a huge benefit while working on the evolution of the MySprint app. He is a very logical and methodical UX designer and is easily able to take complex concepts and turn them into a final polished experience. He is an evangelist of data driven design and uses that to inform everything he does. He uses that data and research to support and defend his design decisions and is able to communicate that well to stakeholders. Jatin is a rarity in the UX world being skilled at both research methodologies and high fidelity design output. He is quite a perfectionist and wants to create the best experiences he can while pushing conventional boundaries and advocating for the user. Though Jatin is no longer on my direct team I still seek out his advice and hope to work with him directly again in the future."
Keith Farb, Principal Experience Strategy Manager at T-Mobile
"Jatin is a talented UX designer with a strong growth mindset who is always eager to learn and grow his skills. Jatin was a member of the team responsible for dramatic improvements to the MySprint mobile application transforming it from a simple care app to a comprehensive tool that dramatically increased functionality and usability that ultimately increased adoption and digital sales. Jatin’ s talent and resiliency were essential during Sprint/T-Mobile’s response to the Covid Pandemic to quickly redesign the payment arrangements journey to better accommodate our customers’ needs."
Chris Hamblin, VP of User experience at Fidelity Investments
"Jatin was not only a pleasure to be around but also a library of knowledge within the UX realm. Just by talking and working with him on a daily basis ensured that I would without a doubt come home with a new bit of knowledge that I didn't have prior. He loves the UX process and he's a great advocate to have on your team when it comes to planning and designing. He can take critical feedback, he knows how to check his bias and he questions everything that he lays eyes on. Any company would be lucky to have him."
James McLain, UI/UX Designer at K12 Insight
"Jatin Gupta did usability work for a project examining the use of ridehailing services by people with vision impairments. His work included both working on the research design and conducting the actual field research. Jatin has a knowledge of accessibility issues, and the experience of conducting UX work with people with disabilities. In this specific case, his work took place in a low-resource field scenario, which involved the need to be agile on adapting the research design and logistics on the ground. Jatin is a solid and patient design thinker. In my teaching and research work with Jatin, I felt that a cultivated discipline was being truly attentive -- when he works on one thing, his entire focus on that alone. This makes him a very good listener and documenter of issues in a real world UX evaluation."
Prof. Joyojeet Pal, University of Michigan School of Information
A Payment Arrangement allows eligible customers extra time to pay their past due balance, while still enjoying uninterrupted service.
Current ScenarioHow can we make the overall experience of using the Payment arrangement feature more clear and intuitive for users?
User and business goalsOur understanding of the target users came primarily from finance and customer service teams, based on their observations over the years.
To identify how other companies handle our 2 biggest pain points: the placement of the Payment Arrangement feature and messaging related to it, a competitive analysis was done.
This included looking at our direct competitors like T-Mobile, AT&T, and other utility companies like Dominion Energy or Cox communications.
Incorporating these approaches, I came up with a somewhat simple flow to make a payment arrangement.
At this point, we wanted to check how well our design direction is addressing the initially identified problems. Thus we decided to conduct a user research study with the following objectives in mind:
The study was conducted in an unmoderated manner using UserZoom.
Main Dashboard - For users, familiar with the Payment arrangement feature, we added an explicit call out to set up a payment arrangement. For all other users, they can click on Make a Payment.
Pay Now: Need More Time - When the users are past due on their bill, Need More Time starts a Payment Arrangement flow. In all other cases, it allows users to schedule a future dated payment.
Payment Arrangement Messaging - We presented the messaging in a list format. The heading of the list item explains the gist of the information and the description was limited to 2 lines. We also added icons for quick recognizability.
Payment Details - A summary of the payments including amount and dates.
Calendar - Since this entire flow deals with giving extra time to the users, the calendar is the central piece of it all. It clearly depicts the due date, the dates available to make a Payment Arrangement, and the selected date.
Usability evaluation and redesign
The publish module within Engage - the survey creation tool of K12 Insight, was a cause for concern due to too many methods of sharing. Additionally, the feature was also cumbersome, demanding a minimum of 4 steps from our users including several questions within to pubish a survey. A hefty demand leading to a hefty dropout rate. It was clear that a redesign of the sharing workflow was needed so that users could launch their surveys as seamlessly as possible.
Note: Since this was an extremely long project, I would only share the workflow of sharing by email. If you’d like to see other workflows, please reach out via email and I’d be happy to share.
Initial GoalMake sharing of a survey easier and faster.
TeamI was the sole designer working on this project along with the project manager and the CEO. Overall the project took around 3 months to complete.
Project constraintsThis was the first iteration I came up with but it was rejected because we are using a similar structure in our dashboard screen where the interactions are completely different. Thus in order to maintain consistent interactions we ended up not using this.
This iteration was rejected purely due to aesthetic reasons. We wanted to move towards a more modern approach of going for a borderless layout and using whitespace to separate out elements.
Both the iterations here were rejected as these gave the impression as if you are filling up a contact form rather than scheduling an email. Additionally, we wanted this part of the workflow to be as familiar to the users as possible.
Being a really long project, it is being shipped in phases and will be shipped entirely in a year or may take even more time.
ReflectionAR game design
To come with a prototype for a game that is fun, engaging, conveys all the learning points and can be tested with the kids at C.S.Mott children’s hospital.
My roleThis is the actual kit used by Type 1 diabetic kids. Just by looking at the kit it can become extremely overwhelming for a 8 year old kid.
An insulin pump: currently used by Alexis to calculate the amount of insulin ot give herself.
Glucagon: Whenever the patient’s diabetes becomes too high and gets out of control, glucogon is injected into them to get it back to normal. But it has to be done by someone else.
Educational material provided is too much for a kid to grasp and remember.
We worked in 2-3 week design sprints following a strict agile methodology. At the end of each sprint, we tested the prototype with a participant.
During the sprint, we started off with a brainstorming session, sketching the level design and then prototyping the same in Unity.
Rather than having conventional pets, we decided to have a dragon as a pet.
Having a mini game where the kids would toss the food to boards with a random set of numbers with one of the number being the correct carb amount of the food.
Helping the kids, plan a meal of 100 carbs by making it as a mission of the level
Introduced a timer to have a sense of urgency and a Health Bar to get an accurate feedback of their actions.
Have a set of fireworks to have a sense of accomplishment when a kid completes the level.
The first level acted as a tutorial for the kids in order to adjust them to the game settings.
Explaining the basic concepts such as target blood sugar level, to the kids.
Making the kids remember the carb amount in a food using practical scenarios.
For conducting usability testing of the game, we tested it by making the kids play the game before we received it with the one that we received afterwards and having them take a survey. We conducted this test with 6 target (or close) users.
A list of questions we asked the kids while conducting usability test to measure our initial goals.
After compiling the results of the survey, we were able to increase the engagement by 2.5% and the educational value by 5%.
Next stepsWe had started with the design of next level but due to time restrictions there were many things we would have liked to do but were unable to complete.
Usability evaluation
The Honors program is a department within the College of Literature, Science and the Arts at the University of Michigan. This department maintains the LSA Honors website, which contains information for prospective and current students, faculty and staff, and alumni.
ContextThe Honors program recently shifted its website to a new Content management system. Thus the staff is forced to transfer all the information from the old website to the new website template which has caused problems in the way information is organized and presented.
This problem exacerbated when the number of emails from students unable to find information on the website; to the Honors staff increased. Thus, the staff realized the potential usability issues with the website including confusing navigation and text heaviness on some of the pages.
My roleAs we started, we had the goal of making the LSA Honors website more usable and useful for current students.
Success criteriaReduced number of emails from current students, asking about the information already listed on the website.
ScopingUpon recommendation from the client and the current students being the major users of the website, we decided to narrow down our scope and focus only on the current students’ section.
Method #1 : Interaction Mapping
A static representation of the LSA Honors website highlighted all the possible action states and thus any navigation issues (if 2 actions lead to the same place) with the website.
Method #2 : Interviews
We conducted interviews with 5 current LSA Honors students to find out about the kind of information they look for and the methods employed by them in order to find it.
Method #3 : Comparative analysis
Through this, we wanted to see how other similar websites handle the issues related to information hierarchy, navigation structure etc.
Method #4 : Surveys
To find quantitative data about the information seeking behavior and the overall attitude of current students towards the website. Received a total of 28 responses.
In person help was the most frequently utilized method for finding information on the LSA Honors website.
Method #5 : Heuristic evaluation
Our goal here was to identify usability issues and areas where the site could be improved. We used heuristics like Visibility of System Status, Consistency and Standards, accessibility etc. to conduct our evaluation.
Using WAVE Accessibility system detects issues such as missing alt text, empty heading and links, problematic alt texts, etc.
Method #6 : Usability testing
We conducted usability tests with 5 current students to identify how several features of the website like top-level and side navigation menus, quick links, search bar, accordions, headings etc. are helping the users to find the information they are looking for.
Due to large amounts of text on pages, users used Ctrl+F (browser find functionality) to look for information.
Main findings and recommendationsFinding #1
Navigation terminology could be improved: Information about some topics could be found at more than 2 places which makes it hard for the user to remember where to find it. Also, when asked to find out about the Sophomore Honors award, all our usability test participants looked under Honors Awards and Grants page, which is understandable. However, the information is located under the Sophomore students page or the Honors requirements page.
Recommendations for finding #1
The Graduation for Honors Majors page talks in great detail about the process of completing an Honors Thesis, which is something that users may not be able to guess from the page title.
Finding #2
Unclear information hierarchy on a page, which makes the pages hard to skim and thus relevant information being buried in a heap of text.
Recommendations for finding #2
LSA Sweetland writing center’s website uses bold texts and headings which makes it really easy to locate information.
Finding #3
Accessibility issues - Recently, University of California Berkeley was asked to take off some of its free educational content as it was not accessible to people who were blind, deaf or hard of hearing. Read the complete article here. Owing to that, we checked the website for accessibility standards and found several issues:
Using WAVE Accessibility system detects issues such as missing alt text, empty heading and links, problematic alt texts, etc.In addition, Heading levels are often skipped, and b tags are often used instead of h headings, which keeps screen reader users from skimming the webpage.
Recommendations for finding #3