Project Listed

UX Design
Project Overview
This is an independent project that involves User Analysis, Persona Development, Ideation, Scenarios and Storyboards, Wireframing, Mockups and Prototyping.

Updated on 1/22/2021
My Contribution
My role in this project is the UX Designer. I applied the design thinking process from the LinkedIn course: "Become a UX Designer" in this project.
A ribbon wrapped gift
a cartoon of a gift box
Project Listed
During Thanksgiving, I noticed that a lot of my friends are doing Christmas shopping around that time. I was so confused on why people start so early. After talking to my friends, I realized that shopping requires a lot of planning. Many people create shopping lists for groceries, gifts and even planning parties. Out of curiosity, I created a Google survey to learn about people's habits of making lists.
Here's the survey.
a cartoon of a gift box
User Research
The survey received 35 responses in total. I divided the survey into 3 sections: grocery lists, gift lists and party lists. In each section, I ask the participant about their list making habits, the tools they used and troubleshooting technique. In addition to the survey, I also conducted user interviews and observations. It was a fun process to just learn about people.(Read more about research)
I learned from this process that:

1. For Grocery lists: the items cannot be checked off, and the users are not strict to the list, so they often get things they don’t need

"Sometimes I get things I don't need."
"We always have an excessive quantity of pickles… mostly because even if they aren’t in the list, they get purchased!"


2. For Christmas lists: tools like Amazon wish list are exclusive, the users don’t like to share their wish lists with others, and the users are ok with getting the same item as someone else

"Since all my families gift purchases were done online this year, it would have been nice to have a registry-like app to create wishlists with that was broader than Amazon and did a better job of tracking items that were already purchased."

3. For Party planning lists: people prefer using smaller lists over a big list
a cartoon of a gift box
Problem Statement
"Shoppers and planners have trouble making and sharing different types of lists for groceries, gifts and party planning."
a cartoon of a gift box
Target Users
Users have different expectations for different types of lists. For the grocery lists, the users expect a fast, convenient tool that can be edited quickly. Pen and paper or the Note app on iPhone are the most popular tools from my research. Christmas list, however, is most likely to be a long-term, shared list that relies on electronic devices. Amazon wish list is a very popular option for users to manager their Christmas list for the family. The downside is that it does not include items outside of Amazon. Party planning increases the complexity of grouped lists and collaboration.

In conclusion, this project will focus on achieving the following three goals:
- The list can be shared with others
- The list is easy to access
- The list can be combined
Read more about personasRead more about scenarios and storyboards
a cartoon of a gift box
Ideation
Based on the user research, it is likely that the users will want to access the list using different devices like phone, desktop, tablet, smart watch or even voice assistant. I created a system of ideation that allows the user to achieve their goals with whichever device of their choice. For example, if the user is add an item on the shopping list last minute, the user could use Alexa or smart watch. If the user is looking up a recipe, they could add the items on their smart phone. Designing a system bridges the limitation of each electronic device and improve the user experience as a whole.

vs

Read more about ideationRead more about user flow and mockups
a cartoon of a gift box
Prototype
Goal recap: Project Listed helps the shoppers and planners to make short term and long term, private and shared, single and grouped lists for different occasions.

I created paper prototype, mockups, and low& high fidelity prototype in Figma.
Quick Access
View Past Lists: User can opens the app and sees lists from the past. The Grocery List and the Shared List are two default lists that will always be on the top of the list.
Add Items: User adds items to the list and it automatically creates a checklist for her.
View On Lock Screen: User can view the list on the lock screen and quickly check off an items.
Sharing Lists
View Shared List: User can add other members to the Shared List. Any items on this list is shared with all the members. These items are also added to the user's individual Grocery List. On the bottom right of the screen, user can also see the members of the list.
Create Grocery List: User opens the Grocery List and sees the items from Shared List are automatically added.
Remove Shared items: User decides not to get these items, so they can remove them from the Grocery List. But if the user ever change their mind, they can undo the removal.
Sharing Control
View Members: User can view the members of the Shared List by clicking on their name bubble. In this list, there are three members: Timothy, Hannah and Sasha.
View Member Profile: The member profile includes the member's name, bubble color and the phone number. The user can send a text invite to share the list with new members.
Remove a Member: If the user ever wants to remove a member, they can simple click the remove button and the person will lose access to the list.
Read more about paper prototypeRead more about high fidelity prototypeTry high fidelity prototype