E: callum@yummycustard.co.uk

Talking Point: Flat UI Design

Today, over at CreativeBloq, I stumbled across a design concept for Instagram, if it were to follow the escalating ‘Flat Design’ trend. I’m not entirely sure what to think.

First of all, I hear you asking, what exactly is Flat Design? It’s pretty much the opposite of what Apple does in their stock apps. You won’t find any super-detailed bookshelves, leather or fake paper in flat design. The trend arguably started with Windows Phone and Windows 8, and takes UI (user interface) design right back to basics. This means simple icons and flat colours, with little to no shading. I felt compelled to share my thoughts on this trend, so below are a few examples of flat design, with, in my opinion, varying levels of success.

livetiles

Windows 8

Above is an example of the acclaimed Windows 8 interface, which has totally changed the way PC users interact with their machines.  Many credit Windows 8 as being the UI that kicked off the flat design trend.

df49eb92eca5aec163f2b8d177cef2e7

Clockpixels

Blue Weather app

Blue Weather app

Music app

Music app

The above apps include functions for telling the time, reading the weather forecast and making music – and they all follow the flat UI design trend. The clock app is extremely simple and, to me, quite successful in its design; it does what it needs to do and tells the time. The weather app also successfully makes use of the flat design trend, even without much imagery, but I think the most successful in this instance is the last example – the music app. It still has a degree of personality to make it stand out in a market that could soon be full of apps inspired by Windows, thanks to the slightly worn-out gradient and retro monochrome buttons, coupled with a smattering of bright colours. It feels like more than just an app that is following a trend.

WhatsApp Flat Concept

WhatsApp Flat Concept

As I mentioned earlier, there has been an influx of flat design concepts of existing popular iPhone apps. Some have worked more effectively than others. For example, this redesign for WhatsApp, the popular instant messaging app, looks clean and attractive with a trendy rounded typeface, and slightly less messy than its current incarnation, which itself is very much inspired by Apple’s own Messages app – something that has barely changed in six years. Below you’ll also see how an iPhone running on iOS 6 would look if its interface was flat…

iPhone Flat UI Concept by Anton Kovalev

iPhone Flat UI Concept by Anton Kovalev

Part of me likes it, part of me isn’t so sure! However, one thing I am sure about is the flat concept for Instagram – I’m not convinced at all. Many people will prefer this clean look, but to me, it goes against Instagram’s retro nature and ends up looking quite cold and generic, as if Windows themselves had produced it. It definitely isn’t recognisable in the way that Instagram currently is – though this is probably more down to the fact that so many people are used to Instagram’s current format and design flavour. As many of us are aware, Facebook own Instagram, and the social networking giant today launched their new logo, which is once again flat. Only the very observant will notice the change, but there is now no shading, and the whole look fits more appropriately with Facebook’s latest collection of UI updates such as the new news feed and timeline features. With this in mind, maybe it won’t be long before Instagram decides to refresh their identity – I personally won’t be convinced if it ends up looking like this, though.

Instagram concept by Shadman Ahmed

Instagram concept by Shadman Ahmed

There are lots of nice examples of the flat design trend; popular new video clip sharing app Vine follows it, as does Timehop and a host of other apps. Some are more successful than others, naturally, but overall it seems like a fresh alternative to the trend set by Apple of imitating physical things. I don’t really favour one over the other, but I think that it is important that designers don’t follow this trend for the sake of it, or everything will end up looking the same – flat can still be developed and used effectively, but I don’t think it should be rolled out to everything at this stage. As I’ve mentioned, it works for Windows 8 and other design concepts have proven it to be a successful option, but I’m far less convinced that it works for apps like Instagram, especially with it looking like it has been created by Windows.

To read more on the Flat design trend, head over to Creative Bloq.

If you read my blog post on the Geneva Motor Show last month, you’ll remember my observation that touch screens are fast becoming a big thing in the latest cars. They were featuring in everything from the tiny Volkswagen Up and Peugeot 208, right up to the new Range Rover.

