LIVNLIST


Overview

User Research | Design | Prototyping

My Role
Lead Designer | User Research | Usability Testing

Duration
10 Days

Platform
iOS Mobile

Problem

LivnList is having difficulty retaining users due to its weak UI design and inability to have users understand the premise behind the app: a singular platform that consolidates  event and trip planning via group messaging and Video Invite, a video-recording platform.

Solution

Redesign the LivnList app to better serve users in making plans very easily to maximize the amount of time they spend with their family and friends in real life.


Client

LivnList is a group messaging app that focuses on Video Invites™ in order to easily plan group events and trips. The main goal of this app is to get people from communicating online or digitally to meetings friends and family in real life. 

It’s a productivity app in which users will be able to consolidate all relevant information about events and trips into one simple app. By streamlining the calendar events through group messages, users will know exactly what each group message is about and what calendar event it corresponds to.

List.

Organize group chats based on what you’re planning to do and when, with people who are actually doing it with you. No more holding friends hostage in a group chat. 

Share.

Capture the details with a personal touch explaining what you want to do with a Video Invite®. You can share invites privately or open them up to all your friends to create serendipity with one click. 

Do.

With all the details and messaging in one place, you can get out there IRL and do more things more often.


Research Methods

  • Usability Testing - Existing
  • Business Model Canvas
  • Competitive Matrix
  • User Interview and Affinity Mapping
  • Key Insights and Features
  • Personas
  • User Journey
  • APIs
  • Competitive Feature Analysis
  • KPIs
  • Feature prioritization/MoSCoW
  • Next Steps

Usability Testing - Existing App

The first step we took as a team was to conduct a usability test on the current app. This allows us to understand how users are thinking through the current LivnList app and let us know any pain points that arise. To begin with, we didn’t have any data to go by so this was going to be the first time we were going to get valuable feedback on the app. 

We understand that users were not too keen on the design, specifically the front-facing camera that appears as you open the app. This feature left users feeling confused and uncomfortable because of the unexpected and unpleasant view of themselves at any given angle. Users also had difficulty completing the three tasks we gave them because the app itself was not intuitive enough or user-friendly. Users explained that the design of the app was confusing and they spent more time trying to figure out what everything meant. The navigation bar was not fixed and interrupted the experience. One of the more frustrating qualities the current app has is in fact its actual formatting, in which it has only been made for iPhone 8 users and those with other versions experience an uninterrupted view. For those with Android or different versions of the iPhone, they weren't able to access the navigation bar as easily since it kept getting cut off.


Key Takeaways

• Users did not enjoy the front-facing camera that immediately appears when you open the app.

• The navigation bar was difficult to understand due to no labels on the icons and its placement on the top of the app

• Some users found it difficult to send an invite because there were no clear directions on how to do so.

• The app was not intuitive or user-friendly and was unique in its design.


Business Model Canvas

The business model canvas provides a better understanding of how a business works; in this case it would be how LivnList works as a business and in relation to other similar companies. 

We learned that the company is currently not making any money and that is intentional as stated by the founder and CEO. The reason behind this is that the CEO wants to gain traction and users to build a reputation among younger demographics. It stands alone and has no key partner(s) and concentrates on creating events through Video Invite, his trademark camera feature that allows users to send event invites via video (or photo).


Competitive Matrix

Aside from learning about the business end of LivnList we investigated what companies would be on par as competitors. We elected to dive deeper into Facebook, Whatsapp, iMessage, MeetUp, IRL, email and Hobnob due to their similar mission statements of bringing people together, whether it be digitally or in real life.These companies also use their platform to help users plan events. 

Facebook stood alone as the only company that was more general and virtual while the other companies were more specialized just like LivnList. Hobnob, MeetUp and IRL were the only platforms that facilitated meet people in person after using their services.


User Interviews and Affinity Map

Once we had a firm grasp on the company and how people were interacting with the existing app, we were able to proceed with interviews. These interviews would help inform both qualitative and quantitative data. We found out that many users use our competitors because the apps were convenient and their friends already use them: it wasn’t hard to suggest an event outing in the same text message they were already messaging on. The most enlightening information we received was how people greatly enjoyed personalizing their messages and love using features like filters, GIFs and themes because it made planning or sending messages that much more fun and exciting.

