A little bit about me
Hi, my name is Jatin! I am a self-motivated and action-oriented product designer based on planet Earth in the solar system of Milkyway galaxy.
With a diverse set of experience that includes augmented reality game designer/developer, UX/UI designer, UX researcher (accessibility) and UX/front-end developer, I try to come up with unique solutions keeping various different perspectives in mind.
I appreciate good problems and always look to find the most challenging problem to solve. My goal is to create interfaces that are engaging (taking principles from game design), accessible (everyone in this world is disabled at some point in their lives) and technically feasible (I was a UX developer before).
Some random facts about me:
Connect with me: I am always down to meet over a cup of tea and talk about design. Or sustainability or finance or anything related to fitness. I would love to know more about you as well.
Usability evaluation and redesign
As a UX/UI designer at K12 Insight, I worked as the sole designer for Engage - a survey creation tool. It is used by 3 sister companies with a completely different set of users - K12 Insight (catering to school districts), Zarca interactive (corporate clients) and SoGoSurvey (DIY users).Context
The publish module within Engage was a cause for concern due to numerous methods of sharing that the platform had. More specifically, users were unsure which sharing feature to use and when. Additionally, the feature was also cumbersome, demanding a minimum of 4 steps from our users that included several questions within. 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 Goal
Make sharing of a survey easier and faster.Research
Through this design, I was able to reduce the number of steps from 21 to 4 while maintaining all the core functionalities. This shows the amount of redundant methods present currently and how it easily confuses the user.Design - Sharing via email
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.Reflection
Usability evaluation and redesign
The main account settings in Engage: survey making tool at K12 Insight, has too many settings provided with no particular order. When it comes to finding a particular setting, it takes a user to scan through the entire side menu and make an intelligent guess, to get to what they are looking for. Additionally, some of the settings tabs had too much information without laying emphasis on anything in particular.
I was the sole designer working on this project along with the project manager and the CEO. Overall the project took around 3 weeks to complete.Research
K12 Insight was not in favor of doing user research due to a previous bad experience as well as financial reasons so I had to rely on other ways to do my research and making sure I am solving the right problem.
Note: There were a lot of small issues identified and reworked on but to keep this case study concise, I will mention some of the major usability issues identified and resolved.
The designs were discussed with the PM team as well as the developer team to see if they could point out any loopholes or any part that we may have missed.
All the designs went live with Engage 17.0 on June 21, 2019 and can be accessed by creating an account on SoGoSurvey.
AR 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 role
This 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 steps
We 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.
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.Context
The 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 role
As we started, we had the goal of making the LSA Honors website more usable and useful for current students.Success criteria
Reduced number of emails from current students, asking about the information already listed on the website.Scoping
Upon 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 recommendations
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.
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.
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
Memorabilia is a novel social computing application which allows people to share memories at a particular location anonymously. Our team created this app concept as a part of the course: Developing Social Computing at University of Michigan.Why is it a problem?
The university of Michigan diag is a very popular place on the campus showcasing a big M and offers a very scenic view of the different campus buildings around it.Figured out the problem yet?
Devising and designing a novel social computing system, validating it and then developing and deploying the same on Amazon AWS.My role
Thus we began brainstorming into potential ideas for sketching and came up with a preliminary set of sketches to lay out the design of the idea.Brainstorming
We tested the main features of the app by showing users wireframes and asking questions like interesting features, kind of memories, sharing memories with anonymous users.
Based on the concept testing, feedback from other designers and considering the timeline of the project, we defined the scope to reach the MVP.
Thus we focussed on 3 main features of the app, that covers and explains the important aspects.Feature #1: Ability to create a memory at any location
This feature allows users to create a memory at a particular location which can be accessed by anonymous users. We also gave the users ability to tag the memories as from our research we found that: Memories are multifaceted (moments, long term, different representations).Feature #2: Discover memories at a particular location
From our research we found that: Location is worth a 1000 stories. So in order to incorporate that as well as being the USP of our app, this feature allows users to access memories created at a specific location by anonymous users.Feature #3: Collection of memories created by a user over time at different locations
Based on our research, personal (unusual, identity) experiences matter. Thus another important feature we added was to allow the user to have a look at all the memories created by them throughout their lifetime.Learnings from the process
Some of my graphic design works. Complete collection can be found here.