Well, it looks as though another trend is about to emerge as a direct result. Apps in cars. There has been some of this already in recent years – built-in ‘intelligent’ satellite navigations, for example, whilst Renault offer a limited range of apps in their new R:Link infotainment range. However, with the launch today of Citroen’s new C4 Picasso, it looks as though apps on the move are about to reach a whole new level.

This video shows Citroen’s new Multicity Connect system, which is, I think, similar to the systems you’ll find in the latest crop of Peugeots. You can download apps from an App Store, much like you do on your smartphone or tablet. The video shows apps for Wikipedia, Trip Advisor and Facebook, allowing you to search and use these tools from your car, without even touching your smartphone. There are also apps displaying the cheapest petrol nearby; touch your preferred petrol station and the car will then direct you to it. This, and Trip Advisor, which will do similar things, I can understand… but Facebook in your car? Part of me wonders if that’s just taking things a little too far. You’d be using it from a standstill, presumably, so why not just use your smartphone to update your status, or check in? Confusing.

Still, it’s an interesting development, and it’ll be especially intriguing to see how the visuals in these apps and touch screens develop in the next few years; car stereos with physical buttons and digital/dot matrix displays are suddenly looking a bit last year!

 

Testing out Printstagram

I’ve been thinking for a while that I should have my Instagram photos in some form of physical format. It just makes sense – photos that I’ve usually taken on the spur of the moment, in their perfectly square format, gracing a wall or a photo album. With this in mind, I started a search on the internet looking for places that would easily print my Instagram photos. I could’ve done it myself, yes, but I was reluctant to waste ink and didn’t have the correct paper stock to hand.

Eventually I settled on Printstagram, who offer a range of products for printing your Instagram photos. They’re currently modifying their website infrastructure, so if you are planning to order some, there’ll be a delay. My prints arrived yesterday after ordering in the middle of last week, so considering they come all the way from a little print shop in the USA, delivery is very quick. They offer photo squares (I ordered these), mini calendars, stickers, mini books, memory boxes full of your IG photos, posters and ‘mini prints’ which look a bit like Polaroids.

My full set of IG prints.

My full set of IG prints.

For some reason I’d expected them to come printed on glossy paper stock, but they didn’t. They’ve got a matt finish to them, so in some cases the colours don’t quite pop like they would on gloss, but at least you don’t have any nasty reflections to be putting up with. The print appears to be of high quality, too. I ordered a set of ‘Mini Squares’, which come as a set of 48 and are sized at 2.5×2.5″. You can order duplicates or you can choose one of each photo from your Instagram feed. They also offer larger prints which come in a set of 24, sized at 4×4″. The whole process is very simple; currency is in US dollars but if you’ve got a calculator then you can work out how much will go out of your bank account in £.

