Annoncé officiellement ce matin sur le blog du réseau social, le nouveau Twitter va progressivement envahir vos écrans de bureaux et de mobiles. Petit tour d’horizon des améliorations apportées.

Plus clair et plus simple

« Un monde à explorer, un moyen plus simple et rapide de se rapprocher de vos passions. » Telle est la vision du nouveau Twitter, qui se veut plus simple, plus cohérent entre les différents terminaux, PC de bureau ou mobile. Il est vrai que pour un néophyte, Twitter est souvent perçu comme une grosse usine à gaz (ou presque). Une fois que l’on maîtrise le site, un temps d’adaptation peut-être nécessaire pour l’application mobile ou vice/versa.

Un des points central de la simplification se situe au niveau du menu principal : 4 icônes pour naviguer dans le contenu + 1 bouton pour Tweeter.

Fondamentalement le fonctionnement du site ne changera pas. Vous retrouverez toujours votre page d’accueil avec le flux de Tweets, qui s’étendent désormais pour dévoiler leurs réponses, retweets, photos et vidéos. Plus pratique.

Le nouvel onglet « Connecter » permet de suivre plus facilement une conversation. Voyez qui vous a suivi, retweeté, mis en favori ou ajouté à une liste. « Découvrir » permet d’afficher un flux de recherche avec le fameux #hashtag mais aussi de trouver qui suivre, en fonction de vos amis et de vos intérêts. Déjà disponible sur la version actuelle certes, mais avec une ergonomie totalement repensée.

Un profil personnel plus complet

Le dernier onglet « Compte » vous met mieux en valeur au yeux du monde entier. Tout est lisible d’un coup d’œil, biographie, photo, localisation, site web… On dirai bien que le profil Twitter devient visuellement plus solide.

Pour quand ?

L’annonce de Twitter n’est aujourd’hui qu’un début. L’interface évoluera bien entendu en fonction des retours utilisateurs. Vous pouvez déjà utiliser le nouveau Twitter sur votre Iphone ou votre Android, le reste suivra petit à petit.

Pour conclure

Bien alléchant tout cela certes, mais pour l’instant sans tester réellement sur la version de bureau, il est difficile de se faire une idée. [edit] La version web est déjà disponible depuis vendredi 9 décembre ! [/edit]. Dans tout les cas, je trouve la version mobile très réussie. Plus simple et rapide d’utilisation, avec un design tout simplement très propre ! Testez et donnez-moi votre avis

Toutes les infos sur le site dédié fly.twitter.com

Il est temps de mettre un peu de nature sur votre bureau ! L’exposition Desktopography 2011 est prête à vous accueillir, avec des dizaines de fonds d’écran de qualité à télécharger.

Depuis 2005 déjà, Desktopography par son fondateur, l’artiste digital Pete Harisson, invite les meilleurs designers à créer des fonds d’écran inspirés par la nature. Au programme, illustration,matte painting, et photomanipulation en tout genre. Pour vous mettre l’eau à la bouche, voici une petite sélection :

Je trouve personnellement que le cru 2011 est globalement porté par un univers très sombre, contrairement aux années précédents. Ce qui, soit dit en passant, n’ôte rien à la qualité des créations.

Et vous quel est votre avis ? Avez-vous fait votre choix ?

Rendez sur Desktopography pour trouver votre bonheur

La collection TEN, vise à promouvoir l’art digital au travers de 10 thèmes, avec 10 créations réalisées par 10 pointures de l’art digital français. À la clé, 10 PSD gratuit !

Crée à l’initiative de Fotolia, associé à Wisibility, Amkashop, Adobe et Wacom, le site de la Collection TEN ouvrira ses portes dans le 9 décembre prochain. Le projet représente un excellent moyen de découvrir le travail de 10 artistes français et de plonger au cœur de fichiers PSD. Idéal pour apprendre et comprendre comment réaliser ce type de créations.

10 artistes, 10 Thèmes, 10 PSD étalés sur 10 mois.

Chaque mois, vous découvrirez la création d’un nouvel artiste sur un thème précis. Attention le fichier PSD de la création ne sera disponible au téléchargement gratuit que 24h. Au delà, rien de perdu, vous pouvez vous offrir le PSD en format A3 300 dpi au prix de 7 €.

Vous connaissez sûrement plusieurs des 10 artistes de renom sélectionnés :

