me-mo

OVERVIEW

me-mo is a personal travel application to help people remember their favorite places and the places they want to visit in the future.

I found the need for an application like me-mo through personal experience with struggling to remember the name of restaurants I once visited. Seeing as this problem was common among my peers, I led the conception and design of me-mo in a team of three.

SEE OUR PROTOTYPE ON INVISION → 
 https://invis.io/769VMR54H

THIS PERSON WANTED TO GO TO A PLACE IN SAN FRANCISCO WITH THE WORD "SALT" IN ITS NAME BUT COULD NOT FIND IT AFTER SEARCHING "SALTS SAN FRANCISCO" IN GOOGLE.

THIS PERSON HAD HER OWN LIST OF PLACES SHE VISITED IN BERLIN BUT THEY WERE NOT CATEGORIZED EFFICIENTLY, MAKING IT DIFFICULT FOR HER TO REMEMBER WHAT TYPES OF PLACES EACH LIST ITEM WAS.

NEEDFINDING

I asked my interviewees, who have none, some, or extensive traveling experience, to do a two-part activity. First, they would plan one full day to show a visitor the highlights of their hometown. Then, they would plan one full day traveling in a city they have visited before and would like to visit again

These were some key breakdowns I noticed:

1.     Interviewees took a long time to search across multiple platforms (Yelp, Google Maps, a note-taking application, etc.) to find a single place they could not remember.

2.     If they could not find the place after going through each platform, they would feel disappointed and give up.

3.     While several interviewees had their own lists on different platforms, they lacked a categorization system to help them find certain types of places (brunch, museum, sightseeing, etc.) or prioritize locations to (re)visit.


These travelers needed a single platform to document their favorite places and categorize them in meaningful ways for easy retrieval.

STORYBOARDING

To have a clearer idea of how we wanted to provide for our users’ needs, my team drew storyboards for several different scenarios we hoped our application would solve.

WIREFRAMING

We rapidly prototyped two ideas for our application on paper. The first was a very simple app with lists and a map feature where users can drop pins to save locations into customized lists. We then realized that this layout did not address each scenario we hoped to address and created a second prototype.

The second was more in-depth with the information that could be included for each location entry. This prototype also includes a search so that a user can have information on businesses already in me-mo's database rather than entering everything by hand. We decided to adapt this prototype. At this point, I created a slightly higher fidelity UI skeleton to begin understanding the interaction flow.

BRANDING

Meanwhile, my team and I created a Pinterest board to come up with the brand we wanted our app to convey. We wanted to keep it simple, friendly, and personalized.

To represent this brand, we choose a few bright colors to accent a generally white theme and very simplistic, note-like illustrations to add me-mo’s unique character. I created a simple style guide for consistency while wireframing.

ITERATION

We tested our first prototype using Lookback.io to record the screen and our user interviews. Our users had problems with the text readability, button placement, and proper feedback for adding a new location on our first design.

The first design lacked feedback, or visibility of system status, which confused users as they tried to add a new location. It also forced users to search for the add button each time they were on the add page, violating the UI design heuristic of recognition over recall. To improve our design, we increased the font size throughout me-mo, moved the “add” button, and inserted a confirmation modal.

FINAL DESIGN

Below are a few selected screens from me-mo. Please view our interactive prototype here.