Facebook Facelift

Focus sur Facebook Facelift, un projet personnel du designer australien Barton Smith. Son challenge : redesigner la forme et les fonctionnalités du réseau Facebook. L’interface est plus compréhensible et met l’accent sur l’expérience utilisateur et le contenu. Vidéos disponible dans la suite.



facebook-facelift-by-barton-smith-006

facebook-facelift-by-barton-smith-004

facebook-facelift-by-barton-smith-003

Plus d’images dans la galerie / Page Facebook Fubiz


Related posts

49 comments (add yours?)

  1. g19.10.2009 at 13:05

    ouais je suis tombé dessus récemment… pour être honnête j’apprécierai vraiment pouvoir surfer avec une interface pareille… tellement plus sobre…

  2. kiedis19.10.2009 at 13:10

    j’aime bien cette façon de voir les photos :)

  3. Steffen19.10.2009 at 13:15

    Is this official? :O

  4. edouard19.10.2009 at 13:23

    how can we get this facelift??

  5. Eli19.10.2009 at 13:24

    Steffen: no, it’s just a designer’s idea.

    I don’t think this would really work for Facebook, because it’s so artsy it wouldn’t work for regular users.

    In my opinion.

  6. Most interesting Ideas19.10.2009 at 13:27

    Designer’s dream :)

  7. Arno19.10.2009 at 13:29

    Je suis tombé dessus aussi il n’y a pas longtemps, j’adore !
    Ce serait top si facebook repensait l’interface de cette façon.

  8. Mat19.10.2009 at 13:54

    Magnifique le rendu

  9. unlimilove19.10.2009 at 14:07

    Perso j’adore…
    Mais le design me semble beaucoup trop froid pour une utilisation grand public..
    Pour preuve sufit de compter le nombre d’inscirts au groupe: “Pour pouvoir personnaliser sa page facebook!”

  10. Loïc Chauveau19.10.2009 at 14:08

    L’interface est vraiment sympa, la navigation bien pensée.

    Par contre les codes couleur et autre sont en totale rupture avec l’univers FB, donc pas sûr que la firme soit prête à un tel changement :)

    Lo.

  11. Mir Express19.10.2009 at 14:12

    les codes couleurs de facebook, c’est bleu et point barre..
    je vois pas où il y a rupture sur cette vidéo???

    navigation plus accessible, plus fluide
    plus d’espace dc plus de visibilité

    nan, franchement, c pas mal du tout
    (à moins qu’on mette un bleu plus “nuit” bien sûr……….)

  12. sebab19.10.2009 at 14:21

    moi j’aime pas facebook !

    commentaire complètement inutile, j’avoue…

  13. g19.10.2009 at 14:46

    rha j’ai pas pu m’empêcher de regarder à nouveau tout le bazar.
    ça fait plus sobre.
    vraiment… :/

  14. KoV19.10.2009 at 16:24

    Euh l’interface est sobre mais pas une révolution ergonomique …
    La taille des boutons est trop faible.
    Les animations de transitions sont seulement cosmétiques et les ressources demandées seraient trop importantes. Facebook est un site mondial communautaire et non un site vitrine de designer. Il doit tourner parfaitement sur des configurations d’il y a 4 ans.
    Sur une courte vidéo les effets peuvent paraitre sympathique mais croyez moi cela nuit à la longue à la navigation.
    Qui plus est, la rapidité de navigation est complètement utopique pour un si gros site.

  15. Pierre19.10.2009 at 16:29

    C’est plein de vide. Ca fait CSS pas finie. “Pushing pixels around the screen”. C’est vraiment ça, on a l’impression qu’il a oublié dans mettre au centre. On dirait une copie de Xing.com
    Il a remplacé le search par des listes ordonné par ordre alphabétique… “yeahhh”. C’est peux être joli (j’trouve pas mais j’vous le concède) mais en terme d’intéraction c’est vraiment pas ça.

  16. T0Y19.10.2009 at 16:33

    Par contre ca pourrait être une version alternative laissé au choix de l’utilisateur, qui remplacerais si elle a du succès l’ancienne version une fois que tout le parc informatique ait évolué.

  17. bigbanana300019.10.2009 at 16:35

    To be honest… A facelift is what Facebook needs. This would be a good starting point. There are communities, which have way more organized interfaces and less useless stuff. At the moment Facebook is just horrible!

  18. Junior19.10.2009 at 17:14

    Amazing!

  19. Soren19.10.2009 at 17:20

    Il est sans doute possible de s’en approcher avec un script Greasemonkey… même si ça ne reproduira pas totalement Facelift :-)

  20. julien19.10.2009 at 17:26

    @pierre, ferme la un peu.

  21. Henrique19.10.2009 at 19:06

    great job

  22. aminoux19.10.2009 at 19:34

    Message reçu depuis le groupe facebook :

    “Hey folks,

    Facebook gave me a call the other day. We had a chat about the design and employment, but when I mentioned that I can’t script, that opportunity kinda slipped. Still flattering though. Anyway he like some of the ideas behind it and encouraged I use their API to develop it further. If anyone has played around with their API let me know.

    All in all a good chat and a cool guy. Seems like it would be a great place to work. Especially since they get gourmet meals cooked for them 3 times a day :)

    Cheers,
    Barton”

  23. loris19.10.2009 at 20:36

    Mwé, le design est grandement inspiré de skimmer, qui est elle est un application qui existe et fonctionne. http://www.fallon.com/skimmer

  24. Austin Bankruptcy Lawyer20.10.2009 at 0:15

    J’aime cet façon. C’est une bonne idée.

  25. Charles20.10.2009 at 0:35

    This guy have potential to build his own social website!

  26. Repier20.10.2009 at 9:28

    Ca pourrait me réconcilier avec facebook, parce la version actuelle est tellement brouillonne que j’y comprends plus rien… C’est devenu un tel merdier qu’on ne sait même plus distinguer la pub du vrai site! Remarque c’est ptet le but…

  27. jACk20.10.2009 at 9:37

    D’accord avec KoV, Facebook est un site qui se doit d’être rapide à prendre en main, et l’utilisation du Flash risque de ralentir l’échange de donnée et augmenter les bugs, un peu comme l’ancienne version de Deezer. Après, ça reste de la théorie, il faudrait essayer :) Perso je trouve qu’il y a encore trop de boutons, il faudrait une interface totalement révolutionnaire à la Iphone, de l’icône au détail. Il y a une vraie recherche à faire sur la hiérarchisation des informations.

  28. Love Shopping20.10.2009 at 11:58

    Ce serait si Facebook intégrait le fait qu’on puisse changer nous même les templates… Ce serait une très bonne amélioration plutôt que de faire des boutons “j’aime” et autres trucs inutiles…

  29. egypt web design20.10.2009 at 13:45

    wow nice design are this official.

  30. cellulegrise20.10.2009 at 14:31

    Mouai… Barton Smith s’est très largement inspiré (pour ne pas dire plus) de l’application Skimmer designé par Andy Guyel (alias 32round) pour Fallon.

    Donc Bravo Andy. Love your works…

    http://www.32round.com/
    http://www.fallon.com/skimmer

  31. garth23.10.2009 at 9:27

    very nice design… why don’t someone propose to mark to make the design of facebook as an open source, so that these kind of design can then become something that has selling points… hehehe…

  32. bilal24.10.2009 at 18:55

    franss

  33. Amandine du 3825.10.2009 at 21:36

    Franchement, elle a l’air beaucoup plus pratique et jolie que la version qu’on a en ce moment =p
    J’espère qu’il la mettront sur FB

  34. Mikou10.12.2009 at 12:47

    Le “design” change l’apparence de facebook et l’effet de surprise de ce renouveau est par conséquent séduisant. Les effets de fluidité (fade, slide etc.), on s’en serait lassé rapidement s’ils avaient été intégrés au Facebook actuel.

    Mais justement, pourquoi n’y a t-il pas d’”effets” de fade sur le facebook actuel, la même question peut s’appliquer à Google ou n’importe quelle autre interface “grand public” ? Es ce parce que ces vilains ingénieurs ne pense pas que le design ait une importance ?
    C’est précisément l’inverse. Le tout s’explique par l’une des “plus belle” création de design ces 20 dernières années : Le HTML Hypertext Markup Language. Le HTML, est un “format de données” qui se charge de remonter un contenu dans un navigateur. Ce contenu ne contient aucun information sur sa mise en forme qui elle est prise en charge par des feuilles de style (CSS). Le fait d’avoir un contenu le plus élémentaire possible rend possible l’accessibilité. “Accessibilité”, n’est ce pas là une des préoccupations les plus à la mode dans l’univers de la création ?
    Il faut penser aux handicapés, aux plus jeunes, aux moins jeunes etc.
    C’est parce que les grosses plateforme comme facebook doivent rester accessible que leurs interfaces sont générées en HTML. Sinon, on ne pourrait plus y accèder avec nos jolis iPhones.

    Je trouve que le projet “facelift” est un bel exemple de l’attitude mondaine qui règne autour du design. Séduire par des effets graphiques qui impliquent des moyens colossaux pour sa mise en œuvre et le tout pour une accessibilité moindre. Pour nombre de designers, il suffit de voir le sommet d’un iceberg pour développer des théories sur son esthétique. Pourtant, sous l’iceberg, se cache bien des surprises.

    HAHA. C’était mon coup de gueule de la journée. Ceci dit, j’ai aussi du respect pour ce projet. Tout travail mérite salaire et Facelift est un projet séduisant à condition d’oublier tout le contexte se situant autour de son aspect graphique.

  35. niko25.01.2010 at 5:17

    not bad.. one from many things that make those interface look good are the sufficient spaces between the interface elements, and the big profile pictures. but not everyone has high res display, some of facebook user might only use just netbook which has really small display.. so would like to see how u cope with this. but still, respect! nice typeface, on grid proportions..

Leave a comment