An Immersive Learning application that helps your child learn beyond books
How might we encourage “Out of syllabus” subjects and provide imprinted experiences that help kids build early career hobbies by learning and exploring through an interactive medium
ROLE
Research
UX/UI
App Design
TOOLS
Figma
Illustrator
Photoshop
TEAM
Mentor :
Shawn Sprockett
DURATION
3 weeks
Old Design
This login page for the internal portal is used by millions of TCS associates all across the globe and is the hub of all general administrations like timesheet, salary, HR management etc
Observational User Testing
Aim : To understand users preference of the authenticator app over using passwords everytime they login
Task:
Login to Ultimatix
"Oh! A new option to login. What is authcode"
"Looks like an OTP login. But where do I find the code?"
"Not another app please"
Goalsheet
Fill sheet according to the goals provided by the manager to be discussed during 1:1 appriasals
Need:
Quick access to personal payslips and PF documents in one place
What I did:
-
Understand the user audience and their usage of the Documents from the portal
-
Analyze the priority used features and the frequency of downloads
-
Created a quick navigation flow to set a hierarchy of features for an optimized application
-
Designed the visuals for the application
TAKEAWAYS
A large scale collaboration with various teams involved in the product lifecycle, helps you learn so much in order to make it efficient as well as understanding different expertise and mindsets
Collaboration is always fun
Dashboards are one of the most challenging designs, to maintain clear layout with the large amount of data it provides. Thus, strategizing data visualization really helps in creating a easy accessible dashboard
Dashboards can look visually appealing too
Confidence is the key
Being a designer, you always have to convince and convey the needs of a design process and the reasoning behind it. And years of study and experience, helps you confidently justify the elements of design and the ability for it to create a good user experience,
GAZE
An Immersive learning application that helps a child learn beyond books
ROLE
Research
UI/UX
App Design
TOOLS
Figma
Illustrator
Photoshop
TEAM
Mentor :
Shawn
Sprockett
DURATION
3 weeks
TCS Enterprise Applications
SaaS Enterprise applications such as Appraisal Portal, Salary Application, Search bar database research, Login page redesign along with training sessions
Lead Designer
Web applications | Mobile applications | UI/UX | User Research
Challenges introducing authcode
Install a new application on your personal device
Access your device and open the phone each time you login
Cannot copy paste the code from a mobile device to the web portal
Dropdown selection
As a part of the company's security policy, every employee receives a notification to update their password every two weeks. This adds mental load for the employees to think of a new password every week that has not been used before.
Additionally, increasing load on the IT team as well to send constant reminders or receive constant requests of being locked out of their portal due to wrong entries.
Why the authcode?
"Updating my password every 2 weeks is a complete hassle"
32 out of 40 users that we interviewed, agreed to this statement
#1
Ultimatix Login Page Redesign
Redesign the current login page for our TCS internal portal that encourages employees to use the Authcode login method over Passwords
Introducing authcode with our own Ultimatix Authenticator App
A one time generated 6 digit code
The best part :
No more remembering 100 passwords
But what about the challenges ?
We asked our users again, this time introducing the authenticator app.
Next Step?
Due to the constraints of time and the urgency of replacing password logins to prevent the large number of calls our IT department received, we decided to progress with the Authcode development and merge it with our current system, further improving the visual language of our page.
Challenges with the Visual design
Need to introduce the authcode login method
Lacks energy and excitement for an employees for whom it's a portal to be accessed everyday
Doesn't align with the Company's main page visual layout
Poor use of the page's real estate
After multiple iterations...
"Illustration looks great"
Customized vector illustrations, that match with the brand language and palette of the company's brand
"Authcode option looks more visible"
Using the power of color hierarchy to emphasize the authcode option over the password button eventually completely removing the password option once employees get a hang of authcode
Final iteration
Similarity to the company's main page portal
Layout familiarity helps users in understanding functionality and usage as well as helps maintain the visual language of the company
What we achieved
20%
80%
Increase in Authenticator app downloads within a month
3x
6x
Reduction in the number of IT complains received by the team
Appraisee - View band
The primary feature for the employees is to view their grade bands that have been recieved over the tenure of their years worked in the company
Band dashboard
Dropdown to select year
Message prompt with the band recieved
My Responsibilities
Collect and analyze user stories to converge on the list of features
Execute card sorting with each user to decide user flow
Create wireframes and design the visual language for the portal
Feedforward
Feedback for the employee on the basis of their trainings and general involvement
Ultimatix
Ultimatix is an internal hub for TCS employees in 149 locations across 46 countries. It hosts 200+ applications like Leave, Helpdesk, Tax & Compensation, Timesheet, Appraisals, etc.
Key projects I worked on
TEAM
Ultimatix CoE User Experience
Provide final launch permissions to products by checking the heuristic principles followed and the maintenance of design system
End-to-end User Research and Visual designs for new or existing enterprise products as the user needs keep changing.
My Responsibilities
Facilitate monthly trainings for cross functional teams to discuss design needs, do's and dont's and the best ways to collaborate
Process
Prepare open ended questionnaires and recruit users of different age, role, experience, location etc
Conduct Interviews and Observational research through situation based tasks
Build user stories for each archetypes to understand pain points and opportunity areas through affinity mapping
Brainstorm features and build wireframes for each use case
Build a prototype to perform A/B testing at this stage to understand navigation
Explore mood board styles to set a visual language for the product, but maintaining the design system of Ultimatix
Create all screen visuals and send it across to the development team with specifications
Mark the checklist of heuristics followed and design system maintenance
Beta test to assess product performance
Reiterate till the product is ready for final launch
Highlighting 2 key projects
Ultimatix Login Page Redesign
Redesign the current login page for our TCS internal portal that encourages employees to use the Authcode login method over Passwords
Role :
Visual Design - Kriti Gohil
User research - UX researcher, Kriti Gohil
Appraisal Dashboard Redesign
Create the user flow and visual language for our new appraisal dashboard, consisting of 9 different audiences
Role :
Visual Design - Kriti Gohil
User research - UX researcher, Kriti Gohil
#2
Appraisal Dashboard Redesign
Create the user flow and visual language for our new appraisal dashboard, consisting of 9 different user groups.
Band Distribution
Primary feature for the appraisee
Unit HR - Promotion Responsibility transfer
Another primary feature for the employees is to view feedback from their managers and reviewers on the basis of their trainings and involvement as well as fill goalsheets according to the goals specified so as to help determine their final band grade
Employee details
Transfer responsibility to new manager
Employee name is sent to the Unit HR head for acceptance
Give single comment to multiple employees
Multiple selection
Take action for employee promotion
Appraisee - Feedback and Goalsheet
Another primary feature for the employees is to view feedback from their managers and reviewers on the basis of their trainings and involvement as well as fill goalsheets according to the goals specified so as to help determine their final band grade
Feedback page with color codes to understand status
Goalsheet to be filled by employees
Transfer Responsibility
Search for an alternate employee/manager to hand over the promotion responsibility
Take action towards promotion request
Apply single comment for multiple selection
My Documents
Design a "My documents" application to make the payslips more accessible at your fingertips and visualize a new language.
Survey Max
Designed an online TCS survey portal for all employees to access during the exit interview stage post resignation