new facebook design 2

7/27/2019 New Facebook Design 2

1/18

8/23/13 New Facebook Design Hits Your Browsers July 2013 - Nova Digital Media

www.novadigitalmedia.com/new-facebook-design-hits-your-browsers-july-2013/

JULY 25 2013

New Facebook

Design Hits Your

Browsers July 2013

That me that the Nintendo Generaon relishes is back again and at this very moment a

very small percentage of your friends and maybe those lucky few that have stumbled to

this post and unwingly have it already.

There are 1 billion of us that use it and we are all subject to it being forced upon us and

without the need to fluff it up further I give youThe latest incarnaon of the Facebook

interface!

As we did our aernoon login to check our Facebook accounts at the Premier Essex

Digital Agency that is Nova Digital Media, primarily a Web Design Agency from the UK, one

of our Developers jumped from his chair and yelped almost like someone had stuck a

thumb tack on his chair and yelled I have the new Facebook!.

Well I recall the last incarnaon and the hype that it caused with the new meline or wall

or whatever you want to call it. However, this me round there seems to be a more all

round version update that has taken the Graphical User Interface of the worlds most


2/18


www.novadigitalmedia.com/new-facebook-design-hits-your-browsers-july-2013/ 2

social website and I for one am glad its here.

I am ashamed to say that it wasnt me that got the update and of the 5 of us, only 1

received the new glorious graphics of Facebook Design so should you wish to be

considered for the new interface early you need to get over here:

hps://www.facebook.com/about/newsfeed and register your interest.

What is New for Facebook in

July 2013
https://www.facebook.com/about/newsfeed


3/18



The largest alteraons have been made to the way we use Facebook for search and

navigaon which would suggest that Facebook have been one of the first to act on the

data freely available on the Internet which is the Tidal Wave of browsers now using

Mobile Devices to connect to their favourite websites.

Mobile Devices have long been considered a possible future permanent soluon for

browsing the internet and I believe that this confirms that the Web Designers of the

future Facebook are considering this too, If we consider the Apps Facebook has released

and the large number of people that are using the Giant Social Plaorm now for Local and

Naonal Searches doesnt this seem to be a natural move for all web sites?

I dont mean to blow my own horn here, but Ive been saying this for years. This is simply

the first me I have put my opinion in the public domain. Mobile and Touch Navigaon

Web Design has been at the forefront of Nova Digital Medias repertoire since its

reincarnaon as a Small Web Design Studio in Essex to a Full Creave and Digital Agency

in 2013.

Think about it. Whats happening all around you on the morning or aernoon commute

today?

Look around when your next on the train, People browsing their phones, tablets or

laptops right? If not, then chances are they are playing Candy Crush, Farm Ville or some

other Facebook Game.

This latest interface alteraon seems to bring a sense of alignment between the MobileVersion people are becoming accustomed to and distancing the old Desktop Browser

Version, which as you can imagine seems to lead us to consider that Facebook are one of

the first to consider that Mobile Design is more important than Desktop Design.

A New Header for a New


4/18



From the top of the page we noced immediately that the icons that assist site wide

navigaon have been given a shuffle, possibly to opmise site design more in line with

standard design pracce of having navigaon on the top right and the logo in the top le.

I would hasten to add that the biggest brand change is that the word FACEBOOK no longer

sits upon the page like a Logo king on the throne. Instead Facebook have opted for the

more Social Media Icon style Logo that has been plastered over websites on the internet

like a Social Rash and in our humble opinion is a more noceable and recognisable brand

image than the wrien and custom font that is the old Facebook logo.

The font in the search bar seems slightly larger and the search bar has a soer and

rounded border. The icons informing us of new friends, messages and noficaons have

been cast aside over to the right where we think they belong.

the privacy sengs icon is separated by a small pipe and then a small downward poinng

arrow which signifies more opons in the furthest right hand side which opens up the

menu that was hidden behind a cog icon before.

The New Face of the New

Facebook a Contrasted Icon?

A small quirky change, but for a me something that is noceable as a highly improved GUI

alteraon is the Facebook Icon / Logo next to the search bar. This alone is enough to

make me excited without all the other alteraons. But to the less Interface Design

inclined I thought Id point out a a great use of contrast design to highlight the companies

brand and a clear and easy way to highlight the brand.

But in line with their internet dominang goals why not use the community adopted icon

to show their brand dominance, this is the visual equivalent of someone googling