- Hellohikimori : http://hellohikimori.com/

- Emeric Trahand : http://cargocollective.com/stillontherun

- JOOLZ (Julien Morel) : http://joolz.fr/folio/

- ELR°Y (Damin Vignaux) = http://www.elroy.fr/

- TRUST IN ELEMENTS (Xavier Bourdil) = http://www.trustinelements.com/

- SOEMONE (Pierre Doucin) = http://www.soemone.com/

- LENEOPEN (Nicolas André) = http://leneopen.free.fr/resume/

- PULSSART (Adrien Donot) http://www.pulssart.fr

- Mr.Xerty (Brice Chaplet) : www.nomastaprod.com

- François Leroy : http://www.graphic-travelling.com/

Ce n’est pas tout !

Chaque artiste aura sa propre présentation sur le site final avec une interview/Making Off de sa création. Le tout sera présenté comme une journée dans laquelle vous suivrez l’artiste dans sa vie et sa journée de travail.

Au final, une superbe initiative et un bon moyen de se perfectionner en étudiant les méthodes de travail de designers de talent.

tenbyfotolia.com

Mark Zuckerberg a présenté hier en ouverture du F8, le Facebook nouvelle génération. En réponse aux évolutions de son concurrent Google+, le réseau social met en place une toute nouvelle interface pour votre profil, Facebook Timeline.

Facebook Timeline

Présentée sous la forme d’événements antéchronologique, la nouvelle interface basée sur votre timeline, écrit littéralement votre biographie. Débutant le jour même de votre naissance, vous pouvez ainsi remonter dans le temps et compléter votre histoire. Autre grosse nouveauté, le partage en direct, avec l’intégration native d’applications. Il est vous possible d’écouter en même temps que vos amis, une chanson de votre choix sur Deezer ou Spotify par exemple. Cette nouvelle fonctionnalité s’applique également à des émissions TV, des films ou encore des journaux online.

La vidéo officielle de présentation :

Facebook annonce le déploiement de toutes ces nouveautés avec bien d’autres surprises, chez tous les membres dans les deux mois à venir. Deux mois dans le web, c’est énorme ! Pour ne pas attendre si longtemps vous pouvez activer votre nouveau profil dès maintenant. La méthode est déjà décrite des dizaines de fois sur le web. Essayez, en 30 secondes, l’explication chez TechCrunch.

Ma réaction à chaud

En parlant d’un pur point de vue ergonomie et webdesign, après avoir testé la nouvelle interface, je pense qu’un petit temps d’adaptation sera nécessaire au plus grand nombre pour prendre en main toutes les fonctionnalités. Normal, mais dans tous les cas la réalisation est très propre, l’information structurée autour de la « colonne vertébrale » centrale est facilement scannable. Pour l’instant le chat conservé à gauche me gêne un petit peu, mais je pense que les détails de l’interface ne sont pour le moment pas encore fixés.

D’un point de vue confidentialité et vie privée, il est maintenant très facile de se rendre compte de ce qu’on a publié depuis son inscription sur Facebook. Les souvenirs que Facebook « enterrait » dans l’ancienne interface, se retrouvent facilement accessible par vos amis. La timeline incite les utilisateurs à compléter les dates sans contenu, pour ainsi avoir un profil réellement complet. Un bon moyen pour le réseau social de récolter encore plus d’informations à votre sujet…Découvrez le point de vue de Thomas Gouritin sur le sujet -> Pourquoi le nouveau Facebook m’insupporte ?

Votre avis sur la question ?

Un nouveau changement sur Facebook et de taille cette fois-ci ! Que vous ayez testé ou non, n’hésitez pas à donner votre avis sur le sujet chaud du net aujourd’hui.

Facebook Timeline

Mettre à jour votre profil pour Facebook Timeline

HTML 5 donne de plus en plus d’opportunités aux développeurs d’expérimenter de nouvelles techniques sur le web. Avec Javascript et Canvas, le cocktail est de plus en plus détonant…

Les expériences HTML5 se comptent par centaines au fil de ses derniers mois. Les 10 sites suivants font parti des démos qui innovent et annoncent le web de demain. Utilisez de préférence Google Chrome pour une compatibilité optimale.

Google Gravity

Google tombe en miette à la moindre recherche…

Breakdom

Un casse-brique original avec des éléments checkbox et des boutons radio. 100% geek.

WebGl Water

