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.
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.
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.
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.
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.
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.