Social Page Final Design
The social page is a major part of the application and so needed to fit in seamlessly with the design of the main map page. The same top navigation bar has been used to keep this consistency and familiarity, along with the left hand navigation providing secondary functions.
The layout of individual tweets and Instagram photos was the first major design decision. I chose to use a masonry style layout to allow the user to see as much content as possible at once, while still keeping a structure that could flow to fit any screen size. This layout also allowed me to easily add sorting and filtering to these items, which gives a massive improvement to usability.
The dark background gives depth to the page and also helps to separate each individual item making the content more easy to read. Once again the same colour scheme was used to style the tweets, using the blue for links and as a background colour for the Instagram photo hoverable captions.