Problem Solving for Design Blog Post 4 Sprint 5
With the conclusion of sprint 5 we are all in the mindset of preparation. The event week has ended and we are taking the knowledge we gained from that and applying it to next years event. One thing that I noticed is that images that were posts on social media were not very tailored to the various social media sites. My goal was to help them create a template pack they can use for various social media sizes that show the whole graphic. My research consisted of browsing the internet for answers and a little trial and error. I would post some graphics of various sizes to see what would be seen and what wouldn't. I compiled that information and then created files to help with the design of these elements.
One thing I wanted to make sure was clear in these design templates is the safe area on them. Things like twitter posts and Facebook headers have a different "safe area" on different devices. Desktops, phones, tablets, and TVs all have a safe area that tends to be somewhat different from the rest of them.
To the right is an example of a Facebook header and the desktop safe area vs the mobile safe area. What is in blue is what would show up on a phone while the entire thing would show up on a desktop. This is a very important thing that you have to take into consideration when designing for social media because you don't want someone to not get the information that they need.
Getting your design to show up in the entire window without having to click on it is a very easy way to subconsciously advertise and give off information while people scroll through their timelines. Through the next week or so I'm going to be helping come up with what graphics to go with specific timeframes outlined with the yearly posting schedule we are coming up with. Then I'm going to work with the style guide and make sure they align with the schedule so that there are no holes or confusion.