lundi 30 juillet 2012

[Création Web] Dernière réalisation Digitives : le site Autoperso.fr

Nous vous proposons de découvrir aujourd'hui notre dernière réalisation : Autoperso.fr, un site internet spécialisé dans la recherche personnalisée de véhicules d'occasion premium. Depuis votre ordinateur, vous fixez le cahier des charges de la voiture que vous recherchez : la marque, le modèle et tous les critères que vous souhaitez lui associer, l'équipe d’Autoperso.fr se charge du reste.



En collaboration avec Mots & Sons et ENC, nous avons réalisé pour notre client, ce site internet complet, support commercial indispensable de l'activité de la société.

Si vous souhaitez vous aussi une communication digitale à votre image, contactez-nous !

Digitives

vendredi 27 juillet 2012

[Photo] Les fossiles des digital natives

Les technologies prennent toujours plus de place dans nos vies. Outre la question de leur devenir une fois tombés en désuétude et les problématiques de recyclage que notre consommation effrénée d'appareils électroniques ne manque pas d'engendrer, se pose la question du lègue aux générations futures. Car si nous avons redécouvert avec plaisir, étant enfants, les vieux mange-disques et les appareils polaroids de nos parents, on peut se demander ce qui restera de nos iphones ou de nos appareils photo numérique dans 50 ans.

Le studio de design américain Bughouse s'est penché sur la question du devenir des technologies qui ont fait notre quotidien depuis le début du XXe siècle et en a reproduit une sélection, de la camera 8 mm au joystick de consoles de jeux, sous forme de fossiles imprimés dans le ciment. Voici notre sélection des plus beaux spécimens...

Caméra 8 mm

Joystick

Platine vinyle





Appareil photo Polaroid

Ces objets sont en vente sur le site du studio, malheureusement la livraison n'est disponible que pour les États-Unis. A défaut d'y faire un crochet pendant les vacances, il vous faudra vous contenter de ces photos !

Stéphanie M.

mercredi 25 juillet 2012

Les Digitives testent Rdio, la dernière plateforme de streaming musical

Après vous avoir proposé le test de la plateforme Google Music, les Digitives vous proposent aujourd’hui un focus sur Rdio, dernier venu dans le monde du streaming musical et bien décidé à s’imposer en Europe aux côtés des plus grands tels que Deezer, Spotify ou encore Grooveshark.


Les créateurs Niklas Zennström et Janus Friis n’en sont pas à leur coup d’essai car ils sont également à l'origine de logiciels à la renommée mondiale : KaZaA et Skype. Après avoir lancé leur plateforme musicale aux Etats-Unis en août 2010, ces derniers partent désormais à la conquête de l’Europe et l’Asie.

Fraîchement disponibles sur notre territoire, le site et le logiciel se sont dotés d’un nouveau design et de nouvelles fonctionnalités :




Face à la concurrence, Rdio revendique un catalogue de 15 millions de titres (devant Deezer qui compte 13 millions de titres et loin devant Grooveshark avec ses 7 millions de titres). Sans surprise, c’est la plateforme Spotify qui arrive en tête en terme de richesse de contenu avec ses 18 millions de titres.

 Visite guidée des fonctionnalités
L’onglet “Nouveauté” permet de visualiser une mosaïque des derniers albums ajoutés sur la plateforme. Cette rubrique se décline en 4 volets permettant une couverture de 3 semaines d’ajouts : Overview, Cette semaine, Il y a une semaine, Il y a deux semaines.
La fonctionnalité “Top Hits” est comparable à l’onglet Top de Spotify, on retrouve les titres, albums et artistes les plus écoutés sur la plateforme. Le petit plus chez Rdio est le Top Listes, qui permet d’écouter les playlists les plus en vogue.
Il est possible de lancer une radio sur les morceaux figurant dans l’onglet “Les plus écoutés”.


Dans le menu, vous trouverez un onglet “Collection”, il s’agit de votre bibliothèque musicale. Vous pouvez agréger le contenu manuellement via la plateforme grâce au bouton “+”. Un outil d’importation est également disponible. Grâce à cela, vous pouvez transférer l’intégralité de votre bibliothèque iTunes ou Windows Media Player.
La synchronisation est ultra rapide, en un clic on retrouve tous les albums dans l’onglet “Collection”. Cette option est pratique pour celles et ceux qui n’aiment pas le jonglage entre les différents players. Cela fonctionne sous réserve que les Tags des albums soient correctement remplis.
L’offre Rdio
Rdio est disponible en version mobile sur toutes les grandes interfaces : iPod/iPhone/iPad, Android, Blackberry, Windows Phone 7.


Comme Google Music, Rdio propose une version web et desktop (mac et windows).
La seule offre gratuite de Rdio est une offre d'essai de 7 jours. Passé ce délai, Rdio se lance le défi de ne proposer qu’une version payante et propose deux offres légales :
  • Une version web à 4,99€/mois qui promet une diffusion illimitée sur la version web ou desktop.

  • Une version illimité à 9,99€/mois qui inclut à la première offre, l’illimité sur les app mobiles.
Rdio propose de prolonger l’expérience musicale jusqu’à dans votre salon grâce à la synchronisation avec les appareils Sonos et Roku ou via des hauts-parleurs sans fil style Jambox. Rdio est également compatible avec l’AirPlay d’Apple. Comptez 300€ pour ce genre d’équipement.

