new facebook design 2
TRANSCRIPT
-
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
-
7/27/2019 New Facebook Design 2
2/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/ 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 -
7/27/2019 New Facebook Design 2
3/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/ 3
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
-
7/27/2019 New Facebook Design 2
4/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/ 4
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
-
7/27/2019 New Facebook Design 2
5/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/ 5
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
-
7/27/2019 New Facebook Design 2
6/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/ 6
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/27/2019 New Facebook Design 2
7/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/ 7
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.
-
7/27/2019 New Facebook Design 2
8/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/ 8
Click the boxes below to see
screenshots of how the filters work
Tab Content
Photo Filter Music Filter Games Filter
http://-/?-http://-/?- -
7/27/2019 New Facebook Design 2
9/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/ 9
The New Timeline Wall for New
Facebook
-
7/27/2019 New Facebook Design 2
10/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/ 10
-
7/27/2019 New Facebook Design 2
11/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/ 1
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 -
7/27/2019 New Facebook Design 2
12/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/ 12
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 -
7/27/2019 New Facebook Design 2
13/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/ 13
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
-
7/27/2019 New Facebook Design 2
14/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/ 14
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
-
7/27/2019 New Facebook Design 2
15/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/ 15
,
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!?
-
7/27/2019 New Facebook Design 2
16/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/ 16
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?
-
7/27/2019 New Facebook Design 2
17/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/ 17
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
-
7/27/2019 New Facebook Design 2
18/18
8/23/13 New Facebook Design Hits Your Browsers July 2013 - Nova Digital Media
SUBMIT COMMENT
Copyright 2013 Nova Digital Media
http://www.novadigitalmedia.com/http://twitter.com/TheNovaAgencyhttp://facebook.com/NovaDigitalMedia