Overview
Hostr is an app that helps people manage, organize, and plan social events. It is designed for people who love to socialize but just don’t have the time to plan hangouts. Hostr provides a collection of powerful planning resources such as guest invitation management, flexible scheduling, local shopping options and navigation, and a comprehensive to-do list feature.
My Tasks
User Interview, User Flows, Personas, User Interface, Prototype, Usability Testing.
My Roles
UX Researcher
UI Designer
Collaborated with a
graphic designer
Design Process
Primary Research
User Interviews, Conclusions
To understand user needs, I interviewed six people to define essential features for the app. Each interview lasted about 15–20 minutes in length, and the participants’ ages ranged from 24 to 40 years old. After the interview, I came to the conclusion that there were four primary user needs:
Friend Invitation
We needed to track invitations and guest lists so that we could identify who could come or who would bring an extra person. Additional tracking items included: “coming late” notices, party notifications, and reminders.
Stay in a budget
Some users wanted to plan groceries according to their budgets as well as budget for party decorations.
Time Saving
We found that one of the more frustrating processes for users was finding finding a market that offered everything on their shopping list. So, we determined to make a map that could navigate users to nearest stores based on their shopping needs.
A list maker
Users found it overwhelming to keep track of their to-do items for longer lists. An intuitive list maker list was our solution to help users easily organize and edit potential grocery items. It also aided users stay within their budget.
Personas
We developed three user personas to help inform the project brief.
User Journey
From the bios, we created a detailed user journey brought all the project needs together.
User Flow
Design & Prototype
Paper Prototype
After sketching, I built a rapid paper “low fidelity” prototype to test usability. I tested and received feedback from three people which I then incorporated into the “high fidelity” prototype.
Wireframe
After revising the app, I created the wireframe on Figma, and tested it again with three different people. Again, I took their feedback and incorporated it into the final mockup.
Mockup
Here is example of screen users will go through when they create guest invitations.
Users can import friend lists from Facebook, mobile contact, email, or other apps.
Guests will respond to their invitations by selecting “Y”, “N”, or “+ [number]” to bring an extra person.