Les +
  • La possibilité de faire son choix entre la version desktop et la version navigateur
  • La synchronisation multi-compte (last.fm, Facebook, Twitter)
  • L’onglet “Historique” qui recense tous les titres streamés par l’utilisateur
  • La rapidité de l’importation (quand on la compare avec celle de Google Music)
Les -
  • Passée l’offre d’essai (7 jours), Rdio devient payant
  • L’identité graphique n’est pas définie
  • Le design est pauvre
  • L’absence de stations de radios, un comble pour une plateforme portant ce nom
  • L’impossibilité d’importer les MP3 à partir de “Ma Musique” ou autre dossier
  • Traduction de très mauvaise qualité
Tant attendue par les passionnés de musique en ligne et de streaming musical, la version française de Rdio est décevante, car elle n’est marquée d’aucune innovation en terme de fonctionnalités. Le pari du tout payant est risqué quand on sait qu’en France, Deezer et Youtube sont les deux plateformes les plus utilisées pour écouter de la musique. Autre donnée non négligeable, moins d’1/3 des utilisateurs de Spotify ont opté pour une offre payante sur l’ensemble des pays où la plateforme est présente.

Pour ceux qui seraient en quête de nouvelles plateformes de streaming musical,  retrouvez nos anciens articles :

lundi 23 juillet 2012

Top 10 des applications indispensables pour les JO de Londres

Les Jeux Olympiques de Londres débutent cette semaine. Pour ne rien manquer des événements qui vont émailler l'été, que vous soyez chez vous, ou en voyage à Londres pour suivre les J.O. au plus près, voici notre sélection des 10 meilleures applications pour smartphone.

Eurostar 


Réservez vos billets Eurostar et enregistrez-vous en un clic depuis votre smartphone grâce à cette application qui vous permettra également de suivre l'état du trafic ferroviaire. Et plus aucun risque de perdre votre billet de train grâce au "mobile ticket", directement disponible sur votre téléphone, même hors ligne.
Téléchargeable gratuitement sur Android et iOS.

Métro 



Les dédales du métro londonien n’auront plus de secret pour vous grâce à l’application Tube Map, disponible gratuitement sur iOS, Android, Windows Phone, Blackberry ou encore Nokia. Plans, itinéraires, informations du trafic en temps réel, l’application permet même un suivi des trajets restants sur la carte Oyster, votre sésame pour prendre le métro.


Taxis 


Trouver rapidement un taxi en pleine capitale londonienne, relevait jusqu’ici du défi obligeant les usagers à réserver longtemps à l’avance leur black cab pour s’épargner l’attente interminable au coin d’une rue. Ceci n’est plus qu’un mauvais souvenir avec Hailo, la plus populaire des applications de taxi depuis son lancement en novembre 2011. Gratuite et disponible sous Android et iOs, l’application localise en temps réel les black cabs disponibles autour de vous. Une fois le taxi repéré, il vous suffit de cliquer sur le bouton “Pick me up there” pour envoyer un signal au chauffeur qui pourra accepter ou refuser la demande. Hailo vous permettra même de payer in-app grâce à votre carte de crédit.



London City Guide  


Cette application gratuite est un véritable guide de poche, disponible même hors ligne, qui vous permettra d'organiser votre voyage à Londres, avant de partir et sur place. Riche de ses millions de contributeurs de par le monde, TripAdvisor saura vous conseiller pour trouver les meilleurs hôtels, restaurants ou encore le bar le plus près de vous.


Join In - Londres 2012  




Dédiée aux aspects pratiques des JO de Londres, cette app est un guide mobile destinée à vous aider à trouver les manifestations, les cérémonies, les écrans géants de retransmissions les plus proches et autres festivités qui entourent les Jeux Olympiques. C'est un outil d'organisation indispensable, qui vous permettra également de vous envoyer des rappels pour les événements à ne pas manquer, ou pour retrouver vos amis en leur signalant l'endroit où vous vous trouvez grâce à la carte. Petit bémol, l'application n'est elle aussi disponible qu'en anglais.
Téléchargeable sur iOS et Android



Résultats Officiels 


Pour ne rien manquer des épreuves sportives des Jeux Olympiques et Paralympiques 2012, téléchargez l'application des résultats officiels des JO : résultats, mais aussi planning des épreuves à venir, informations sur les sports, tableau des médailles, informations officielles, mises à jour personnalisées et profils des athlètes, toutes les informations essentielles pour suivre les JO se retrouvent sur cette application en anglais.
Disponible sur iOS et Android.


London 2012 - le jeu mobile



Entrez dans la peau d’un athlète avec le  jeu mobile officiel des JO de Londres qui vous permettra de vous mesurer à différentes disciplines olympiques tels que le kayak, l’athlétisme ou la natation. Un bon gameplay et un zeste d’RPG avec la personnalisation de votre joueur grâce à plus de 200 items vous garantiront une expérience de jeu optimum. Une version gratuite est disponible au téléchargement sur les appareils équipés d’ iOS et d'Android.

The London Pub Crawls



Découvrez cette sélection des meilleurs pubs de la ville, ainsi que leur histoire, grâce à cette application. Pour chacun des 160 meilleurs pub sélectionnés par London Pub Crawls, retrouvez des informations essentielles : leur distance depuis l'endroit où vous vous trouvez, les meilleurs moments où vous rendre dans ces pubs, les stations de métro, etc.

