Common

"Any fact becomes important when
it's connected to another." 

― UMBERTO ECO

 

Common App

Common is a mobile application designed to guarantee satisfaction in destination selections between users, and promote connectivity through similar interests in local communities.

Common is a social location browsing, saving, and sharing application. The app is built to consider the interests of the user individual from others in order to accurately connect them to locations and people that are fulfilling. By providing ownership to the user, they create a personalized profile of locations that genuinely interest them, and enables users to view other profiles as well.

The app was named after the Common Places function which enables users to see places they have in common with other users. This will enable the users to quickly decide on places to visit, and find people who have similar interests in visiting a particular place. 

 

Common Logo

The name was created with the idea of sharing places in common, showing the similarities people had with another. Initially named 'common place' and shortened to 'common', the logo design is a lower-case rounded san-serif to invoke a friendly environment. The green was to symbolize the growth of a community. 

Initial Concept

Initially, the app started as a way for users to determine places to go depending on their mood, friends, and weather. But as I began to build different screens, I realized that the most interesting component is the ability to pick places appropriate to go with specific people. The idea started out with broad general figures such as a boss, girlfriend, BFF, date, co-worker, in-laws, etc. Then as the idea developed, I realized there was a way to make this even more personal by involving a social component and interaction with other users. 

Discover new places

The two main ways for the user to discover new locations are: First, the home feed, which includes people they follow and the activity regarding their inner networks; the second, the search function that enables the user to discover their recent searches as well as browse a list of locations nearby that might interest them.

Discover new people

The common places feature appears at the top of another person's profile indicating which places you both have saved as locations of interest. The tabs allow for users to browse recent activity, as well as their lists, and their locations according to cities. 

 

 
 

Iterating: Home Page

On the left is the first iteration of the app: the UI focused on being very simple and recognizable. Using familiar iconography and drawing from existing mobile apps for inspiration. The interface was very text-heavy and included coloured links to be as clear as possible. 

On the right is the final version of the app: the design is more image-heavy, and the hierarchy of information is ordered with the location as priority, and the connections are second to the location. Information like list categories and the user that posted are less prominent.

 

Iterating: Profile 

On the left is the first iteration: the interface was designed to showcase all the features of the application with ease of reading as the primary focus. To have new users integrate to this product, the design needs to be straight-forward and recognizable. 

On the right is the final version: the design was focused more on including more relevant information and creating a UI that is more utilitarian. Also, including the map at the top creates better context to the user as well as giving a medium to present location-based data. 

newnew.png

Interactions

While developing the interactions, I realized that it blended into the conventional app formation and I began to experiment with the layout the app to see how it would function with a more dynamic structure. This led to adding cards to my layout, which presents more information in a easily digest-able fashion. 

In the screens below, you can see the suggested bar at the top of the home screen that will encompass nearby locations as well as preferences. When you scroll down, the modified cards now show the people you are following that also like the location. 

The main difference in the profile is the map at the top of the page which will indicate area in which most of the user's locations are and it will be active to scroll and explore. 

Also, to make interactions more casual, I reduced the number of clicks and increased the number of times the user will swipe their finger. This is especially evident in the lists and the places users have in common. 

 
 
 
 
 
 
open.gif
 
 

Prototype

 

Landing Page

 

Previous Project / Vagabond Magazine

Next Project / TEDxUTSC