Login Page
For the sign-in page, we decided to have a dedicated Facebook and Google account sign-in page to help create a convenient way for users to create and access their accounts.
COVID-19 and quarantine have left many feeling confined and isolated from the outside world. When people feel this way, they often socialize or travel to get out of the house. Due to Travel restrictions and safety recommendations have made them difficult to partake and left people feeling stuck at home. We set out to help people explore and travel locally while also abiding by safety protocols to improve their mental health.
Despite the government's best efforts to help contain the spread of COVID-19, people around the world are not used to adjusting their lifestyle. However, many were determined to maintain some of their lifestyle while abiding to COVID - 19 Restriction. The Solution my team designed, would be Share location app would allow Users to explore safety and avoid High-Risk area.
Despite the government's best efforts to help contain the spread of COVID-19, people around the world were not used to these adjustments. These sudden changes have made traveling and other various activities difficult and left people feeling stuck at home. however, some businesses have been able to adapt to the changes such as grocery stores, brick and mortar stores, restaurants, and public spaces by changing their way of operations to mimic physical interaction. Examples include online shopping, roadside pick up, and virtual events.
How might we statement:
How might we design a solution to help the Users "adapt" and "feel comfortable" to these new COVID-19 restriction but also "abide the safety protocols."
My responsibilities throughout the project I collaborated with other UX designers and help conduct research and provide good designs to help meet our objective.
Using Google survey, we hope to collect enough quantitative data to understand how COVID-19 restrictions are affecting everyday lives.
Based on surveys received, out of the 18 Response the result uncovered 3 factors occurring during the pandemic.
Mental Health was affected by COVID-19
83.3%
Travel was happening more locally
55.6%
The use of a navigation app was always present when traveling
77.6%
In the ideation phase, the team did a competitive analysis to assess how others navigation apps were design and function. So we can learn what we can take for it and implement it into our design.
In the building process, my team and I established a user flow to help break the possible paths our users would engage in and spot issues along the process.
Sketching helped my team and me to generate ideas more fluidly and creatively without any constrained. After the sketching exercise, my team and I discuss it amongst each other designs, which we cast our votes to decide the direction we wanted to go.
Before building, each member cast their vote on the different ideas generated from the Crazy 8s exercise. Then each member was assigned a section of the app to design.or user testing. Then each member was assigned a section of the app to design.
Once we were ok with the decisions, we began developing the prototype in Figma for user testing. Then each member was assigned a section of the app to design.
Based on the results of the guerilla UX testings, there was a combination of positive and negative feedback. Users found the app very useful, however, some felt that it was confusing to use.
Feedback:
"I'm having trouble understanding the direction of how this range meter works?"
Feedback:
“Maybe show a meeple to show several people are within their area.”
“Set up a way to filter the information output. Not random, sort by safety or closest.”
Feedback:
“Hey, do you need a mask when you are around people or in some places do you need to always wear a mask?”
Feedback:
“Information is always being updated, so maybe provide a notification when information is updated.
"Example: Social distancing is now Physical distancing.
Feedback:
“Status indicator could be improved to differentiate the high risk or low-risk zones.”
Feedback:
“I feel the Instagram posting process to be confusing because some may prefer a textbase.”
“Maybe a way to transfer information, it could be either text or audio clips that could help.”
During the pandemic, it was oblivious conducting user testing would become difficult. So my team and I looked into guerilla UX testing methods and modified them to be online. We would invite people from online chat groups, friends or families to volunteer, and by using Figma, we shared a link of the prototype and observed their reaction over a video call. Once enough data was collected, we spend time analyzing the user feedback and reiterate to improve the app.
One of the most noticeable challenges for this case study was working around the COVID-19 restriction, which has left many feeling confined and isolated, resulted in a toll on their mental health. Our team had to create an inventive solution to conduct our study and user testing.
Fortunate, there were pre-existing online tools such as Slack, Google meets, Google survey and Figma available online to help the team communicate and collaborate. Having these tools available allows us to widens the range in collecting data and making user-testing more accessible. For example, using Figma, we could send them a link to the prototype to our participle and communicate with them on a video call.
Another thing we wish we had the opportunity and resources to fully develop a working prototype and observe how the application interacts in the real world. In the end, this project was indeed awarding for us; cause it allows us to explore new and inventive options to conduct our case study.
UX Designer
Kevin Huynh
Julia Guerin
UI Designer
Kevin Huynh
UX Researcher
Julia Guerin
COVID-19 and quarantine have left many feeling confined and isolated from the outside world. When people feel this way, they often socialize or travel to get out of the house.
Due to Travel restrictions and safety recommendations have made them difficult to partake and left people feeling stuck at home.
We set out to help people explore and travel locally while also abiding by safety protocols to improve their mental health.
Despite the government's best efforts to help contain the spread of COVID-19, people around the world are not used to these adjustments.
However, most businesses have been able to adapt to the changes such as grocery stores, brick and mortar stores, restaurants, and public spaces. They have adapted their way of operations to mimic physical interaction.
Examples: Online shopping, Roadside pick up, and Virtual events.
In the beginning, we based our problem statement on assumptions of how the world is reacting to COVID-19.
Despite the government's best efforts to help contain the spread of COVID-19, people around the world are not used to these adjustments.
However, most businesses have been able to adapt to the changes such as grocery stores, brick and mortar stores, restaurants, and public spaces. They have adapted their way of operations to mimic physical interaction.
Examples:
- Online shopping
- Roadside pick up
- Virtual events.
Despite the government's best efforts to help contain the spread of COVID-19, people across the world are not used to these adjustments.
However, most businesses have adapted to the change, such as grocery stores, brick-and-mortar stores, restaurants, and public spaces by limiting Capacity level of operation to minimize physical interaction.
Examples: Online shopping, Roadside pick up, and Virtual Events.
Using Google survey, we hope to collect enough quantitative data to understand how COVID-19 restrictions are affecting everyday lives.
Using an affinity map, we were able to layout our initial findings and discover key findings from the quantitative data.
Based on surveys received, we uncovered 3 factors occurring during the pandemic.
Based on surveys received, we uncovered 3 factors occurring during the pandemic.
- Mental health was affected by COVID-19.
- Travel was happening more locally.
- The use of a navigation app was always present when traveling.
In the ideation phase, the team did a competitive analysis to assess how others navigation apps were design and function. So we can learn what we can take for it and implement it into our design.
To begin the ideation phase, we did a competitive analysis to get a glimpse of how navigation apps are designed and function, along with what technology is available.
In the building process, my team and I established a user flow to help break the possible paths our users would engage in and spot issues along the process.
Sketching helped my team and me to generate ideas more fluidly and creatively without any constrained. After the sketching exercise, my team and I discuss it amongst each other designs, which we cast our votes to decide the direction we wanted to go.
Once we were ok with the decision we made, we began developing the prototype in Figma for user testing. Then each member was assigned a section of the app to design.
For the sign-in page, we decided to have a dedicated Facebook and Google account sign-in page to help create a convenient way for users to create and access their accounts.
When first-time users start up the app, it will initiate a carrousel introduction to help explain and guide the users about the app.
The Homepage is where the users can search for the destination they want to visit or areas near them. Other features would include the application began tailoring destinations base on the users' preference.
In the image on the right, we set an information pop to help notify users' about the COVID-19 protocol they should follow when travelling. Using clear visual icons will help effectively communicate the information and reduce cognitive load.
Using geofencing technology would create a virtual parameter where travellers can check or receive the up-to-date status of their location. It would allow the user to access information from any particular location on a map where can be targeted by using GPS or RFID technology.
The COVID-19 button will allow the users' to view COVID-19 hotspots and track congestion areas.
Using the Navigate button User can search up area base on pre-excited area or place other users' have suggested.
We chose to have the dashboard flow vertically downward, so the users' can view all the information on mobile devices with ease.
Features include:
- Traffic congestions
- Status of COVID-19 cases
- Look up direction
- View review and post review
Using familiar navigation design in other applications like google map and apple maps will reduce user time in setting up routes and destinations.
We also added an option where users can share and rate their experiences for others to enjoy but also provide more information about the location.
For the sign-in page, we decided to have a dedicated Facebook and Google account sign-in page to help create a convenient way for users to create and access their accounts.
When first-time users start up the app, it will initiate a carrousel introduction to help explain and guide the users about the app.
The Homepage is where the users can search for the destination they want to visit or areas near them. Other features would include the application began tailoring destinations base on the users' preference.In the image on the right, we set an information pop to help notify users' about the COVID-19 protocol they should follow when travelling. Using clear visual icons will help effectively communicate the information and reduce cognitive load.
Using geofencing technology would create a virtual parameter where travellers can check or receive up-to-date status of their location. This would allow the user to access information from any particular location on a map that can be targeted by using GPS or RFID technology
Using the Navigate button User can search up area base on pre-excited area or place other users' have suggested.
The COVID-19 button will allow users' to view COVID-19 hotspots and even track congestion
When design the dashboard we had it flow vertically downward so the users' can view the information on mobile devices with ease and not clunky.
Features include:
- Traffic congestions
- Status of COVID-19 cases
- Look up direction
- View review and post review
A Simple navigation dashboard to display the routes and distances where the user going to the destination.
Users can also share and rate their experience for others to enjoy.
During the pandemic, it was oblivious conducting user testing would become difficult. So my team and I looked into guerilla UX testing methods and modified them to be online. We would invite people from online chat groups, friends or families to volunteer, and by using Figma, we shared a link of the prototype and observed their reaction over a video call.
Once enough data was collected, we spend time analyzing the user feedback and reiterate to improve the app.
One of the most noticeable challenges for this case study was working around the COVID-19 restriction, which has left many feeling confined and isolated, resulted in a toll on their mental health. Our team had to create an inventive solution to conduct our study and user testing.
Fortunate, there were pre-existing online tools such as Slack, Google meets, Google survey and Figma available online to help the team communicate and collaborate. Having these tools available allows us to widens the range in collecting data and making user-testing more accessible. For example, using Figma, we could send them a link to the prototype to our participle and communicate with them on a video call.
Another thing we wish we had the opportunity and resources to fully develop a working prototype and observe how the application interacts in the real world. In the end, this project was indeed awarding for us; cause it allows us to explore new and inventive options to conduct our case study.