Disponible sur iOS et Android

Parler cockney comme un vrai londonien 



Pour éviter de passer pour un touriste et vous fondre au mieux dans le paysage londonien, rien de mieux que de maîtriser l'argot local, le cockney speech. Prononciation, vocabulaire et rhyming slang n'auront plus de secrets pour vous grâce à ces applications pour android et pour iOS.

Météo



Pendant les JO, faites une infidélité à votre application météo par défaut pour tester Swackett ! Cette application hors du commun vous indique comment vous habiller pour parer aux  aléas du temps londonien. Disponible gratuitement sur iOS, une application web a également été développée pour les autres smartphones. Plus de risque désormais d’être pris au dépourvu par les “showers” londoniennes !

Vous voilà fin prêts pour les J.O. de Londres, grâce à votre smartphone. Et si malgré toutes ces activités il vous reste encore un peu de temps pour tweetter, faites un tour du côté du London Eye (la grande roue londonienne). Chaque nuit, celle-ci sera éclairée en fonction du nombre de tweets envoyés concernant les jeux olympiques et comportant le hashtag #Energy2012.

Stéphanie M. & Mélanie G.

vendredi 20 juillet 2012

[focus] Patrick Watson, poésie musicale et science-fiction

Le chanteur et compositeur montréalais Patrick Watson a débuté la musique à l'âge de 7 ans, en chantant dans des chorales. Ainsi naît sa vocation musicale, dans le chœur d'une église. Il devient très vite un pianiste émérite, et prend part à plusieurs groupes avant de monter en 2000 sa propre formation, qui porte son nom, avec Robbie Kuster (batteries), Mishka Stein (basse) et Simon Angell (guitare). Un premier album, Just Another Ordinary Day, sort en 2003. La formation de pianiste classique de Patrick Watson lui permet de mêler arrangements classiques, mélodies folk ou expérimentales, rejoignant ainsi une lignée d'artistes hybrides à la sensibilité rare, dont font aussi partie des musiciens comme Andrew Bird.

Le groupe aime en effet sortir des sentiers battus pour ajouter à ses compositions des sons provenant d'objets détournés, comme la sonnette de vélo dans la chanson Beijing (Wooden Arms), ajoutant un supplément de poésie décalée à l'ensemble. Mais ce qui marque plus singulièrement la musique de Patrick Watson, c'est cette attention si poussée pour les plus petits détails de chaque chanson, un travail d'orfèvre éblouissant pour un rendu toujours ciselé.


La formation a sorti un quatrième album au mois d'avril 2012, trois ans après le sublime Wooden Arms, un monument musical à l'élégance éthérée, qui puisait son inspiration dans les voyages au 4 coins du monde que le groupe effectue lors de sa tournée (comme en témoigne la chanson Beijing par exemple). Adventures in your Own Backyard est quant à lui un album fait-maison, conçu dans le propre studio du chanteur, durant près d'un an. Le groupe a cette fois choisi de poser ses valises et de prendre son temps, tout en privilégiant un enregistrement spontané et moins expérimental, plus proche du live. Un enracinement qui ne donne que plus d'élan à l'album pour lui permettre d'atteindre les hauteurs subtiles que le quartet affectionne tant.


Le groupe sera en concert à la Route du Rock de Saint-Malo le 10 août, avant d'entamer une tournée européenne qui passera par Paris, Lyon et Nantes à l'automne.



Patrick Watson aime qualifier sa musique de "folk de science fiction" ; cette fois-ci la soucoupe brille très fort du fond de son jardin.

Stéphanie M.

mercredi 18 juillet 2012

Les meilleures plateformes pour trouver un emploi dans le web

Avec plus de 35000 recrutements attendus en 2012,  le secteur de l'informatique ne connait pas la crise. Toutefois, les recruteurs peinent à trouver les bons profils et les outils adéquats pour les cibler. Des difficultés auxquelles sont également confrontés les candidats ne sachant pas toujours sur quel canal concentrer leurs recherches. Le collectif Digitives vous propose donc une sélection de job boards innovants et dédiés exclusivement aux professionnels du web.

Remix Jobs

Lancé en 2010 par Manuel Dorne (mieux connu sous le pseudonyme Korben), Jeremy Marc et Manuel Renvoyé, ce job board a été crée pour faciliter et accélérer la recherche d'emploi ou le recrutement dans le domaine du web. Remix Job a su très rapidement s'imposer en s'appuyant sur les réseaux sociaux, devenant l'an passé la plateforme d'emploi la plus retweetée de France.


Le job board doit également son succès à son interface ergonomique depuis laquelle l'internaute peut rechercher facilement les offres d'emploi qu'il l'intéresse par corps de métier, société, mot-clé, et zone géographique. Autre particularité qui a permis à Remix Job de se démarquer : son outil de création de CV. La plateforme permet à tout chercheur d'emploi de créer son curriculum en ligne en utilisant s'il le souhaite, un des templates prédéfinis.


Remix Job est donc bien décidé à devenir le site de référence pour les métiers du web et oeuvre  actuellement au développement de son application mobile, à suivre donc...


Alsacréations

