ATM
Redesigning the UX of getting a public transport card for a foreigner
Overview
For the intensive "Design for User Experience" workshop, we were given 4 days to redesign the user experience of ATM, Milan's public transport service.
The challenge
Design an enhanced user experience for individuals who are new to a city and have no prior experience with public transportation, but require a public transport card to navigate the city efficiently.
Our solution
To facilitate the process of obtaining the transportation card, we redesigned the digital touchpoint of the ATM app. In the process of doing so, we tried to solve all the main user pain points, including removing friction that was slowing down the user experience.
Project details
Type
UX design
When
2022
Role & responsabilities
Research UI design User flow
Team
1 × product designer
1× product manager
1 × graphic designer
ATM
Redesigning the UX of getting a public transport card for a foreigner
Overview
For the intensive "Design for User Experience" workshop, we were given 4 days to redesign the user experience of ATM, Milan's public transport service.
The challenge
Design an enhanced user experience for individuals who are new to a city and have no prior experience with public transportation, but require a public transport card to navigate the city efficiently.
Our solution
To facilitate the process of obtaining the transportation card, we redesigned the digital touchpoint of the ATM app. In the process of doing so, we tried to solve all the main user pain points, including removing friction that was slowing down the user experience.
Project details
Type
UX design
When
2022
Role & responsabilities
Research UI design User flow
Team
1 × product designer
1× product manager
1 × graphic designer
ATM
Redesigning the UX of getting a public transport card for a foreigner
Overview
For the intensive "Design for User Experience" workshop, we were given 4 days to redesign the user experience of ATM, Milan's public transport service.
The challenge
Design an enhanced user experience for individuals who are new to a city and have no prior experience with public transportation, but require a public transport card to navigate the city efficiently.
Our solution
To facilitate the process of obtaining the transportation card, we redesigned the digital touchpoint of the ATM app. In the process of doing so, we tried to solve all the main user pain points, including removing friction that was slowing down the user experience.
Project details
Type
UX design
When
2022
Role & responsabilities
Research UI design User flow
Team
1 × product designer
1× product manager
1 × graphic designer
Understand
During the initial day, our focus was on gaining a comprehensive understanding of the problem at hand. After the workshop challenge was introduced, we meticulously planned and prepared for the research phase within a constrained time frame. To cover all aspects, a portion of our team engaged in thorough desk research, while my colleagues and I conducted interviews with users who had prior experience related to our problem domain. These interviews served the purpose of delving deep into the pain points and requirements of our typical users, enabling us to create an initial depiction of the current user journey.
Decide
On the second day, we continued our research efforts, diving deeper into the subject matter. We gathered more data through various research methods, such as user observations and additional interviews. Following the data collection phase, we focused on synthesizing and analyzing the gathered information. This involved identifying common pain points and opportunities for improvement by clustering the insights we had gathered. By doing so, we aimed to gain a clearer understanding of the existing challenges users faced and map out an accurate representation of the current user journey based on the collected data. Sharing our findings within the team allowed for a collaborative approach in exploring potential solutions moving forward.
Design
On the third day, the focus shifted to generating ideas and brainstorming potential solutions. Leveraging the insights gathered from our research, we engaged in a collaborative ideation session. Through this process, we generated a series of innovative concepts and possibilities to solve the pain points identified by the users. After the ideation phase, we undertook a selective process, carefully evaluating and choosing the most promising ideas to pursue.
With the chosen ideas in hand, we began to shape the future journey, envisioning an improved user experience. We also took a step toward redesigning the ATM application experience by drawing wireframes, visualizing the potential layout and interaction patterns. These wireframes served as a starting point for refining and iterating our concepts, paving the way for an improved user interface.
Deliver
On the last day of the project, we focused on transforming previously sketched wireframes into high-fidelity mockup designs. Incorporating ATM's brand guidelines, we redesigned the app taking into consideration Italy's design system.
After completing the mockup designs, we brought together all the key points of our project into a comprehensive presentation. This presentation served as a cohesive narrative, summarizing the problem statement, research findings, journey mapping, ideation process, and refined high-fidelity interfaces. We took care to effectively communicate user pain points, proposed solutions, and the overall impact of our work. Finally, armed with our presentation, we presented the final pitch to share our work.
Learnings
Through the challenge of creating, developing, and testing a prototype in one week, we gained valuable insights into user experience design. Using the sprint methodology allowed us to streamline the process and validate our ideas efficiently. We tested our skills through focused research, rapid ideation, and iterative prototyping to rapidly iterate and refine our solutions. This experience demonstrated the power of collaborative, time-limited approaches to achieve tangible results and validated concepts in a tight timeframe.
Understand
During the initial day, our focus was on gaining a comprehensive understanding of the problem at hand. After the workshop challenge was introduced, we meticulously planned and prepared for the research phase within a constrained time frame. To cover all aspects, a portion of our team engaged in thorough desk research, while my colleagues and I conducted interviews with users who had prior experience related to our problem domain. These interviews served the purpose of delving deep into the pain points and requirements of our typical users, enabling us to create an initial depiction of the current user journey.
Decide
On the second day, we continued our research efforts, diving deeper into the subject matter. We gathered more data through various research methods, such as user observations and additional interviews. Following the data collection phase, we focused on synthesizing and analyzing the gathered information. This involved identifying common pain points and opportunities for improvement by clustering the insights we had gathered. By doing so, we aimed to gain a clearer understanding of the existing challenges users faced and map out an accurate representation of the current user journey based on the collected data. Sharing our findings within the team allowed for a collaborative approach in exploring potential solutions moving forward.
Design
On the third day, the focus shifted to generating ideas and brainstorming potential solutions. Leveraging the insights gathered from our research, we engaged in a collaborative ideation session. Through this process, we generated a series of innovative concepts and possibilities to solve the pain points identified by the users. After the ideation phase, we undertook a selective process, carefully evaluating and choosing the most promising ideas to pursue.
With the chosen ideas in hand, we began to shape the future journey, envisioning an improved user experience. We also took a step toward redesigning the ATM application experience by drawing wireframes, visualizing the potential layout and interaction patterns. These wireframes served as a starting point for refining and iterating our concepts, paving the way for an improved user interface.
Deliver
On the last day of the project, we focused on transforming previously sketched wireframes into high-fidelity mockup designs. Incorporating ATM's brand guidelines, we redesigned the app taking into consideration Italy's design system.
After completing the mockup designs, we brought together all the key points of our project into a comprehensive presentation. This presentation served as a cohesive narrative, summarizing the problem statement, research findings, journey mapping, ideation process, and refined high-fidelity interfaces. We took care to effectively communicate user pain points, proposed solutions, and the overall impact of our work. Finally, armed with our presentation, we presented the final pitch to share our work.
Learnings
Through the challenge of creating, developing, and testing a prototype in one week, we gained valuable insights into user experience design. Using the sprint methodology allowed us to streamline the process and validate our ideas efficiently. We tested our skills through focused research, rapid ideation, and iterative prototyping to rapidly iterate and refine our solutions. This experience demonstrated the power of collaborative, time-limited approaches to achieve tangible results and validated concepts in a tight timeframe.
Understand
During the initial day, our focus was on gaining a comprehensive understanding of the problem at hand. After the workshop challenge was introduced, we meticulously planned and prepared for the research phase within a constrained time frame. To cover all aspects, a portion of our team engaged in thorough desk research, while my colleagues and I conducted interviews with users who had prior experience related to our problem domain. These interviews served the purpose of delving deep into the pain points and requirements of our typical users, enabling us to create an initial depiction of the current user journey.
Decide
On the second day, we continued our research efforts, diving deeper into the subject matter. We gathered more data through various research methods, such as user observations and additional interviews. Following the data collection phase, we focused on synthesizing and analyzing the gathered information. This involved identifying common pain points and opportunities for improvement by clustering the insights we had gathered. By doing so, we aimed to gain a clearer understanding of the existing challenges users faced and map out an accurate representation of the current user journey based on the collected data. Sharing our findings within the team allowed for a collaborative approach in exploring potential solutions moving forward.
Design
On the third day, the focus shifted to generating ideas and brainstorming potential solutions. Leveraging the insights gathered from our research, we engaged in a collaborative ideation session. Through this process, we generated a series of innovative concepts and possibilities to solve the pain points identified by the users. After the ideation phase, we undertook a selective process, carefully evaluating and choosing the most promising ideas to pursue.
With the chosen ideas in hand, we began to shape the future journey, envisioning an improved user experience. We also took a step toward redesigning the ATM application experience by drawing wireframes, visualizing the potential layout and interaction patterns. These wireframes served as a starting point for refining and iterating our concepts, paving the way for an improved user interface.
Deliver
On the last day of the project, we focused on transforming previously sketched wireframes into high-fidelity mockup designs. Incorporating ATM's brand guidelines, we redesigned the app taking into consideration Italy's design system.
After completing the mockup designs, we brought together all the key points of our project into a comprehensive presentation. This presentation served as a cohesive narrative, summarizing the problem statement, research findings, journey mapping, ideation process, and refined high-fidelity interfaces. We took care to effectively communicate user pain points, proposed solutions, and the overall impact of our work. Finally, armed with our presentation, we presented the final pitch to share our work.
Learnings
Through the challenge of creating, developing, and testing a prototype in one week, we gained valuable insights into user experience design. Using the sprint methodology allowed us to streamline the process and validate our ideas efficiently. We tested our skills through focused research, rapid ideation, and iterative prototyping to rapidly iterate and refine our solutions. This experience demonstrated the power of collaborative, time-limited approaches to achieve tangible results and validated concepts in a tight timeframe.
Next projects
Strategic Design
Strategic design
Strategic Design
Strategic Design