PACHANKA
ROLE
UX Research & UX Design
DESCRIPTION
Pachanka can help customers determine future expectations regarding changing COVID policies and plan things accordingly. The application can provide recommendations based on data points and let users decide what is best and the condition of the event.
Pachanka is about the better experience of attending social events in the context of the pandemic. We are going through a hard time, but we still need social interaction as well as to stay safe.
Instructor
Peter Skillman, Jason Levine
Tools
Miro, Figma, Adobe Illustrator, Procreate
Duration
6 weeks (2022 Jan - 2022 Feb)
Pachanka
[noun]
Pronounced PatCH-an-ka, means street party, or unmediated reunion of people to have fun on the street.
![](https://static.wixstatic.com/media/50b2d9_3b4ec00aab974fda998d84ebe5afdc96~mv2.png/v1/fill/w_1049,h_561,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/50b2d9_3b4ec00aab974fda998d84ebe5afdc96~mv2.png)
JBTD Statement
Today people trying to engage in social events have to balance too many competing sources of information about COVID-19, especially when they are trying to determine if it is safe or not to hold or attend an event.
There is a great deal of data and information about COVID risks out there. What’s missing is a trusted way to synthesize the data and output a measure of risk. Pachanka help users determine future expectations regarding changing COVID policies and plan things accordingly. It will provide gathering recommendations based on data points and help users to decide what is the best.
Design Question
How can we make our assessments credible and reliable to users?
How do we prevent users from ignoring the risk when we have provided a relatively optimistic assessment or feeling overly stressed and anxious because of our risk warning?
Research
To understand the user needs, we conducted semi-structured interviews with social event organizers and participants around us. During the interview the participants expressed that to feel safe and secure during COVID times while attending or hosting a safe event, people may consider:
![icon 01.png](https://static.wixstatic.com/media/50b2d9_d0b87a146ab0420ebf1b587603cf3405~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/icon%2001.png)
Participants’ Health and Vacine Condition
![](https://static.wixstatic.com/media/50b2d9_c677d6bd8d504de48f468a84933af722~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_c677d6bd8d504de48f468a84933af722~mv2.png)
the Number of Participants
![](https://static.wixstatic.com/media/50b2d9_14e218b7fb924ce890d18b8d83e118c8~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_14e218b7fb924ce890d18b8d83e118c8~mv2.png)
Venue’s ventilazation
condition
![](https://static.wixstatic.com/media/50b2d9_4fb885bfebbe417eb82f053b319440e4~mv2.png/v1/fill/w_160,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_4fb885bfebbe417eb82f053b319440e4~mv2.png)
Local tendency
Persona
The MLP of Pachanka will include event organizer and the participant.
![persona01 1.png](https://static.wixstatic.com/media/50b2d9_207773f235bf4e1897c802836d8ad504~mv2.png/v1/fill/w_483,h_563,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/persona01%201.png)
![](https://static.wixstatic.com/media/50b2d9_be1b2ec79e0647e3b4be2bcf9efb25aa~mv2.png/v1/fill/w_483,h_563,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_be1b2ec79e0647e3b4be2bcf9efb25aa~mv2.png)
User Journey
We figured out 2 user flow to understand the stages, steps, and pain points for event organizers and event attendees.
Organizer Side:
![JMOrganizer-2 2.png](https://static.wixstatic.com/media/50b2d9_8b602258ab174bb4a236da3505a050e9~mv2.png/v1/fill/w_980,h_231,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/JMOrganizer-2%202.png)
Participant Side:
![](https://static.wixstatic.com/media/50b2d9_3afef59ca0974e7097e39f8fcce1a082~mv2.png/v1/fill/w_980,h_250,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_3afef59ca0974e7097e39f8fcce1a082~mv2.png)
Combining user profiles, we conceived two user usage scenarios for both organizers and participants, analyzed their behavior, and figured out possible opportunities for improvement.
![](https://static.wixstatic.com/media/50b2d9_4ee7c6414ec14f1aa5bc7c9b24ede911~mv2.png/v1/fill/w_979,h_593,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/50b2d9_4ee7c6414ec14f1aa5bc7c9b24ede911~mv2.png)
![User Journey 2.png](https://static.wixstatic.com/media/50b2d9_26b1b77c132c4cf585509e5c18ec9ee7~mv2.png/v1/fill/w_979,h_593,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/User%20Journey%202.png)
Lo-Fi Paper Prototype
Given our research findings, I came up with the Lo-Fi paper prototype that tackles the problems in our scope. I listed 7 key pages for each side and formed the red route.
Organizer Side:
![](https://static.wixstatic.com/media/50b2d9_e0e8357cd6a44c9494a57356f0b79195~mv2.png/v1/fill/w_980,h_849,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/50b2d9_e0e8357cd6a44c9494a57356f0b79195~mv2.png)
Participant Side:
![](https://static.wixstatic.com/media/50b2d9_8cb6180ba1324ca68165dafef7c58266~mv2.png/v1/fill/w_980,h_849,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/50b2d9_8cb6180ba1324ca68165dafef7c58266~mv2.png)
Wireframes
We created wireframes to develop an understanding of the features and the structure of the experience.
![wireframe 01.png](https://static.wixstatic.com/media/50b2d9_b809d136f2024d68ae5a6ebba0df3563~mv2.png/v1/fill/w_979,h_686,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/wireframe%2001.png)
![](https://static.wixstatic.com/media/50b2d9_6735d5ebfce34d2d950669f15c2f429e~mv2.png/v1/fill/w_978,h_686,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/50b2d9_6735d5ebfce34d2d950669f15c2f429e~mv2.png)
User Feedback and Evaluation
We conducted user interviews with six participants whom we asked to perform two tasks:
(1) setting up an event through the organizer flow
(2) responding to an event invitation.
Participants are asked to think aloud and describe their thought processes while performing the tasks.
Highlights from the results:
1 - The concept is confusing
“Illustration is confusion on the homepage, what does this image mean?”
“Why is it called a calculator?”
“The concept is confusing, I need help.”
Added onboarding screens
![iteration 01.png](https://static.wixstatic.com/media/50b2d9_4bb1bbaf577d4912a6f1d058279877cb~mv2.png/v1/crop/x_0,y_78,w_1541,h_1624/fill/w_432,h_455,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%2001.png)
![](https://static.wixstatic.com/media/50b2d9_7f5d2de87a4c4b13b5bee7bd86b564c5~mv2.png/v1/fill/w_394,h_398,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_7f5d2de87a4c4b13b5bee7bd86b564c5~mv2.png)
2 - The forecast data is too general
“How does getting this report, like six weeks before the event mean anything to me?”
“I don’t know what to do with 2% thing…where did that come from? What does it mean?”
“Forecast seems static and inaccurate”
Iterated risk forecast page
Before
Before
![iteration 02 01.png](https://static.wixstatic.com/media/50b2d9_984d9793dc65417d9a9390b9569fdeff~mv2.png/v1/crop/x_0,y_105,w_806,h_1667/fill/w_207,h_428,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%2002%2001.png)
Mid
![](https://static.wixstatic.com/media/50b2d9_f61620b4702840a48ae674578cf21e9b~mv2.png/v1/crop/x_0,y_106,w_806,h_1663/fill/w_207,h_427,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_f61620b4702840a48ae674578cf21e9b~mv2.png)
After
![iteration 02 03.png](https://static.wixstatic.com/media/50b2d9_cd454fd06c574248908d1c762752d78c~mv2.png/v1/crop/x_0,y_106,w_805,h_1663/fill/w_207,h_428,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%2002%2003.png)
3 - Confusion about what to do with forecast information
“How does getting this report, like six weeks before the event mean anything to me?”
“I want to cancel my event, I want to change the venue... what measures can improve the risk forecast?”
“What if I decided to cancel my event at the end, how do I do that?”
“What if there is a high risk, will your app suggest a solution?”
Added event cancellation Feature
Before
Before
Before
![iteration 03 01.png](https://static.wixstatic.com/media/50b2d9_7606888aef224a89ac212da7a39f6e5b~mv2.png/v1/fill/w_207,h_433,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%2003%2001.png)
After
![iteration 03 02.png](https://static.wixstatic.com/media/50b2d9_eeff3e3047ff48b58675210055f46a99~mv2.png/v1/fill/w_207,h_433,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%2003%2002.png)
Added Suggestions Screen
![iteration 0303.png](https://static.wixstatic.com/media/50b2d9_1f15ec8bf2e242c6ae33ce8580b7f73b~mv2.png/v1/fill/w_207,h_429,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200303.png)
![iteration 0304.png](https://static.wixstatic.com/media/50b2d9_cdec715ec76b44f2a662f9523adf0b9b~mv2.png/v1/fill/w_207,h_429,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200304.png)
4 - Plus-ones can't be added
“If my husband and I are both invited, can one of us attend and one of us not attend.”
“If I bring a guest or a group of friends with me, can I re-do the form for them? Is it different if they live in my household or not?”
“What if I want to get a friend with me?”
Added Plus-one Feature
![iteration 0401.png](https://static.wixstatic.com/media/50b2d9_f15d984d25824e0688a4b287d25631c4~mv2.png/v1/crop/x_0,y_8,w_809,h_1668/fill/w_207,h_427,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200401.png)
![iteration 0402_edited.png](https://static.wixstatic.com/media/50b2d9_b623414f3b42426494c8aa4df1c60e91~mv2.png/v1/fill/w_207,h_427,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200402_edited.png)
5 - Too Much to Read
“If there is too much to go through or commit to at the beginning itself, I might abandon the app and not use it... [It should be] ‘click, click, click’...”
“OMG there is so much to read, this is so overwhelming”
Reduce content and UX writing iteration
Before
Before
Before
![iteration 0501.png](https://static.wixstatic.com/media/50b2d9_0ec3db104e4e48ebac6cfe9e0ac33b36~mv2.png/v1/fill/w_207,h_426,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200501.png)
After
![iteration 0502.png](https://static.wixstatic.com/media/50b2d9_d867bfa8452d41058094f62b634af99b~mv2.png/v1/fill/w_207,h_426,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200502.png)
6 - Too Much to Do
“I can be asked if I am vaccinated and if I select ‘yes,’ I can be told to carry and show it at the entry. What if I finally end up coming? Then unnecessarily the app has my info, I don’t want that”
Redesign the Vaccine Requirement
Before
Before
Before
![iteration 0601.png](https://static.wixstatic.com/media/50b2d9_3919f7578a7144f4af4855de55d86fc4~mv2.png/v1/fill/w_207,h_426,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration%200601.png)
After
![iteration0602.png](https://static.wixstatic.com/media/50b2d9_e7b244f4ef284c289e22e01b64f859a0~mv2.png/v1/fill/w_207,h_426,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iteration0602.png)
Prioritization
We finished this round of UX research with a long to-do list and very limited time left in the project. We used a prioritization exercise in Miro to determine our next move.
![](https://static.wixstatic.com/media/50b2d9_b5e53fd897ff48d189b46a95a528d78a~mv2.png/v1/fill/w_492,h_514,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_b5e53fd897ff48d189b46a95a528d78a~mv2.png)
![priority01.png](https://static.wixstatic.com/media/50b2d9_39d96c2eb96c46339721f0271a0a8f65~mv2.png/v1/fill/w_600,h_491,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/priority01.png)
We ultimately got to all our mission-critical items and our nice-to-have items, but organizing our work in this way kept us focused on a tight timeline.
Brand and Design System
Mint green is considered the color of nature, and it brings out emotional harmony, stability, and endurance. It is associated with refreshment and peace, helping people feel rested and secure. Because of its calming vibes and resonation with staying healthy and connected during the pandemic, the color mint green is used as the main color in PACHANKA.
Voice & Tone
![tone.png](https://static.wixstatic.com/media/50b2d9_7fbc3a0297ef47d4a5d50ecf35c1a37b~mv2.png/v1/fill/w_817,h_108,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/tone.png)
Voice & Tone
![](https://static.wixstatic.com/media/50b2d9_eadabb740e124659a86c206de78651a3~mv2.png/v1/fill/w_656,h_486,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/50b2d9_eadabb740e124659a86c206de78651a3~mv2.png)
Reflections
Scope and Potential opportunities
What I learned from this project is that there is no one-size-fits-all persona. When creating user prototypes, the first step is to define their purpose and the scope of the product. Initially, we came up with four personas that included participants and organizers of everything from small gatherings to large events. Then we realized that we needed to determine the tradeoffs of choosing a narrow or broad scope for our personas.
Since this was an academic project, we ended up narrowing our personas to two: small event participants and organizers. With a narrower scope and less context to consider, we could have deeper data to support our personas and discover more about the motivations, goals, attitudes, and behaviors of our users. This helps us make specific design decisions.
The current product is a B2C product that helps users address their personal needs when deciding to attend/participate in a small event. But there is still a potential opportunity to cater to larger events by making a B2B version for business scenarios. It could be a web version or a desktop application that uses dashboards and data visualization to help present risk assessments.