Né d'un projet universitaire initié en 2003, Alsacréations est loin d'être une agence web classique. Cette dernière a su fédérer une communauté des plus actives autour de la conception web et du respect de ses standards. Forum, tutoriels, quiz, autant de ressources de qualité mises à disposition pour tous les passionnés d'informatique. A ce lieu d'échange, Alsacréations a également consacré un espace "emploi" gratuit et sans inscription, que vous soyez recruteur ou chercheur d'emploi ! 


La consultation des offres s'effectue en un simple coup d'oeil grâce à au filtre géographique et à au code couleur dédié au type de contrat proposé. Une plateforme accessible et simple d'utilisation qui mérite donc de figurer dans vos favoris ! 

Choose Your Boss

Lancé en juin dernier, le concept atypique de ce site d'emploi fait déjà beaucoup parler de lui. Imaginé par Laurent Chollat-Namy du Figaro Classified, éditeur de sites d'annonces tels que Cadre Emploi ou KelJob, Choose Your Boss se démarque de ses concurrents en reprenant le principe du site de rencontres. 


La plateforme propose aux professionnels du web de choisir leur futur employeur en gardant le contrôle sur le processus de recrutement. Les chercheurs d'emploi peuvent en effet spécifier différents critères très précis sur le type d'offre qu'ils souhaitent recevoir : type et taille de l'entreprise, secteur, salaire, zone géographique etc. 
Autre point fort de Choose Your Boss, le candidat peut accepter ou refuser la mise en relation avec un recruteur ainsi que le partage de ses données. En proposant à l'internaute un ciblage précis pour définir son job idéal et en lui garantissant l'anonymat et le contrôle de ses données, le job board rempli incontestablement la promesse de son slogan : un recrutement fait par des IT pour des IT.

Mélanie G.

lundi 16 juillet 2012

Optimisation de contenu pour le référencement : les PDFs

Nous vous parlions la semaine dernière de l'optimisation des images de votre site internet, et de leur utilité tant sur le plan du référencement, de accessibilité que de l'ergonomie. Nous allons voir aujourd'hui comment optimiser les PDFs afin d'en faire des points d'entrée efficaces sur votre site internet, et de maximiser leur portée.


Optimisez le contenu pour le référencement

Travaillez le contenu textuel du PDF en y insérant des mot-clés, comme on le ferait pour un article ou un page web, renseignez les attributs alt de vos images (et légendez-les) ainsi que ceux des ancres des liens, ce sont autant de points d'entrée depuis les résultats de recherche. Structurez le texte à l'aide de titres, en prenant soin d'utiliser ceux proposés par votre éditeur de texte (Titre 1, Titre 2, etc.), et qui équivalent aux H1, H2, H3 du code html.

La première page de votre document PDF est la plus importante, pour le référencement comme pour le lecteur. Apportez donc à celle-ci le plus d'attention possible. Evitez d'y placer une table des matières, et préférez plutôt un résumé du contenu de votre document. En y plaçant judicieusement les mot-clés les plus importants de votre contenu, vous vous assurerez une indexation efficace. Ce résumé permettra également à vos lecteurs d'appréhender rapidement le contenu de votre document.

Pensez à placer un lien de retour vers votre site internet afin d'inciter les visiteurs qui accéderont directement au PDF depuis les résultats de recherche, ou ceux qui le consultent sur les médias sociaux, ou qui l'ont reçu par mail, à poursuivre leur navigation sur votre site.

Ne négligez pas le paratexte

Les entêtes et bas de page sont également indexés, n'y mettez pas d'informations génériques, mais plutôt des données pertinentes concernant son contenu.

Choisissez un nom de fichier explicite et riche en mot-clés

Puisqu'il va apparaitre dans l'URL, pensez à nommer votre fichier de façon pertinente et lisible. Préférez un nom concis comprenant des mot-clés séparés par des tirets.

Donnez un titre à votre PDF

Renseignez le titre "Title" dans les propriétés du document (c'est lui qui sera affiché dans les résultats de recherche), son auteur, ainsi que son sujet. Les mot-clés, par contre, équivalents des meta-keywords des pages web, ont de grandes chances de ne pas être pris en compte par les moteurs de recherche.

Pour accéder à ces propriétés, ouvrez votre document PDF, rendez-vous dans Fichier, puis dans Propriétés :


Si vous souhaitez copyrighter votre PDF, pensez à le mentionner dans les meta-données.

Trouvez le bon compromis qualité / poids

Evitez les fichiers trop lourds qui seraient pénalisés : n'insérez pas trop d'images, diminuez leur résolution pour obtenir le meilleur compromis poids/qualité. Au moment d'enregistrer votre PDF, choisissez dans les préférences la qualité de conversion la plus adaptée pour obtenir un résultat qualitatif et léger. Le format conseillé par Acrobat pour le web, par exemple, est le format "Taille de fichier minimale". N'hésitez pas à faire des tests pour trouver le format qui vous parait le plus adapté à votre cas.


Veillez à l'accessibilité de votre PDF

Activez l'accessibilité pour optimiser la lecture par les logiciels de lecture d'écrans. Cette fonctionnalité permettra également d'adapter la structure du document à l'écran d'un terminal mobile (Pour en savoir plus sur les fonctionnalités d'accessibilité d'Acrobat, rendez-vous sur le site d'Adobe).

Enregistrer votre PDF au format texte

