Nadakacheri / Government Issued Certificates
Dated: Oct to Nov, 2022
Platform: Website - Desktops, Mobiles, Tablet
Built on : Adobe XD
What...
A mobile website that simplifies the application process for government issued certificates. This will serve as a sister website to the main website.
Why...
The Nadakacheri website is extremely vast and difficult to use with so many information about state projects that finding the right path to apply for certificates alone is challenging.
My role
As a part of the third studio project of the Google UX Design Course, this entire project was designed by me which involved user research, ideating, prototyping and testing.
User Flow
The user flow helped determine stages where applicants can go back and forth during fi=orm fillup and stages where they cannot due to security concerns.
Main User Flow
​
The main user flow shows the entire process from login to submission of an application form. The screens that appear during the application process has stages where information can and cannot be saved depending upon the information provided.
Review Application Status
​
Once an application is submitted, the user can download their form once the application is approved. This process usually takes a few weeks and in the meantime, the applicant has the option of checking on the status of their application.
The Design Process
User Persona
​
Forming a user persona was quite challenging as people who have used the existing website as well as those who prefer physically submitting applications were interviewed. The main goal was to create a product that can serve both user types.
Confusion
In the main website, it is hard to track down the process of applying forms since there are so many other features. This confusion is discouraging for users.
Preferences
Users have to feel more comfortable using the website over applying manually at govt. offices, thus, reducing the load on office staff.
Security
These forms may contain sensitive information and users need to feel secure enough divulging such information on an online platform.
User Pain Points
​
A compilation of the commonly occuring frustrations that people face when applying for a form. These pain points will be a key factor in defining the problem.
Crazy 8's
​
In order to come up with a solution to address the issue of confusing applications and forms, some ideation techniques were explored but the one that was proven successful was the crazy 8 exercise. This exercise also helped mapping some of the future scope for the product.
Paper Wireframes
These paper wireframes were created using the user flow as a backbone. Drawing the wireframes also helped solve flaws in the user flow. Each screen was drawn with 3-5 different patterns and iterations. The finalised screen was always a combination of the best features that could be included from each iteration.
Digital Wireframes
​
Finalised paper wireframes were transferred to digital format. The digital format helped understand scale and proportions down to minor details. This is also the stage where typography, heirarchies and shade values can be deternimed. The digital wireframes were then converted to Lo-Fi prototypes, ready for usability testing.
Affinity Diagrams
​
The observations noted down during usability testing were prioritised into sections of the design that participants had the most trouble with. This exercise helped identify the themes of problems that interfere with the user flow.
Save Information
A saving option in different stages is needed to ensure ease of completing application at the users' convenience.
Navigation
Some screens must have the ability to go back and forth while some screens must be exclusively locked in for security purposes.
Course Tracker
Some stages of a page must not be made available unless filling the previous section.
Usability Study Findings
​
A usability study was conducted on 5 participants with the Lo-Fi prototype. The users had to complete 2 tasks and their reactions, process and hesitations were all recorded and compiled using affinity diagrams and narrowed down to three main problems.
Sitemap
With the website for the mobile version completed, I began transforming my designs into larger screen sizes namely tablet and desktops. The sitemap is very linear and follows the main user flow which has multiple points of access.
Desktop
Tablet
Progressive Enhancement
With the emergence of the next billion users, predicted to be mobile users it was essential to follow the process of progressive enhancement where the smaller screens are designed first and later adapted into larger screen sizes.
Existing Main Website
Buttons and Fields
Proposed Colour Palette
Typefaces
Prototype link
Please use the link below to try out the interactive version of this website.