
Project Date :
July 2016 ( 2 week)
Platform :
Web platform
Goal
The project aim is to re design the passport website in order to look into a specific task, the task set for this project is applying for passport as 1st time user.
Problems in the Existing System determined by Usability test on the current system
Unstructured information Architecture
Usability test on current system
Current System test
Usability
Test
A quick usability test was performed on the existing system with regard to the task of Applying for new passport. The test helped us to understand the problem areas in the current system. This test was performed on 6 people each of which were 1st time user
Learnability
Failed Usability test in terms of Learnability, effectiveness, errors, satisfaction, efficiency and memorability
System is not designed in a task oriented manner
Visually unstructured and not appealing
Efficiency
Effectiveness
How easy is it for users to accomplish basic task for the first time they encounter the design.
When users return to the design after a period of not using it, how easily can they reestablish proficiency?
Once users have learned the design, how quickly can they perform tasks?
How many errors do users make, how severe are these errors, and how easily can they recover from the errors?
It is a measure of how well the website does what it is designed to do.
How pleasant is it to use the design?
Memorability
Errors
Satisfaction
Result of the Usability
test
![]() Learnibility | ![]() Efficiency | ![]() Effectiveness |
---|---|---|
![]() Memorability | ![]() Errors | ![]() Satisfaction |
One of the initial step after testing the old passport website was to understand the task assigned, ie creating a new passport for 1st time user. The main agenda was to jot the pain point and the the task user needs to perform in order to accomplish this task
Task flow
Process for re-designing
Creating Task flow and understanding pain point
Understanding touch point
Redesigning Information Architecture
Usability Testing for Existing system
Process followed
Redesigning the Website for assigned task
Testing the new design


Information Architecture
After analysing the task and the website it was clear that information architecture of the website has to be redesigned based on the task. This performed by understanding user needs and clustering the data accordingly.

Initial rough planning of the information architecture by understanding the current structure and redefining the new structure.
The final plan of the Information Architecture

![]() Home PageDividing the page based on Most important information 1st and followed by the least important information | ![]() Home PageExplaining the selection colour , typography and Layout for the webpage. |
---|---|
![]() Icon, emotional and data clusterinReasoning the selection of colour, icon and clustering of information | ![]() Login and Registration pageThe design of the login page, |
![]() Application form | ![]() Application Completion |
![]() Preview pop up window | ![]() Preview check |
![]() User feedback |
Final Concept
As a good Ux designer, Everything you design should be justifiable and reasoned out. The images below are the High Fidelity Screens of the website redesign with the reasoning of the colour, icon, data clustering, layout and most element of the design.
Reasoning
Hi Fidelity
Screens
![]() Home Page | ![]() Sign In or Login Page | ![]() Registration Page |
---|---|---|
![]() Application Form | ![]() Validation and Process of Application Form | ![]() Preview Page |
![]() Form Completion and Confirming to proceed by seeing preview | ![]() User Feedback page |