Reviewed

New Icon for Instagram done In-house

#Gradient #Minimal #Life #CatsOfInstagram

New Icon for Instagram done In-house
 

before

after

Reviewed May 11, 201605.11.16 by Armin

filed under Web Service and tagged with , ,

Launched in 2010, Instagram needs little introduction, especially as it’s become the preferred social media platform for most users thanks to its simple interface, highly visual timeline, and despite its growing amount of “Sponsored” posts. Not as huge as its parent company, Facebook, Instagram has 200 million daily active people — which is not total users, but the amount of people that come back to the app every single day, spending an average of 21 minutes on it. (Data provided by Instagram.) I don’t know if I spend 21 minutes daily on it but I do check it an obnoxious amount of times a day. Today Instagram is introducing an update to its user interface and changing (dramatically) its app icon for the first time since launch. The script wordmark redesigned in 2013 remains the same.

We realized we needed to move past a rendered camera to get a flexible, scalable glyph, but the previous glyph proved to be a weak basis for an icon. To maintain the previous icon’s gravity, we had to figure out how to give the new mark more character while also removing what was unnecessary.

The question then became, how far do we go? If you abstract too much, the glyph doesn’t feel tied to the history and soul of Instagram. If you make it too literal, it’s hard to justify changing from what we currently have.

After a lot of refinement, we landed on a glyph that still suggests a camera, but also sets the groundwork for years to come.

Ian Spalter, Head of Design at Instagram, on Medium

New Icon for Instagram done In-house
Icon detail.
Evolution from old to new icon.
Process of the evolution.

The skeuomorphic camera icon that has accompanied Instagram until today is a modern-day classic. Not because it’s good — it’s not, really — but because of its omnipresence in users’ phone screens. I bet it’s on the home screen of 99% of people who have the app and who tap it very regularly. When the iPhone first came out — if you’ll remember — skeuomorphism was the default aesthetic and now, for better or worse, it’s all about flat design with a dash of optional gradients so it’s no surprise that’s where Instagram has headed. If there was any surprise it’s that Instagram held on to the skeuomorphism for a relatively long five years.

I doubt anyone will be making cakes and cookies in the shape of the new Instagram logo and that’s the biggest problem the new logo faces: it’s not the old logo. The ensuing shitstorm on the internet today will be epic. About 75% of the negative reaction will be simply to the fact that it has changed and the other 25% will be to the not-quite-fact that there is a generic aesthetic to the new icon where it could be a “camera” icon for the upcoming smart microwave from Apple or whatever other user interface you would imagine. This is not to say it’s a bad-looking icon, no… as far as camera icons go, this is quite lovely and has the minimal amount of elements necessary to be recognized as a camera BUT not the minimal amount of elements necessary to be recognized as Instagram.

Unlike Uber, that replaced it’s “U” for a metaphysical atom, the change here is only aesthetic. It’s still a camera. Yes, at first it will be hard to recognize it, but when you have 200 million people tapping on it everyday, multiple times a day, that’s the kind of brand engagement that Coca-Cola or Nike would kill for. When it comes to “brand impressions” and “brand touchpoints”, Instagram (and Facebook and Twitter and, yes, even Uber) have no shortage of opportunities so it will only be a matter of time — three months, probably — before this is known, recognized, and considered as the Instagram app icon. Simply by repetition and usage. Hell, I was starting to get used to the Uber icon until they pulled out of Austin this Monday.

Execution-wise, the camera icon is fine as I already mentioned. It has pleasant curves, the lens and viewfinder are in the right place with the right proportions and I’ve rarely met a yellow-magenta-purple-blue gradient I didn’t like. This one will look particularly good in those juicy iPhone retina displays.

New Icon for Instagram done In-house
Comparison with the previous “glyph” offered by Instagram as the preferred icon to refer to it on other websites.

One thing I found interesting is the lack of mention on the Instagram posts of the “glyph” above, which I always found to be a smart translation of the full icon and how different the new icon feels from it. I don’t think the old one had the presence to stand as the official app icon but I just wanted to give it a nod as a highly functional reduction of the logo. Although it did speak to the necessity of having a flat logo that could be used both in large and small applications just like Twitter’s bird and Facebook’s “f”, which is where the glyph competes for attention.

Our family of apps - Layout, Boomerang, and Hyperlapse - also have a new, unified look. We carried the gradient through each icon, and designed them on the same grid to make the system feel cohesive. We also updated the Layout and Boomerang icons to better represent what the apps help you create - a composition of photos, or a mini video that loops forward and backward.

Ian Spalter, Head of Design at Instagram, on Medium

New Icon for Instagram done In-house
Family of icons with Layout, Hyperlapse, and Boomerang.

Of the few things shown about the redesign, this might be the highlight: a unified set of app icons for the three sister apps. Same thickness, same gradient, same layout within the app square. Simple, effective, and recognizable as a family.

New Icon for Instagram done In-house
New app user interface.

Since I wrote this review before the update went live, I don’t have a full sense of how the new user interface feels but I like the color-less approach that lets the photos be the main focus on the screen, instead of having all those blues coming at you. I’m surprised the camera icon on the user interface isn’t the new icon — seems like an easy way to double-down on it. But I also understand that one thing is brand and one thing is functionality.

Overall, we all knew this day would come and that no icon would ever match the short-range nostalgia that the old icon evokes resulting in instant rejection of the new one but, from all the 2015 - 16 design standards, this is as good as it gets with a simple, friendly, gradienty icon. Now, if you’ll excuse me, I have to see what other people are doing that I’m not.

Poll

On Icon

Total:

On Sister App Icons

Total:

On User Interface

Total:

↓Comments

Upcoming BNConfs

Chicago 2017
Pre-sale tickets are now available for the 2017 Brand New Conference in Chicago on September 14 – 15.

Europe 2018
Plans are in development for coming back to Europe in Spring of 2018 with the current top contender host city of Barcelona.

---