Évitez d'avoir du texte vectorisé ou remplacé par une image au format bitmap : cela alourdit le pdf (images supplémentaires), et l'image ainsi générée à la place du texte serait mauvaise pour le référencement, d'autant plus s'il s'agit de titres. Pour se faire, décocher l'option de conversion du texte en bitmap, ou incluez la police au sein du PDF : rendez-vous dans les préférences de l'outil de création de PDF de votre fichier texte, puis dans les paramètres avancés ; cochez la case "Incorporez toutes les polices".



Optimisez le référencement de la page contenant le PDF

Pour finir, pensez à introduire votre document PDF à l'aide d'un texte pertinent sur son contenu, et riche en mot-clés. Le ou les liens pointant vers le fichier PDF doivent être signifiants, provenir si possible d'une page déjà indexée par les moteurs et de recherche, et leur attribut alt doit être correctement renseigné.

Stéphanie M.

vendredi 13 juillet 2012

Minilogs, faites entrer tout le web dans une seule playlist

Jusqu'alors le terme playlist était communément associé au monde de la musique. Avec Minilogs, le partage est désormais multi-contenus : textes, vidéos, images, chansons, tout ceci sous forme de liste de liens. Ce concept novateur reprend le principe du log, (terme geek que l'on peut traduire par liste de liens) et modernise l'outil favoris présent au sein des différents navigateurs. Minilogs introduit la notion de social bookmarking à savoir le partage et la diffusion de trouvailles du net de façon utile et ponctuelle. 


Le principe

L'outil permet l'agrégation de contenus issus de plus de 200 sources et permet une diffusion simplifiée et efficace en générant une url dédiée. 
Nul besoin de s'inscrire pour ce service en ligne, Minilogs vous invite à créer votre propre player de contenus en quelques clics. Dès la page d'accueil, l'internaute est invité à soumettre son premier lien favori pour débuter une playlist. Une fois l'url enregistrée, ce dernier peut y ajouter une annotation et modifier son ordre d'apparition. Cette playlist de contenus pourra être nommée et diffusée soit en interne ou en externe sur les divers réseaux sociaux.



Quelle utilité pour quel usage ?
  • La création d'une playlist musicale facile à créer et partager
    exemple : La playlist Digitives de Juillet rééditée par Jean-Philippe, un des créateurs de Minilogs
  • Utile pour un effectuer une veille ou curation
  • Partager des centres d’intérêts à travers une sélection faite à partir de différents médias (vidéos, images, articles, sites web etc)


Jean-Philippe Coutard, co-créateur de Minilogs nous a accordé une interview qui vous permettra d'en apprendre plus sur la notion de social bookmarking.

Qu'est-ce qui vous a conduit à imaginer et à mettre en œuvre le concept de Minilogs ?

Nous nous sommes rendus compte que la façon dont les gens organisaient leurs favoris n’est ni moderne, ni efficace. Ils utilisent les favoris de leur navigateurs, mais ceux-ci ne sont pas adaptés à toutes les situations : ils sont utiles pour des sites auxquels on veut se référer régulièrement, mais pas forcément pour une liste ponctuelle. Souvent, en fait, les gens utilisent des documents texte ou des emails pour sauvegarder leurs liens.

Nous avons voulu changer cela, et proposer une solution simple et efficace pour créer et partager des listes de liens.

Pouvez-vous nous présenter les fondateurs de Minilogs ainsi que leur parcours ?

Nous sommes trois fondateurs : Otu, Paul-Marie et moi-même. Paul-Marie et moi venons de la finance. J’ai travaillé chez Natixis et HSBC en structuration et en gestion des risques. Paul-Marie était trader à Londres et a fait ensuite un peu de conseil. Otu est un développeur anglais qui a travaillé sur de nombreux projets web partout en Europe. Il est en charge de toute la partie technique de notre projet.