My IG wall (it's a work in progress at the moment!)

My IG wall (it’s a work in progress at the moment!)

Overall I’m really happy with the quality. Next time I’d probably order the size up, and I’ve also discovered that Photobox now do a range for Instagram photos too. I know Instagram gets a lot of stick, with critics often saying “it makes everyone’s photos look the same”, but at the end of the day, every photo is different.

The Future of Facebook?

It’s been a while, but I’m back. I was browsing through my Twitter timeline earlier today and something caught my eye. I’m always keen to know when Facebook or Twitter are rolling out updates to the way their site works, or anything that improves the user experience for us. So I was particularly keen to investigate a tweet by CreativeBloq, outlining a ‘new look for Facebook’.

To say I was wowed would be an understatement. Take a look at this…

Facebook ConceptYou can click on it for a bigger view and more images right from the designer’s Behance page. There’s even a video. I browsed Nerby’s concept for some time, and many of his ideas prompted me to think that Facebook would be mad not to do this.

Firstly, there’s the redesigned news feed. Facebook’s current news feed has changed little over the years. We’ve been surprised by sudden type size changes, and many of us have disabled the thoroughly distracting ‘ticker’, which Facebook introduced last year. But other than this, the news feed has remained relatively unchanged – until now. Nerby’s redesign features a brand new responsive interface, where the user can switch between a grid view or a more traditional feed. Both make full use of the computer/tablet’s screen width (thanks to the responsive design) and make for a far more engaging experience. One thing I can see being a problem, however, is the fact that many upload portrait/square photographs, particularly if they’ve linked Instagram up with their Facebook account. The redesign would appear to rely heavily on widescreen/panoramic/landscape shaped photo modules, likely resulting in chopped off heads and the like. However, I’m sure that with some tweaking, this could be worked around.

He doesn’t stop there. I won’t ruin it for you, but everything has been redesigned from the ground up. Captions and info for photographs are now larger with more attractive typefaces, and the Facebook blue is used everywhere, together with deep greys and blacks. Something that is confusing is the inclusion of both a wall and a timeline, where other people are invited to write on the person’s timeline (perhaps there’s too much emphasis on this). The new ‘about’ section also appears to be a little limiting in comparison with the current options, whilst the full-screen timeline/wall view could make for tiring reading, with messages stretched right across a screen in one long line. Overall, some elements don’t appear quite as clean as the current timeline.

The new photo album pages are clearly influenced by Facebook’s recent overhaul of this area, yet again, they appear more engaging. Everything seems far more personalised. It would be interesting to see what could be added or amended (the ability to highlight and reposition photos both on the timeline and in an album are attractive features), but this concept makes Facebook 2013 look ever so slightly dated!

What do you think? Tweet me your thoughts!

 

IMG_2697

Designival 2012

On Thursday 22nd and Friday 23rd November, I paid a visit to Liverpool’s Designival, formerly known as Liverpool Design Symposium. Thursday saw plentiful opportunities to check out local design studios, whilst Friday featured some fairly big-name speakers at the thoroughly cool Camp & Furnace creative hub.

I really enjoyed meeting some of the designers behind the studios on the Thursday. I visited Uniform, situated on Fleet Street in the city centre, Mercy, who are up on Hope Street, SB Studio in their new office at Cleveland Square, and digital design studio Apposing who are right in the creative Baltic Triangle, on Jamaica Street. These are four design studios whose work I really admire, and it was particularly exciting (without sounding weird!) to meet the designers and developers behind them. Having recently become more engaged with designing for digital platforms, I found it particularly helpful to talk to the guys at Apposing, as well as having a fairly in-depth chat on a similar topic up at Mercy. I also got drenched in the process of walking around Liverpool, whilst the heavy rain and wind also caused the death of a second umbrella this week. But it was all worth it!

On the Friday, I ventured back over to Liverpool for a stint at Camp & Furnace. It was particularly interesting to hear Belgian graphic designer Sara De Bondt talk about her project The Form of the Book Book, which we looked at as part of one of our university modules last year. For this talk, I was sat right at the back, meaning I was also able to take in the full impact of this quirky, off the wall setting.

Camp & Furnace

A break for lunch followed, giving me time to explore the venue and the pop-up shops that Designival had organised. These included original screen prints, a local bookseller specialising in quirky design books, and Cow&Co, which runs alongside local studio SB Studio. I also had a pretty decent lunch – Chicken Sage & Onion casserole, to be precise! This was the first time I’ve eaten casserole out of a cardboard box. I sat and ate whilst other creatives enjoyed their lunches and drew on the table with felt-tip pens. 

Lunch at Camp & Furnace

I love how the building has kept its industrial, utilitarian roots intact, yet everything that is ‘new’ has been done very thoughtfully and in a way that is inkeeping with the building’s character. There are even caravans like the one below dotted around the place, which can be rented out as boutique hotel rooms!

After the lunch break, it was time for another talk – this time from illustrator and toy designer James Jarvis. He spoke of his love for toys such as lego, and ran us through the thinking behind Amos, a venture he set up in 2002. We were treated to numerous slides showing the Amos character in different situations, many relating to popular culture at any given time. He then did some drawing live on stage which was particularly interesting to watch.

James Jarvis drawing some of his favourite things – spherical characters and skateboards!

Later, we heard from Simon Manchipp, creative director and co-founder of London-based design studio SomeOne. He spoke at some length on the topic of branding, which was really helpful and interesting to hear, considering I’ve been working on a few branding and identity projects recently. It was great to see all of the work that SomeOne has been involved in, including the Compare the Meerkat/Compare the Market campaign; those who follow me on twitter will know that I am quite a fan of this particular phenomenon! Manchipp explained how weirdness can often give the best results – Compare the Market are now the leaders in the field of insurance comparison sites, having previously been at the bottom of the pile.

Compare the Meerkat! Weird = success!

He also spoke about the future of the logo, and displayed how the branding for the London 2012 Olympics, part of which was created by Manchipp and his studio, revolved around shapes and a design language, rather than a simple logo (even though the logo itself has become something of a talking point in recent years). Manchipp argued that the traditional logo, and creating consistency within a brand, is no longer effective enough. Instead, a coherent strategy should be created to work across various different channels, stating that stamping the same brand on everything is no longer the way forward. He also made the very valid point that nobody seems to like new logos – they always get stick from the press, the public, the staff and of course, the internet. I can’t say I agreed with him on everything, but it was really interesting and challenging to hear a different perspective, especially from someone with such experience!

Manchipp on the London 2012 branding and icons.

Unfortunately due to other commitments I missed the final keynote of the day, which was highly disappointing! But I am so glad I made the journey over to Liverpool for what was an interesting day of talks, in a really quirky, inviting venue. Here are a few pictures of Camp & Furnace, and the goodies I received from Designival.

Designival wristband! Nearly cut off the blood circulation to my hand when I put this on!

We were all given a copy of ‘The Designist’, a neat little book detailing the must-see things in Liverpool for designers!

This opened up into a neat little map of creative Liverpool, which then reveals the book. A bit like Pass the Parcel!

There it is!

Overall, I really enjoyed it. It was awesome to talk to some of the people from Liverpool’s top studios, and to hear from some of design’s biggest names on the Friday was especially helpful and interesting. If you couldn’t go this year, then I highly recommend you give it a go next year! It’s great to have such an event in Liverpool, rather than having to make the journey to London or even Manchester, cities that are normally seen as the creative centres of the country.

Farewell, Ceefax!

Today, as the digital takeover nears completion, Ceefax will be consigned to the history books. The blocky, pixelated information centre of our televisions has been a staple of the British family’s television set for 38 years. I remember it being one of the first ports of call for the latest information when I was growing up. Look how things change – now we have Twitter filling a similar role on our computers and smartphones.

Well, conveniently, today has seen this. Created by Jonathan Cresswell, Twefax converts your entire Twitter feed into a fantastically retro Ceefax page. It really is like stepping back in time and sitting in front of your television set, and is a reminder of just how far graphics and the internet have come in recent years. Before digital television came along, Ceefax would regularly be on the TV screen if we needed information, and that was only just over ten years ago.

Anyway, enough of my rambling on with history lessons – if you’re a Twitter user, go and give it a try! Have a nostalgic moment!

Twefax – Twitter meets Ceefax!

Twitter as we see it today. Or at least how I see it!

Read more on the demise of Ceefax over at the BBC Website.

This Advertising Life

Well, I’m having a bit of a humorous moment today. I came across ‘This Advertising Life‘ earlier this year. Whist I’m not an Advertising or Marketing student, much of the sentiments that appear on this website are just as applicable to the Graphic Design world. Essentially people submit humorous animated GIFs, which are then featured on the website with tag lines that can be easily related to by designers and other creatives.

Below are some of my most recent favourites. I can particularly relate to the Keynote vs Powerpoint one!

“When I’m told the deck I’ve been working on needs to be done in Powerpoint instead of Keynote”

“The new intern at his first office party”

I normally cannot stand GIFs of any sort, thanks to their decidedly lo-fi nature. But some of these just make me laugh. Go ahead and have a browse!

Today we had the last of our lectures on Identity Design. We looked at what the future holds for this area of design, and it is very interesting to see some of the advancements in technology and how this is changing the way we design.

Something that has become increasingly popular over the last couple of years is Crowd Sourcing. Companies look to the public and their customer bases in order to come up with new products or ideas. A recent example is French car manufacturer Citroen’s attempt to crowd-source to produce a new special edition of their C1 model. They got in touch with consumers via their Facebook page, which has over 100,000 ‘likes’, and asked them to decide on the best configuration for their new ‘Connexion’ special edition. 24,000 people got involved which resulted in the car that Citroen launched to the British public in August 2012.

Of course, this has both good and bad implications for a brand and the role of the designer. The good points are that this method takes customer relationships to a new level; the manufacturer is directly asking the consumer, whether they are a current customer or not, to decide on the specifications of a new car. It also brings with it a whole heap of publicity, as Facebook users share their designs with friends, encouraging others to take part. However, you have to question whether the people that are taking part really know what they are doing. They aren’t professional designers. In this instance, however, Citroen offered limited variations on which way the design could go, ruling out what could’ve been some fairly tasteless configurations. Additionally, Citroen wouldn’t do this for every single car they make and sell.

We also looked at advancements in Print Media. Many have suggested that ‘print is dead’, thanks to the digital revolution and the increasing popularity of smartphones and apps. The Guardian newspaper have even spoken about going entirely digital in the next two years. However, many also believe that print still has the legs to stand up to digital. Little Printer has been dreamt up by Berg, and brings news from friends (via Twitter), puzzles and world news onto one little strip of paper. It prints a bit like a receipt, and brings a whole new meaning to social networking and how we view the latest news. Berg have been readying Little Printer for launch for some time now, but you can see it in action on this page.

 

Another aspect we looked into was that of the Brand Experience. This may seem like nothing new, but there are an increasing number of retail spaces springing up around the world, designed to support a brand and get people interested in out-of-context areas. Examples of this include Citroen’s C_42 showroom, L’Atelier Renault, Peugeot Avenue and Rendezvous Toyota, all situated on the Champs Elysées in Paris. These allow the brands to bring their products and services to an audience that might not otherwise experience them in a retail setting. I have visited each of these ‘brand experience’ showrooms, all of which are totally different to anything we have in the UK when it comes to selling cars. Renault recently reopened L’Atelier, which can be seen below:

 

Ferrari have a similar setup in London, whilst MINI have one in Amsterdam. I think they are particularly useful at gaining publicity and creating a buzz around the specific city for the company’s products and brand.

I am going to be developing my ideas for an all-new brand identity for the University of Chester’s Christian Union as part of this project. The brief was chosen by my research group and I have decided to continue to focus on this community as I feel it can become a bigger part of Chester as a whole, and visual improvements are needed in order for this to take full effect and appeal to a wider audience. I’ll be updating everyone on this via the blog, so do subscribe or follow me on twitter to stay up to date!

Looking through the work on the D&AD Student Awards website, I came across this work from advertising student Steven Kelly. He takes clips from children’s television of the 1990s, cleverly layering unusual music over the top – completely at odds with the original clip. It forms part of an advertising campaign for Pitch & Sync.

Steven won in the advertising category of the awards with these entries. My favourite is this one, featuring Rosie & Jim. The other pieces, which feature characters from Sesame Street and Sooty, can be seen at Steven’s Vimeo Channel.