Local Social App
It’s all good in the hood
As a visual design exercise, I reworked some screens from a location based app that pulls in social media from a nearby, trending, or user-defined area. The functionality is all based on an existing app. I specifically wanted to explore information hierarchy, fluid transitions between states, and a dark color palette.
One of my main goals was to make sure that relevant information was always available to the user. The main metaphor of the app is a feed. The feed is a collection of posts and each feed is tied to a geographic area. The main pillars of the app are different feed, made up of posts tied to a specific geographic area. These areas could be user defined, trending, maintained by another user, or nearby. I tried to make sure that on a post, users could easily see who created that post, and, more importantly, where that post was coming from.
It was also important to differentiate posts by content type while keeping a clear design system. Since this app pulls in content from other social media sites, there is no creation element, only curation, it was important to make sure the user knows where it came from. This goes a long way in creating trust between the user and the product, as well as setting the correct expectation for where the user will go when they tap on the post.
Around the time I was working on this, Apple introduced the “screen edge swipe” into iOS and I really wanted to incorporate that in the navigation of this app. Working first in pen and paper, I defined the different interactions. Then I translated these decisions into After Effects. (Unfortunately, prototyping tools were not yet enjoying the prominence that they are now.) You can see how it works in the video below.
Thanks for taking the time to read this. If you would like to get in touch with me with any questions or feedback, my email is JonathanLampron@gmail.com