Quels sont les développements que vous souhaiteriez apporter à Minilogs (fonctionnalités, développement de l'entreprise, etc.) ?

Nous voulons tout d’abord renforcer les caractéristiques qui font de Minilogs un outil simple et efficace, notamment pour la consommation de contenus lisibles, comme la musique et les vidéos. Nous allons par exemple introduire dans peu de temps un véritable player, ainsi qu’un bookmarklet, c’est à dire une fonction intégrée au navigateur qui permet d’ajouter en un clic la page active dans Minilogs.

Ensuite viendra une deuxième phase de développement autours de 2 axes:
  • Etre présent sur un grand nombre de plateformes : c’est à dire sur smartphones, mais aussi pouvoir exporter ses listes sur des blogs, avoir des application dédiés pour les principaux navigateurs, renforcer l’intégration avec les différents réseaux sociaux.
  • Plus d’interactions au sein du site, avec notamment des possibilités de recherche et de suggestions.
Quelle est votre playlist du moment ?

En ce moment j’écoute la playlist qu’un blog de musique indé (I Love Pie) a fait pour Minilogs: http://minilogs.com/kilz4sg

Mélanie G.

mercredi 11 juillet 2012

Référencement, accessibilité et ergonomie : 10 actions pour optimiser les images de votre site internet

Illustrer son site internet ou son blog à l'aide d'images est aujourd'hui presque indispensable. Pourtant, cela peut vite se retourner contre vous si les images que vous uploadez sur votre site ne sont pas ou mal optimisées pour le web.

Les risques :
  • surcharger votre espace de stockage
  • dégrader le temps de chargement de vos pages
  • ne pas profiter du trafic que peut vous apporter la recherche d'images
  • limiter ou empêcher l'affichage de votre site sur terminaux mobiles

Voici donc quelques conseils à mettre en œuvre pour optimiser l'utilisation de vos images à chaque étape.


Utiliser un format compatible avec le web

Certains formats sont plus lourds que d'autres, et moins adaptés au web. Veillez donc à employer uniquement ces extensions compatibles avec le web : jpeg, png ou gif dans le cas d'illustrations contenant un nombre limité de couleurs (un logo par exemple). Pour en savoir plus sur les formats d'images, consultez cet article consacré à l'optimisation des images pour le web.

Optimiser la taille des images

Pour éviter de ralentir inutilement le chargement de vos pages, pensez à retailler au préalable vos illustrations aux dimensions nécessaires, et à supprimer l'excès d'espace blanc (à remplacer par des marges en CSS). Cette action préalable aura le double avantage d'épargner de l'espace de stockage et de préserver la qualité de l'image. En effet, les images redimensionnées par le navigateur seront de moins bonnes qualités que si elles ont été retaillées par un logiciel de retouche.

Définissez également la hauteur et la largeur de cette image dans le code source dans le but de permettre au navigateur de commencer à afficher le contenu avant même que les visuels ne soient complètement chargés. Le fait d'indiquer ces dimensions permet donc d’accélérer le temps de chargement de la page. Un bon point pour vos visiteurs et pour Google !

Préserver leur qualité

Rien de plus frustrant que de retrouver une image floue ou pixelisée sur un site internet. Cela peut nuire grandement au professionnalisme de vos articles, même si ces derniers sont bien rédigés. Tout est question de compromis entre la lourdeur de l'image et son rendu et il n'est pas conseillé de privilégier l'un au détriment de l'autre. De plus, lors d'une recherche sur Google Images, l'internaute aura plus tendance à cliquer sur une belle image, vous fournissant ainsi un point d'entrée supplémentaire sur votre site.

Ne pas intégrer pas de texte dans les images

Il est aujourd'hui impensable d'utiliser une image à la place d'un texte, notamment lorsqu'il s'agit de titres. Vous y perdriez énormément en termes de visibilité et de référencement. Si vous souhaitez afficher du texte dans une police particulière, c'est aujourd'hui possible grâce aux nouvelles propriétés de CSS et aux Google fonts par exemple, plus besoin donc de recourir à ce type de procédés.

Contextualiser les visuels

Afin de garder une certaine cohérence entre les contenus textuel et visuels de votre page, utilisez des photos ou des illustrations en rapport avec votre texte. Hors de question d'employer une image sans aucun rapport avec l'article qu'il accompagne, vous transmettriez ainsi un signal confus, à la fois pour vos visiteurs et pour les moteurs de recherche.

Donner un nom pertinent à l'image

Cette action possède un double avantage : celui de vous permettre de vous y retrouver plus facilement dans votre bibliothèque de médias (surtout si celle-ci a préalablement été structurée à l'aide de sous-dossiers), mais surtout de renseigner les moteurs de recherche sur le contenu de cette image. Dans l'idéal, utilisez des mots clés descriptifs, séparés à l'aide de traits d'union (-) de préférence, ou d'underscores (_). Ne collez pas les mots les uns aux autres, les moteurs de recherches ont plus de mal à les déchiffrer. Enfin, si le moteur de recherche ne trouve aucun texte descriptif associé à l'image, c'est bien le nom de fichier qui sera utilisé en tant qu'aperçu pour les internautes.

Renseigner les attributs alt, title et longdesc pour le référencement et l'accessibilité

Cet attribut est particulièrement utilisé pour le référencement, puisque c'est lui qui va fournir à Google les informations nécessaires pour qu'il détermine quelles sont les images pertinentes à afficher lors d'une requête. Renseignez donc votre attribut alt à l'aide de 3 ou 4 mot-clés importants, ainsi que Google le préconise. Inutile de multipliez les mots-clés (plus d'une dizaine), votre site pourrait être considéré comme du spam.

Gardez aussi à l'esprit que les personnes souffrant d'un handicap visuel et utilisant un lecteur d'écran n'auront à leur disposition que l'information contenue dans cet attribut. Optimisez-le afin de leur permettre de comprendre le contenu de l'image.

Pour optimiser vos attributs alt, consultez cette vidéo de Matt Cutts :



Dans le cas où l'image que vous présentez sur votre site est significative et contient des informations primordiales, et dont la description sera supérieure à 10 mots, il peut être utile d'avoir recours à l'attribut longdesc. Cet attribut permet de créer un lien vers cette description, afin d'indiquer, aux lecteurs d'écran par exemple, où la récupérer.

Enfin, l'attribut Title permet quant à lui d'apporter une information supplémentaire à l'internaute : c'est ce message qui apparaît dans l'infobulle, lorsqu'il positionne son curseur sur la photo, ou qui sera lu par le logiciel d'un utilisateur malvoyant.

Utiliser les sitemaps pour images

Les sitemaps pour images permettent de fournir au moteur de recherche des informations supplémentaires concernant les images proposées sur votre site ou votre blog. Cela vous permettra d'indiquer à Google quelles sont les images les plus importantes, pour qu'il les mette en avant, ou encore celles qu'il n'est pas nécessaire d'indexer (des images génériques, souvent répétées, qui n'apportent aucune information essentielle par rapport au contenu de votre site). Il suffit dans ce cas de ne pas répertorier ces images dans votre sitemap. Grâce à elle, vous pourrez répertorier jusqu'à 1000 images par page, en indiquant pour chacune d'entre elles, à l'aide de balises, des informations supplémentaires telles que la légende de l'image ou son emplacement géographique. Une donnée fort utile quand on sait que les résultats de recherche sont toujours plus localisés.

Adapter automatiquement leur taille au format de l'écran de l'internaute

Le design responsif est en passe de devenir un véritable standard. Idéal pour rendre votre site consultable et ergonomique sur n'importe quel terminal, il implique non seulement d'adapter le design, mais aussi les tailles des images, à n'importe quel format d'écran. Il s'agit toujours d'un point technique délicat, dont nous vous parlerons plus en détail dans un prochain article.

Ne pas abuser des images

Enfin, s'il est indispensable d'illustrer son site internet ou son blog pour le rendre plus attractif, évitez cependant de multiplier à outrance leur utilisation. Cela alourdit les pages, ralentit votre site et énerve l'internaute qui aura l'impression que l'information est délayée de manière artificielle. De même, si vous souhaitez réutiliser une image, ne la ré-uploadez pas sur votre site, mais réutilisez-la depuis votre bibliothèque de médias.

Stéphanie M.

lundi 9 juillet 2012

Seamless, vivez l'expérience de la musique en continu

Itunes a su révolutionner la synchronisation de votre bibliothèque musicale avec vos différents appareils équipés d'iOS. Un seul détail manquait jusqu'ici pour tout amateur de musique qui se respecte : celui de pouvoir profiter d'une écoute sans interruption d'un appareil vers un autre.


La start-up américaine Five Details a remarqué cette faille et a ingénieusement sorti Seamless, qui propose d'assurer, via une application, la continuité entre la musique jouée sur l'ordinateur et votre idevice.
Le créateur de cette app n'est autre que Brian Amerige, actuellement développeur mobile chez Facebook, déjà connu pour son premier succès : Flow, un client FTP récompensé au Apple Design Awards pour son ergonomie.

Le principe

Qui n'a jamais connu cette frustration que de devoir arrêter une playlist ou un podcast car il était déjà l'heure de partir ? Seamless comme son nom l'indique, permet de poursuivre une écoute sans interruption de l'ordinateur vers un appareil mobile et vice versa.


L’intérêt de cette application est de gagner en temps et confort d'utilisation. Fini l'ajustement manuel pour retrouver la chanson que l'on venait d'écouter ou le bon passage du podcast en cours de lecture, Seamless fait tout le travail grâce à une simple connexion wifi.

Après avoir installé l'application (gratuite pour la version web, 1,59€ pour l'idevice), il suffit de cliquer sur le bouton "Transition music from Mac", iTunes baisse alors le volume sur le Mac et la lecture reprend là où vous vous étiez arrêté sur l'application mobile. A l'inverse, une fois rentré chez vous, d'un simple clic, vous pouvez envoyer le titre joué vers votre ordinateur. Une seule contrainte requise mais néanmoins logique, le morceau doit être présent sur l'ensemble de vos appareils pour rendre possible cette expérience d'écoute.



Les +
  • La fluidité de transmission des informations 
  • La simplicité de l'interface

Les -
  • Une app uniquement disponible sur ordinateur Mac
  • L'obligation de disposer d'une connexion internet pour le transfert (pas de possibilité bluetooth)
  • Pas d'échange possible entre terminaux mobiles (iPad à iPhone)
Simple et efficace, Seamless a su combler les lacunes d'iTunes en proposant un service à la hauteur des attentes de ses utilisateurs. Néanmoins, il laisse de côté une majorité de mélomanes équipés d'un PC.

Mélanie G.

vendredi 6 juillet 2012

D*Face, le street art subversif à la sauce pop art

On compare souvent D*Face, au très célèbre Banksy pour ses oeuvres satyriques sur la société de consommation. Une analogie récusée par l'artiste dont les influences et la démarche artistique se veulent radicalement différentes.


D*Facede son vrai nom David Stockton, laisse le parfait anonymat à Banksy, tout comme le mythe entretenu autour lui. C'est d'ailleurs les icônes et plus généralement le star système, que l'artiste brtitannique s'emploie à désacraliser au sein de ses oeuvres. Des figures emblématiques telles Marylin Monroe ou Andy Warhol auxquelles l'artiste introduit la notion de mortalité jusqu'alors occultée par leur écrasante notoriété. 

King Goes Pop, 2011

C'est à travers un rendu apocalyptique que D*Face invite le public à se questionner sur l'image véhiculée par ces célébrités élevées au rang de légendes. Souvent disparues à un jeune âge, ces dernières n'ont laissé 
dans l'inconscient collectif qu'une image lisse et politiquement correcte. Au-delà d'un simple lifting aux accents morbides, l'artiste met en lumière l'envers du décor Hollywoodien en dénonçant ses excès.

City of Angles, 2011

En transformant la colline mythique en un véritable tombeau à ciel ouvert, D*Face montre l'autre visage du rêve américain, lieu où viennent s'échouer les espoirs et ambitions de nombreuses stars en devenir.

Love her, Hate him, 2011

Un grand nombre des oeuvres réalisées par D*Face revisite également le mouvement pop art dont les couleurs vives tranchent avec le ton très noir qu'il leur donne. Il va même jusqu'à définir ses fresques comme "aPOPcalyptiques" en s'inspirant de ses maîtres Andy Warhol et Roy Lichtenstein.

Beauty and the Skeletor, 2011
L'artiste livre alors une série de portraits en plein coeur de la jungle urbaine avec pour protagonistes un couple représentant à la fois la célébrité et les dangers qui s'y rapportent. Des fresques hautes en couleur offrant un véritable instant cinématographique aux yeux des passants.

Mélanie G.

mercredi 4 juillet 2012

Nouveau profil Viadeo : ce qui a changé

Depuis quelques semaines, le réseau social professionnel Viadeo repense entièrement son interface, pour proposer un design plus moderne et plus ergonomique. Après l'apparition de nouveaux bandeaux de menu et de bas de page, ce sont maintenant les profils utilisateurs qui connaissent un remaniement complet. Tour d'horizon des nouveautés proposées par le profil Viadeo.


Si le flux d'actualité en page d'accueil n'a pas connu de changement, du moins pour le moment, le profil de l'utilisateur est quant à lui nettement plus mis en valeur. Même si certains choix graphiques restent discutables, la mise en avant de l'identité du profil (même informations que dans l'ancienne version du profil : nom, intitulé de poste, localisation) sous forme de carte de visite centrée dans la page permet d'appréhender immédiatement ces informations essentielles. Les boutons permettant d'entrer en contact avec un autre utilisateur, annoter son profil ou de lui écrire sont eux aussi plus visibles. A noter, néanmoins, quelques points négatifs : le téléchargement de la VCard de l'utilisateur n'est disponible qu'en cliquant sur le lien "Voir ses coordonnées". Cette fonctionnalité aurait très nettement gagné à être disponible plus directement sur le profil. De plus, la mise en avant du nombre de contacts et de recommandations, aux dépens de l'adresse mail par exemple, parait moins intéressante.