L’utilisation de WebGl pour un rendu 3D d’une pomme sous l’eau

HTML 5 – Fish

Expérience immersive en 3D avec les poissons

Endless Forest

Une forêt sans fin avec ambiance sonore pour un voyage infini.

Coil Game

Du lourd avec Coil, un jeu à tester absolument.

Sphere

Glissez-déposez une image de votre bureau dans votre navigateur pour vivre l’effet sphère.

WebGL Skin

Encore de la 3D, avec la modélisation d’une tête. Le tout bien sûr toujours très fluide.

Glass Skull

Un crâne de cristal avec des options de rendu personnalisables.

Clouds

Le rendu des nuages est parfait pour une introduction de site plutôt aérien.

Ces 10 sites sont des expériences mais n’oublions pas les énormes réalisations HTML 5 comme les sites The Wilderness Downtown ou encore Rome qui mettent une grosse claque.

Une nouvelle plate-forme fait son apparition dans le paysage des sites d’œuvres créatives. Espadon 21, est un site français organisateur de concours dédié à l’art digital, dans le domaine du graphisme, du motion design et du webdesign.

Ouvert depuis peu, Espadon 21 impose un principe simple : 1 concours, 3 catégories, un jury composé de personnes réputées dans le milieu du graphisme. Les gagnants désignés par le jury se verront récompensés pour leur réalisation par des lots distribués par les sponsors du site. Espadon 21 propose d’ors et déjà son premier concours, dont le thème est « À l’origine ». À gagner, un art book offert par le collectif Slash Three et un tee-shirt Dame Deux Pique. Ci-dessous la vidéo de lancement du site :

Obny sound design for Espadon 21 from OBNY / Music & Sound design on Vimeo.

Un bon moyen de motivation

Les concours sont en général un bon moyen pour progresser, et permettent de développer grandement la créativité. Espadon 21 tend bien entendu à se développer, en proposant des concours de plus en plus créatifs avec des lots de plus en plus alléchants…

À découvrir également, E-wall, une galerie de wallpaper originaux, crée par des artistes talentueux.

espadon-21.com

Un site réalisé par Thomas Devoddere, Antoine Pirard et Francois Leroy.

La galerie web fonts de Google s’étant considérablement étoffée ces derniers mois, elle commence à devenir une ressource inestimable pour nous autres webdesigners. L’heure est venue de faire le point sur l’utilisation de cette technologie.

Depuis l’explosion massive de l’utilisation de la propriété @font-face en CSS, le nombre de polices compatibles web a complètement explosé. Sorti en V2 début juillet dernier, la collection de Google comporte à l’heure actuelle 241 familles de police et ne cesse de s’étoffer. Histoire d’y voir clair, découvrons ensemble les avantages et inconvénients de cette technologie.

Avantages :

- Un site web bien construit

Le site Google Web Fonts met tout en œuvre pour permettre aux webdesigners de trouver le lot de police idéal pour construire son site. Basé sur trois étapes simples, il est possible de trouver son bonheur en quelques clics.

- Intégration rapide sur un site

Google offre la possibilité d’intégrer une police dans un site simplement en utilisant une ligne de code à placer dans votre <head>. Cette méthode est parfois critiquée pour son temps de chargement, surtout lors de l’utilisation de plusieurs polices simultanément. Soyons honnête, en général, il convient de ne pas utiliser plus de trois polices différentes sur un site…De plus un petit compteur vous indique le temps de chargement approximatif de vos fonts, ce qui vous permet d’agir au mieux.

- Possibilité de télécharger les polices

Pour concevoir vos maquettes de site, ou même pour des projets print, vous avez la possibilité de télécharger les polices proposées sur le site. Libre à vous ensuite de les utiliser pour vos projets.

- Polices Open Source

Oui libre à vous de les utiliser, de les partager avec vos amis, car les polices sont en licence Open Source. Vous pouvez bien sûr les utiliser pour des projets commerciaux.

Inconvénient :

- Temps de chargement

Le temps de chargement de vos polices sur un site peut être gênant avec un débit faible, donnant un effet de scintillement lors de l’affichage de la page . Mais cela ne provient pas forcément de Google Font, toutes les polices web sont, dans une moindre mesure, concernées.

- Manque de style

Les designers sont libre de créer leurs polices en différentes graisses ou non. Beaucoup de polices ne comporte ainsi qu’un seul style, ce qui limite les possibilités, notamment pour du print.