Our affinity map highlighted behaviors of how our users became increasingly more stressed out and overwhelmed the bigger the event or trip. Users preferred to add friends as co-hosts to alleviate some of the stress from planning whenever possible. Receiving constant notifications pester users so having the ability to mute conversations was important.


From our interviews we noticed three interesting patterns that continuously came up.

The first one is our user's habits. Because of the constant use of our smartphones, people consistently make plans to meet their friends via messaging apps like Whatsapp, Facebook Messenger and iMessage. The reason behind this being that the apps are convenient and everyone is already on it anyway so it's easier to get into contact with friends about any last minute plans.

Planning an event is never easy and gets increasingly more stressful the bigger the event. Our users expressed frustration whenever they had to arrange a meeting. People constantly have difficulty trying to organize itineraries because of conflicting schedules and different interests.

The thing that keeps people interested is the ability to make their messages personal to them. Features like gifs, emojis and filters are a fun way for people to share their messages. People love getting dorky and weird messages from their friends, think about the messages you get from yours. People greatly enjoy using them when messaging.


Feature Prioritization Map and MoSCoW Map

After gathering all of our information and synthesizing our data, it was time for us to create a Feature Prioritization Map and a MoSCoW Map. The Feature Prioritization Map allows us to contextualize what features we are to implement in the redesign based on how essential and how much it is going to cost the company. Some of the features we decided to incorporate are split itinerary, push notifications and reminders, send videos, calendar, upload media and a home button. These were features our users stressed that were important to them in their current use of other apps when planning. 

The MoSCoW Map was a way for us to see what should, could, must and won’t be on the redesign. We saw that we have a lot of things under Must, including history of events, Video Invite, polls and on-boarding, which are all features to better assist our users. Even though users liked face filters, that feature was moved to Should due to time and budget constraints.


Problem Statement


Even in today’s world of constant communication via social media, people still make plans to meet their friends in person. However, it is not always convenient, given friends’ conflicting schedules and differing interests. 

How might we help friends find an easy way to communicate in order to plan events with each other?



Personas


User Journey

When all was said and done, it was important for us to do a user journey of our primary persona without using the LivnList app to experience what it would be like to plan an event and how LivnList can be used afterwards to make planning easier. With our persona of Simone we have a better understanding of where in the planning process she would feel frustrated. 

We understand that she felt annoyed when her friends didn’t reply to her messages about the trip and also when everyone’s opinion was divided. Even though Simone was happy at the end of her planning, there were still some pitfalls that were still not satisfied.


LivnList (Before)


Design

The redesign saw us introduce the key features that we previously learned about that were vital for our users like polls, filters and splitting itineraries. 

On-boarding was implemented to best assist users in understanding the premise of the app and annotated screens for when you first make a Video Invite to send to your friends. 

Home Page

The new LivnList home page shoes the user the two different ways of opening the camera to send an invite: you can either swipe right, similar to SnapChat and Instagram, or press the center camera button found on the new navigation bar.

Create an Invite

Users now have filters to add to their video or photo when they create a video invite. After choosing if they would like to categorize their invite by either an event or trip, they are directed to the next page where they can fill out all the necessary information.

Trip Details

The new redesign allows users to see a complete list of all relevant details for their trip or event. Previously users were not able to upload images or files and now there is a section dedicated to it.

Communication

One of the biggest changes can be seen in the messaging section. Users can now share polls, GIFs and stickers with each other.

Messages are also divided by individual and groups  to make it easier for users to find.


Wireframes

Mid-Fi and Hi-Fi wireframes were made for the final prototype of LivnList. Below you will find some of the final Hi-Fi wireframes that were made.


Prototype

Next Steps

1. Adhere to the WAVE rubric in which the app is accessible to individuals with hearing or sight impairment.

2. One more round of usability testing in which other features are included for users to test out, based on our user interviews.

3. Integrate necessary APIs to help users have a better experience.

4. Send information to developer to carry out upgrades.

Using Format