something. There are more versions of this Facebook brand than any over online (maybe


5/18



w excep on o e um s up com ng n a e rear as s a su e con a e

Masters arent too worried about using to distract there visitors.

Cleverly making this the focus of the branding isnt this reversing that thought process and

causing all of those icons to be the actual brand logo of the magnum opus brain child of

Mr Zuckerberg.

Side Bar Navigation

A much neater and hidden away side bar navigaon allows users to get the full screen


6/18



Chat Sidebar

To some the best feature of all, hide the chat is sll possible but with a slightly opmised

look and integrated feel to this area of Facebook, previously this was achieved with a

single icon in the lower le corner of the chat area, now this is part of a menu system

that includes addional Filterable chat features like; Chat with Lists allowing you to select

only a group of people that you would like to chat to.

How fun, No longer do you need to set up advanced privacy sengs or completely go

offline to avoid someone you may sll owe money too from that hazy weekend bender!

effect of their Tablet or Phone while sll having access to the all important News Feed,

Messages, Events, Pages, Apps and finally Groups.

Im imagining in a few years when all monitors are Touch or Gesture Enabled and a

simple, flick of the finger will, show or hide the Navigaon allowing the content in the

main part of the page to remain the dominant focus for the viewer.

Post Search Feature

This is a complex piece of code and styling here to complete again another simple

method of keeping a large menu at bay.

In Interface design we call this an accordion, as like its namesake the instrument that

delights some on the busy streets of Camden, London every now and again it is a small

object that can on demand become a much larger object. Clicking a menu item will

expand that item to reveal sub secons or child navigaon secons if you like hidden like

a Russian Doll gleefully popping open a ny menu within.

Each item also ives ou a reat indicator of its usefulness b showin ou new

Home Services Work About Team

Blog Contact
http://www.novadigitalmedia.com/#contacthttp://www.novadigitalmedia.com/#bloghttp://www.novadigitalmedia.com/#teamhttp://www.novadigitalmedia.com/#abouthttp://www.novadigitalmedia.com/#workhttp://www.novadigitalmedia.com/#serviceshttp://www.novadigitalmedia.com/#main-sliderhttp://www.novadigitalmedia.com/


7/18



informaon that has been posted or updated within the interface in again a clever and

subtle drop shadow style.

The same great List features are available for you to use, there just seems to be a beer

design around presenng the lists / likes and page feeds to you in this shiny new version.

Post / Wall Filters

Once youve seled on a wall item, your also given a wonderful punch in the eyes with a

new way of displaying the content to you in a Metro Style organisaon of the images and

posts using a style we are accustomed with from the previous Interface Update that we

now all enjoy.

There is however a new banner that is customised with a personalised image to your

interests adorning the top of the new filtered wall, indicang as clear as glass that you are

on the filter that you selected.


8/18



Click the boxes below to see

screenshots of how the filters work

Tab Content

Photo Filter Music Filter Games Filter
http://-/?-http://-/?-


9/18



The New Timeline Wall for New

Facebook


10/18




11/18



Profile Icons

The first noceable thing for me was the adjustment made to the Profile Icons, the

rounded off corners and more complete images seemed to leap out of the screen at me

and without trying draw my aenon to the relevant wall post.

Whats more is the use of the icons to signify the post type, events are presented with a

snazzy almost iOS style date icon and other Facebook plaorm features seem to have a

newer more polished look about the icons, but the personalised and commercial posts

look beer too, this design really brings the wall secons into the iPhone age and give the

posts a look that is akin to a customised buon for an iPhone App.
http://www.novadigitalmedia.com/wp-content/uploads/2013/07/Profile-Icons.pnghttp://www.novadigitalmedia.com/wp-content/uploads/2013/07/Profile-Icons.png


12/18



Emoticons

Emocons gleam from the page like a Super Nova Star in the cosmos on a dark night, like

a beacon of emoon they signify to us that someone dear and personal has requested

something now Im not saying this is a new feature at all.

But again with a polished look the new icons seem to be brighter and much more

appealing, I only glanced at the lile hear emocon but I would be very surprised to findthat Facebook have only updated one icon.

Ive noced 2 already and Im looking forward to discovering a whole new icon set that

Facebook have recreated giving one Essex Based Graphics guy a lile pixel pick up!

Friend Likes on Posts

This is a great new feature for those egoscal wall addicts or conceited post people

among us (in a nice way, of course), with this instant visual cue youll get to see not only

how many but who liked your wall post allowing to you to connue your rant or

informave post to the masses most interested in your ramblings.

Also youll see who your real fans are by geng a quick glimpse of their face on the wall
http://www.novadigitalmedia.com/wp-content/uploads/2013/07/Profile-Icons.pnghttp://www.novadigitalmedia.com/wp-content/uploads/2013/07/Profile-Icons.png


13/18



rather than several clicks and a lot of guess work!

Enhanced Post Images

Looking at the new image, its possible that Facebook have spent some me opmisingthe image used on their launch page but aer closer inspecon it does seem that most

of the images that are on the site being viewed on the latest incarnaon are a bit, higher

definion?

Is this down to the image engine that powered the billions of images on the site and is this

also taking into account overall global increases in broadband speed? I think so, further

more with faster speeds the Light-box (pop-up image viewer) that displays the images

upon mouse click, which seems to also be slightly more generous giving us, larger monitor

folk, more image by drawing the box closer to the edges of the screen. This is not fully

tested as we rushed straight to word processing once we saw the New Facebook so


14/18



please excuse us if this turns out to not be the case.

However Im sure youll agree that the way gallery posts are displayed is very much an

improvement with an almost Windows 8 feel in the new led layout. Also allowing you to

skip the first image and also get a bit of informaon about the gallery within the post le

before you need to click it.

This almost seems like Facebook no longer want you to stray from your wall giving you

the filters and led informaon posts excerpts with as much informaon as possible

making the New Wall a more informave place to be in Facebook.

Video and Multimedia Posts

Video Posts have also seen an overhaul of the design of the post le showing off the

video with the new customer integrated video player instead of the YouTube feed of old

and also giving us the same caponed le that we have seen with the Image gallery posts.

Im wondering if there is a audio or sound only version similar to sound cloud in the

making allowing music to be streamed from the wall of a filtered user giving us an almost

playlist for our favourite music.

You hearing me Facebook?

Facebook Image Search

Filtering the wall for images seems to be a great way to also get rid of the stuff you dont

want and is possibly a game changer for family members that simply want to nose

through other family members images to catch-up without making that social interacon

that used to be called a phone call.

Dont get me wrong Im a Facebook enthusiast but as more features like this come into

play is makes me wonder if this sort of filterable opon will push families further apart by


15/18



,

the wedding? or Did you enjoy your holiday?

Gallery updates, improved imagery and filterable searches through the inbox of wall posts

that we are presented with allow us to focus our aenon on what maers to us at the

me and leave the tangents and misgivings of the old melines a firm shove to the

knackers yard as we strive for opmum use of our me and a more focussed experience

on Facebook between breaks at work or on the 30 minute commute home.

Messenger for Windows

The best for last? Finally the new Messenger for Windows, Is this the doing of the

Windows 8 or MSN squad over at Microso? With the Skype envelopment with Windows

8 it seems possible that the strong connecon between My Zuckerburg and Mr Gates as

the 2 giants of soware have teamed up in another area with Bing Search being just the

p of the Iceberg.

Whats next Skype Calls on Facebook? Why Not?

Well hey maybe thats how the Facebook Video Calling works with Skype Mechanics?

Well whether this is the latest aempt to revive the old dying Windows Messenger (MSN)

via Facebook it is enrely possible, aer all who are we to speculate on the possible

alliances and soware collaboraons that have taken place at camp FaceSo (you see

what I did there!FACE- book, micro-SOFT!).

Noce however that MicroSo only plaorms are not the only place Facebook wants to

play on this new Soware. Messenger is available also for Mobile and Firefox, look

closely that seems to be an android phone! Hey who are Google to stand in the way of

progress right!?


16/18



To Sum it all up

To coin a phrase, innovaon is 99 perspiraon and 1 inspiraon and it seems in the back

rooms of the Facebook Factories like The Wonka Chocolate Factory, the wonderful

minions and powers that be behind Facebook have worked very hard and furiously

hammered out this wonderful new toy and I love it! So from us at Nova Digital Media,

THANK YOU!

But what will this Facebook Revoluon mean for the likes of You and Me as users?

Ease of use, Mul Plaorm Compability, Responsive Design for Mulple Screen Sizes and

much more

Of course, Design and Interface Improvements are all that le for the Facebook Crowd,

making it prey and easy to use is a long overdue version update that we were all needing

to refresh our palees for this tapering off growth session that Facebook has been

enjoying for the last few years.

The road map now for Facebook with a fully Touch and Gesture friendly interface is good,

the possibilies are now open to all sorts of great new tools, ideas and updates; Office

365, Outlook Accounts, Adobe Facebook Apps maybe?


17/18



Hey thats great for us, we work in Facebook every day so having our Office in here with

our preferred crowd would be a great idea.

For now though all I can do is sit and be jealous that my Web Developer is sing perusing

the new features and Im sll on the waing list.

COME ON FACEBOOK GIVE A MAN A BREAK! LET

ME IN!!!

Leave a Comment

Name *

Email *

Website


18/18


SUBMIT COMMENT

Copyright 2013 Nova Digital Media
http://www.novadigitalmedia.com/http://twitter.com/TheNovaAgencyhttp://facebook.com/NovaDigitalMedia

new facebook design 2

Documents