- Lisibilité

Le choix d’une police passe aussi par sa lisibilité à plusieurs résolutions d’écran. Les internautes surfant avec Windows XP et n’ayant pas activé Clear Type par exemple, aurons du mal à distinguer les polices web. Sur ce point précis, Aurélien de All For Design propose une analyse très poussée sur la lisibilité des Google Fonts avec des tests complet et des fichiers PDF à télécharger.

Pour conclure :

Google Font annonce-il la fin des polices commerciales ? Pour le moment non ! Le débat reste ouvert sur Internet avec d’un côté la « libéralisation des polices » et d’un autre côté, « l’hébergement » de polices avec des services comme Font Deck, Typekit, FontsLive, Fontspring….

Dans tout les cas, la collection de Google permet de créer un design personnalisé avec certaines polices de qualités. Citons par exemple la Lobster, qui n’en fini pas d’envahir les sites web…Par rapport à des services similaires comme Font Squirrel, Google a encore un peu de chemin à faire pour proposer beaucoup plus de choix. Mais vu sa vitesse de développement, attendons nous a du nouveau très rapidement…  Et vous avez-vous déjà choisi la font pour votre prochain design ?

www.google.com/webfonts

Sauver le monde ! Telle est votre mission si vous l’acceptez bien sûr…Choisissez votre arme secrète et découvrez l’issue finale du film…

Un début d’article plein de suspense pour vos présenter la nouvelle campagne virale de la SNCF. Étant partenaire du 37ème Festival du Film Américain de Deauville, la SNCF joue la carte du concret avec ce film interactif pour promouvoir la ligne Paris-Deauville. Le concept du site est simple : à vous de jouer, en entrant le nom l’objet qui servira à sauver le monde.

À la clé, 500 pass journée et 15 pass VIP sont à gagner.

J’ai testé avec un marteau, mais pour sauver la Terre, ce n’est pas le bon outil…

Au final :

Un dispositif déjà utilisé dans d’autres campagnes, avec l’intégration de données Facebook par exemple. Mais ici Google Image change la donne avec des intégrations superbement bien réalisées. Une campagne par TBWA Paris

www.missionparisdeauville.com

AIDES, l’association de lutte contre le SIDA, connue pour ses campagnes créative, revient avec un nouveau concept web qui vous fera jouer du doigt…

La campagne et le site Flash dédié « Sexy Fingers » met en avant un des moyens les plus simple et rapide pour se faire dépister. Souvent méconnu, il est possible de se faire dépister en se faisant prélever une goutte de sang sur le bout du doigt.

Réalisée par l’agence JWT, le site Flash « Les doigts sexy » permet de capter l’attention des internautes, avec un univers électro et très interactif. Une réalisation sans faille, osée mais surtout fun.

Amusez-vous à créer vos propres rythmes dans les minis-jeux ou tentez le jeu « Sexy Fingers »

La mosaïque associe clairement mini-jeux et informations sur le dépistage.

Un doigt pour se faire dépister, représente au final une campagne qui commence bien, avec un concept fun et un message clair. À noté également l’application Android dédiée sur l’Android Market

Sexy Fingers c’est par ici.

Quoi de mieux que la terre entière comme terrain de jeu ? Mini lance une course digitale planétaire via une application Facebook. Un dispositif social très intéressant, qui vous permettra de parcourir le monde au volant d’une des voitures de la marque.

Le principe est simple, une fois l’application Facebook lancée, choisissez une ville ou un lieu référencé sur Google Maps, personnalisez votre Mini puis prenez les commandes.

Outre le fait de pouvoir rouler en quasi liberté dans l’endroit de votre choix, vous pouvez créer vous-même un circuit, et participer à des centaines de courses créées par d’autres utilisateurs.

Un vrai dispositif social qui vous permettra de concourir face à d’autres utilisateurs ou directement en multijoueur avec vos amis Facebook.  En remportant des victoires et en battant des temps en contre la montre vous méritez bien entendu une récompense. Elle se traduira par des véhicules Mini inédit à débloquer.

Au final une réalisation fluide, innovante et sociale à souhait. L’intégration directe dans Facebook permet de remplacer le cas échéant un gros site événementiel dédié. Une réalisation Unit 9 et DDB

apps.facebook.com/minimaps

Merci à Matthieu pour la découverte