Sous cette première "bannière", on retrouve les parties informatives, divisées en quatre onglets : "En résumé", "Son parcours", "Ses contacts" et "Son activité sur Viadeo". Les principales modifications concernent seulement les deux premiers onglets, les deux derniers n'ayant quant à eux bénéficié que d'un dépoussiérage graphique.

Le premier onglet, "En résumé", propose une première zone descriptive qui vous permet de mettre en avant votre description personnelle ou votre message (recherche d'emploi ou de partenariat, présentation personnelle, etc.). Une mise en page claire au service de votre communication personnelle.

Viennent ensuite les informations relatives au parcours professionnel, synthétisées tout d'abord sous forme d'une frise chronologique, suivie des deux dernières expériences présentées de façon textuelles. On s'interroge par contre sur l'intérêt d'avoir fait courir cette frise jusqu'en 2014, la laissant ainsi vide pour sa plus grande partie. L'intérêt paraît peut évident, mis à part dans le cas des CDD. Cette frise peut d'ailleurs être supprimée au profit d'une liste standard. L'encart consacré aux études disparaît de cette page de résumé, mais on peut retrouver l'ensemble de ces informations dans l'onglet "Son parcours".

On retrouve ensuite les recommandations, beaucoup plus valorisées que sur l'ancienne version, puis la liste des compétences et des langues parlées. Ces deux dernières catégories ont elles aussi fait l'objet d'une refonte complète, avec une présentation sous forme de barres de progression à 3 ou 4 niveaux. Une iconographie peut-être un peu trop sobre, qui aurait mérité un traitement plus explicite :



Suivent enfin les traditionnels centres d'intérêt et mot-clés, jusque là cantonnés à un emplacement plus discret dans le bas de page et dans la colonne de droite, ainsi que la liste des autres profils consultés en même temps que le vôtre. 

Cet emplacement réservé aux informations secondaires connaît lui aussi des modifications en profondeur : la disparition regrettable de l'encart de description de sa société, le rappel de l'activité sur Viadeo comprenant un historique des derniers contacts ajoutés, des groupes auxquels l'utilsateur appartient, etc. Dernière innovation proposée par Viadeo : l'encart "Et aussi sur..." qui vous permet désormais d'ajouter autant de liens que vous le souhaitez. Une fonctionnalité très utile pour mettre en avant toutes les plateformes sur lesquelles l'on peut vous retrouver :


Une rénovation en profondeur des profils utilisateurs, dans l'ensemble plutôt satisfaisante, et qui a surtout le mérite d'offrir à Viadeo une image plus moderne et plus efficace, qui devrait redonner un peu de dynamisme à ce réseau social professionnel. On peut par contre regretter que cette refonte graphique ne s'accompagne pas de l'apparition de nouvelles fonctionnalités. Et vous, que pensez-vous du nouveau profil Viadeo ?

Stéphanie M.

lundi 2 juillet 2012

Playlist Digitives #20

Friends - Friend crush
The Antlers - Two
Totally Enormous Extinct Dinosaurs - Garden
Hanni El Khatib - Dead Wrong
Husky - History’s Door
Metronomy - Everything goes my way
M83 - Midnight City
The Shins - Port of Morrow
Pinkunoizu - Time is like a melody
Richard Hawley - She brings the sun
Beirut - Vagabond
Patrick Watson - Adventures in your own Backyard
Edward Sharpe & the Magnetic Zeros - Man on fire

Playlist #20 by Digitives on Grooveshark

Digitives