Le nouveau format de pages Facebook lancé fin février a vu naître un nouvel espace de créations pour les applications. Découvrez avec ces quelques exemples, comment les webdesigners ont relevé le défi. En bonus, téléchargez gratuitement un template d’application Facebook en PSD.
Après le lancement de la timeline Facebook pour les utilisateurs, l’arrivée tant attendue de son adaptation pour les pages a fait couler beaucoup d’encre. En plus de la mise en page et le principe de navigation totalement revu, de nombreuses fonctionnalités ont été ajoutées. Nous n’allons pas revoir en détail ces nouvelles caractéristiques ici, mais nous allons nous intéresser aux applications présentes au sein des pages de marques. Après ce petit tour d’horizon, retrouvez un template gratuit à la fin de l’article.
810 pixels de large
Comme vous avez déjà pu le remarquer, les nouvelles applications Facebook passent de 520 pixels à 810 pixels de large. Un espace non négligeable à prendre en compte lors de la création d’une application. Toute la réflexion ergonomique est à revoir : ici nous disposons presque d’une largeur identique à un site « standard » à 960 pixels. Pour la hauteur, pas de limitation clairement établie. Une scrollbar globale se met en place sur la page lorsqu’elle devient nécessaire (contrairement à l’ancienne version qui plaçait la scrollbar dans le cadre de l’application.)
Au final, les applications possèdent à présent une place de choix dans le layout de Facebook, en offrant un bon espace visuel. Les applications se rapprochent aujourd’hui de véritables mini-sites, parfois très complet. Les agences spécialisés n’ont pas tarder à conseiller les marques, en développant de nouveaux concept sur le réseau social, et en mettant à jour leurs pages existantes. Ce ne sont pas les exemples qui manquent !
Heineken
Philips
BlackBerryFR
HTC France
Alain Afflelou
Stüssy Amsterdam
La boite à Pizza
Pepsi France
NES
Schweppes
Granola
Bourjois Paris
Rihanna
Red Bull
Pagemodo
La Nouvelle Cuisine des Pâtes Panzani
Dolce&Gabbana
Lexus
Toyota USA
Oasis Fun Page
M&M’s France
Axe France
Tic Tac France
Chupa Chups
Nike Football France
Samsung Mobile France
XBox France
Haagen Dazs France
Citroën France
Dominos Pizza
BONUS : un template d’application Facebook
Pour gagner du temps lors de la création d’application Facebook, retrouvez un PSD gratuit à télécharger. Vous pouvez vous en servir comme base de design. Simple mais toujours utile ! Si vous avez besoin d’un PSD du site Facebook au complet, je vous conseille le très bon template d’Antoine Plu.
