Project Listed — Paper Prototype

Anni Yan
4 min readDec 23, 2020

In the previous process, I created scenarios and storyboards to imagine the user’s journey of making a grocery list. Now I’m going to focus on the user’s interaction with Listed. I created paper prototype using marker, paper, tape, and sticky notes for mobile application and smart watch. From the scenarios, I learned that the user’s goal is to create a simple list with shareable information and browse the items quickly. My paper prototype focuses on these three goals and delivers new user experience.

Simple List

When the user first opens the app, the list is shown in the following order “create new list”, “grocery list”, “shared list”, “most recent list”. Depending on the user’s needs, the user can choose favorite lists. Every time, the app opens, the user’s favorite lists are listed on the top.

The grocery list is a continuous list that the user can add on. When an item is added, it always a creates checklists.

The list allows mistakes. The button on the bottom left of the screen allows the user to undo edits. The problem with the Note app on iPhone is that it had many versions. Some of the includes functionalities that are similar to Word, but other versions are too minimalistic. The Note app on my phone does not allow any mistakes. If I accidentally delete something, I lose all the information. The list understands that the user could make mistakes and allows the user to undo their edits.

The list is flexible. Some users like checklists, while others like numbered list. The button on the bottom right of the screen allows the user to change the list type to checklist, bullet point, numbered list and alphabetical list. This function is not necessary part of a simple list, so it is a “nice to have” feature.

Shareable Information

Listed has two special lists: grocery list and shared list. The user can add contributor to the shared list and all members can edit the shared list. When a user opens the grocery list, any item on the shared list is added to the grocery list as “suggestive items”. The user can keep the items or remove them. This function helps the user to coordinate shopping with others and avoid buying item repeatedly.

If an item is checked off from the grocery list, it is automatically checked off from the shared list too.

Browse Quickly

User struggles with browsing lists quickly whether they are at the grocery store, or double checking an item. Listed can solve this problem by opening a mini app on the locked screen. It is similar to Spotify’s music player. When the user wants a quick peak or check off on the list, it shows up on the lock screen. The user can scroll through the list and check off any item on the list.

For users will a smart watch, it is even easier. Listed allows the user to quickly open a list and browse through items. Smart watches have small screens so it is crucial to include minimum content. The user is not likely to use the smart watch to edit the list, but it can be very helpful if the user needs a quick reminder of their grocery list.

For users like Hannah the homemaker, they no longer have to worry about carrying a child, holding a phone and pushing a shopping cart at the same time. Listed is synced across devices, so the grocery list Hannah makes is accessible on her smart watch as well.

--

--