LOOPiN | Product Design
An App for Planning activities in a short time
Product Thinking, User Persona & Journey, User Flow, Wireframing, Visual Design, Prototyping and testing
Why is it always hard to plan something on a group chat? There have been many cases where people have missed the key points of an activity in a group chat whether it was an evening stroll or a gathering in a bar. “Where is the location again, guys?” This might sound familiar.
The goal of the LOOPiN app was to reduce the redundant conversations in group chats and keep the process of planning an activity to the minimum by simplifying the journey for the users.
I facilitated a workshop by bringing the stakeholders to share their assumptions and insights regarding the “Problem Statement” The main challenge was the difficulty to bring together a small group of people in a short amount of time. Thinking of young adults, tourists, people who are living in major cities who want to find an activity spontaneously, or bring a few friends together.
To create a user centric design, it’s always important to focus on users behavior, thoughts and feelings. For ideation phase I created user persona and user journey in order to create a foundation for our brainstorming on product’s main features. A user flow, sketching, and wireframing helped the stakeholders to visualize the idea.
User Persona & Journey
It’s always important to focus on a group of people as you’re designing. Creating user persona would help not just designers, but also the stakeholders and developers to “empathize” with the users and remind themselves that they’re designing, planning and developing a product for them.
I introduces two type of users based on listed user target, defined goals for them and listed the main activities they would go through in the app:
Create a an activity with the least amount of efforts
Share it with friends
Track who's attending the activity
Update participants with major information about the activity
We break down these activities to sub-activities that the user will have in their journey through the product. For each section, we went through how our presumed users would interact with touchpoints, how they would feel and what their thoughts were.
"Opportunities" are where we came up with potential features and solutions that could improve our users' feeling and solve their problems and challenges.
User Flow & Wireframing
From sketching and user flow, I created the initial wireframes of the main activities users would through.
In order to prepare the prototype for usability testing, a high-fidelity version was created by adding the visual design, colors and typography.
I performed a series of usability testing with selected participants by the stakeholder. I briefed my testers and asked them to go through a few main tasks, “Create an Activity”, "Add a friend", and “Share an Activity"
I made sure to ask users to “Think out loud” as they were going through each task. In this way I could also listen to their trains of thoughts as they’re tapping/sliding on the prototype. I took notes and recorded videos on a few tasks to better analyze them later on.
I listed all the possible changes and revised the mockup. In the next stage I continued the user testing process in an online form.
The very last stage was to apply all the changes from the user testing and other feedback, and finalize the high fidelity version. The UI elements from color and icons were finalized, the interactions and transitions were improved based on the feedback. I've been constantly in touch with the developer to ensure all the features are feasible to be implemented. The final product was delivered via Figma platform. Check out the interactive prototype here.