Aller au contenu | Aller au menu | Aller à la recherche

Twitter Updates

  Faire disparaître

samedi 11 juillet 2009

Un gars qui se prend pour Michael Bay réalise une pub pour Microsoft

Pour promouvoir Office 2010, Microsoft est allé déniché Dennis Liu, un spécialiste des film viraux à en croire sa bio. Le résultat et plutôt mauvais, voir ci-dessous, mais ça à l'air de buzzer. Enfin, je retiens 2 choses :

  • L'acteur principal semble être le parfait mélange entre Nicolas Cage et Ben Afleck, ajoutez à ça la touche Michael Bay/Tony Scott dans la mise en scène ;
  • Le trombone Clippy, You have to let it go... Seriously ? Ouais parce là je suis perplexe : est-ce de l'ironie de la part de M$ (genre, on sait que c'était de la merde alors on déconne là dessus pour mieux faire passer la pillule), ou bien Microsoft pense réellement que ces utilisateurs sont attachés à Clippy à ce point ? On est là entre le pathétique et le génie, la quintessence même de M$.

On attend une annonce Lundi pour Office 2010, à priori c'est ce qui aurait pousser Google à annoncer OS Chrome autant en avance... À propos, j'en ai une bonne sur Office : Je me retrouve pogné avec un PC au boulot, l'autre jour il m'a fallu pas moins d'une minute, soit 60 bonnes secondes (!!!) pour trouver le bouton Envoyer sur Outlook 2007. Clippy, tu m'as manqué, si t'avais été là...

Voir aussi le site Officiel ou Microsoft tentera de vous refourguer Silverlight.

São Paulo, Advertising Free City

J'ai appris hier que le maire de São Polo avait fait passer une loi pour débarrasser la ville de tout affichage publicitaire. Tony de Marco, artiste local, a immortalisé la scène en photos, à voir ci-dessous :

Images surréalistes mais pourtant bien réelles...

samedi 27 juin 2009

Les limites de la publicité

D'abord on a un très belle idée d'affichage pour Coca Cola imaginative et interactive que je vous laisse découvrir ci-dessous :

Ensuite, il y a l'agence qui a besoin de se faire mousser et réalise un clip pour présenter l'efficacité de la campagne en annonçant fièrement que, je cite :

On the whole a 3.8% brand volume growth in France compared to 2007.

Sous entendu : grâce à notre idée de génie de billboards velcro on a permis à Coca Cola d'augmenter ses ventes de 3.8%. Carrément ! Le problème c'est qu'ils parlent de ventes depuis 2007 illustrées avec une campagne lancée en mars 2009. Évidemment vous aurez noté le détail on the whole, dans l'ensemble... c'est à dire en prenant en compte cette campagne mais aussi toutes les autres, et que pas que, parcequ'avant la campagne de pub il y a le produit, puis il y a tout le marketing autour, etc. Bref tout ce qui depuis 2007 à fait le succès de la marque Coca Cola.

Ça me fait penser aux argumentaires de vente de TF1 qui nous prouvent - études à l'appuis - que la publicité à la télévision va irrémédiablement augmenter vos ventes. C'est prouvé et on peut vous le démontrer ! Si la démonstration est à l'image de cette vidéo ça promet.

lundi 15 juin 2009

Développement Web : Les éditeurs WYSIWYG seront-ils enfin la norme ?

Je vais aller à contre-courant de la pensée actuelle qui est de bannir les éditeurs à interface graphique aussi appelés WYSIWYG (What You See Is What You Get) pour le développement web front-end, c'est à dire de l'interface. En clair, aujourd'hui il est mieux vu d'utiliser un vulgaire éditeur de texte, plutôt qu'un logiciel évolué du type DreamWeaver. La justification est simple : Avec les éditeurs WYSIWYG on ne maîtrise pas (complètement) le code. Soit, mais le problème c'est qu'à la lecture de cet article de Smashing Magazine sur les nouveautés apportées par les propriétés CSS 3 je me demande si cette prise de position a encore du sens, quand on voir le lot de nouveauté et l'apprentissage que cela demande.

Prenons l'exemple du multi-colonage : Avec CSS 3 on peut désormais attribuer un nombre de colonnes à une balise de type bloc (DIV par exemple), voir ci-dessous.

.index #content div {
-webkit-column-count : 4;
-webkit-column-gap : 20px;
-moz-column-count : 4;
-moz-column-gap : 20px;
}

Voilà qui va faciliter la vie à nombre de développeurs, designer, whatever - appelez les comme vous voulez. Fini de se prendre la tête avec le floating, ou les tableaux. Bref, une fonction toute bête que je peux paramétrer depuis 10 ans avec QuarkXPress est enfin implémentée par le W3C... et est surtout prise en compte par les différents navigateurs (pas tous mais bon passons).

La réflexion que je me fait donc est que maintenant que l'on voit arriver de telles propriétés qui paraissent évidentes, mais qui ne le sont visiblement pas tant que ça, peut-on considérer que les CSS sont arrivés à maturité ? Bon certes, il y a toujours le problème des navigatueurs, cela dit ça change et ça évolue dans le bon sens. À partir ce postulat sur la maturité des CSS et des navigateurs, peut-on imaginer concevoir des interfaces web sans avoir à se soucier du code ? Hey ce serait quand même pas mal, ça permettrait de se focaliser sur d'autres choses, comme l'ergonomie ou l'expérience utilisateur...

Je rêve peut-être mais n'oublions pas qu'à leurs débuts, les traitements de texte se présentaient sous forme d'éditeurs de texte avec balisage pour la mise en forme, ça vous rappelle rien ?

Dans un autre genre je lisais un article de Cameron Moll justement intitulé Coding like it's 1999 dans lequel il explique pourquoi il fait marche arrière et privilégie maintenant le HTML 4. La principale raison est toujours la même : Les navigateurs ! Le truc c'est que y a beaucoup de choses en route, on parle de XHTML 1, puis 2, de HTML 5, etc. Bref what a pain in the ass ! Si on pouvait juste utiliser un logiciel sans avoir à se soucier de tout ça ce serait une belle avancée non ?

Il y aurait avant tout je pense un sérieux travail de vulgarisation a effectuer, mais je me demande si au bout du compte ça en vaut vraiment la peine... là je ne parle que du HTML et des CSS, mais il y aussi le javascript et toutes les autres technos qui font qu'à un moment ou un autre on est obligé de passer par le code et à ce poser des questions sur les technos utilisées. Il n'empêche que...

dimanche 15 mars 2009

70 solutions AJAX et javascript pour votre site web

Smashing Magazine remet une couche avec une liste exhaustive de 70 techniques AJAX et javascript plus ou moins complexes à intégrer sur votre site et répartie en 15 catégories :

  1. Calendriers et timeline
  2. Navigation
  3. Info-bulles contextuelles
  4. Menus
  5. Sliders
  6. Slideshows
  7. Recadrage d'images
  8. Prévisualiation
  9. Upload de fichiers
  10. Auto-remplissage de champs de texte (recherche par exemple)
  11. Lightbox (pour afficher des images en grand)
  12. Formulaires
  13. Tableaux
  14. Effets divers (système de notes à étoiles, boite d'alerte, carte interactive, etc.)
  15. AJAX

J'en ai profité pour agrémenté ma page web ledebugger.com de la fonction Jquery Fade In.Fade Out, à voir dans la partie my universe lorsque l'on passe la souris dessus. Très facile à intégrer ;o)

À voir aussi : 60 solutions AJAX pour égayer vos sites web

jeudi 12 mars 2009

Info-bulles : 2 erreurs à ne pas commettre

Les info-bulles ou plus précisément bulles d'information contextuelles sont généralement des outils d'aide à la navigation qui apportent une information -utile - à l'utilisateur et un plus en terme d'utilisabilité. Ci-dessous, vu sur le site corporate de Air France, un exemple de ce qu'il ne faut pas faire :

Air France - info contextuel

D'une part, l'info bulle qui s'affiche lorsque l'on place le curseur sur un élément du menu masque une partie du sous-menu, c'est d'autant plus navrant que le sous-menu s'affiche également par roll-over sur les éléments du menu. D'autre part, l'information de l'info-bulle n'apporte rien de plus que les éléments du menu. Quitte à reprendre ce qu'il y a dans le menu, il aurait mieux valu une invitation à naviguer dans le site comme par exemple : Découvrez la compagnie. Il suffit parfois de pas grand chose pour faire la différence.

Erreurs facilement évitables à ranger dans la même catégorie que les indications de localisation : les informations contextuelles ne sont pas des éléments décoratifs mais informatifs.

samedi 21 février 2009

Retour sur le nouveau Fubiz

Sur Internet l'avenir est dans les réseaux sociaux de niche, enfin en partie. Bref, j'en profite pour revenir sur la récente mise à jour de Fubiz qui s'ajoute une touche sociale en plus d'une très sympathique vidéo de présentation :

Curieux de voir comment le coté social va évoluer. En attendant, devenez membre vous avez jusqu'au 28 février pour courir la chance de gagner un camescope ou une souris.

vendredi 20 février 2009

Localisation : conseil aux programmeurs et designers

Ça c'est vraiment le genre de trucs qui m'énerve (vu ici), quand les programmeurs et designer se prennent les peids dans la localisation...

flags.jpg

Considérez donc qu'il y a 2 types de localisation :

  • La localisation géographique : vous proposez un service pour la France, le Canada, l'Angleterre, la Belgique, etc. ;
  • La localisation linguistique : vous proposez un service en français, anglais, néerlandais, etc. ;

Si dans le premier cas le drapeau est justifié, dans le second il est carrément déplacé. Attention à ne pas confondre donc. Mes camarades mexicains, belges, anglais et canadiens ne me contrediront sûrement pas.

jeudi 5 février 2009

Pepsi : Change has come

Vu cette semaine sur le blog LSD, Pepsi à récemment changé de logo. Ils ont troqué leur vague ondulée contre une forme plus abstraite... pourquoi pas, d'autant qu'ils ont l'air de jouer pas mal dessus dans leur communication. Du coup ce qui me frappe c'est la ressemblance avec le logo de la campagne d'Obama lorsque l'on tourne le logo Pepsi à 135° :

Pepsi : change has come

Celà dit si vous regardez bien vous verrez qu'ils ont conservé leur vague ondulée dans le e du texte du logo Pepsi pour lequel, par ailleurs, on retrouve la thématique du cercle avec les lettres pep. Une typo résolument plus moderne et moins agressive (mais aussi moins dynamique) que l'ancienne. Celà dit pour le coup on retrouve le dynamisme perdu de la typo dans la vague abstraite...

En somme on a une typo plus calme et apaisée - et je dirais même plus simple et accessible (-> tout en bas de casse) - pour un visuel plus vivant. Un visuel qui de surcroit se permet différentes variations selon le type de boissons (Pepsi, Max & Diet), regardez sur ce lien l'évolution de la vague sur les différentes bouteilles.

vendredi 30 janvier 2009

Analyse du logo Blu-ray Disc

Le logo Blu-ray Disc est un cas de figure très intéressant à analyser pour deux raisons : sa composition par illusion d'optique en jouant avec le blanc (=le vide), et enfin sa pédagogie.

Avant le Blu-ray il y avait le DVD pour Digital Versatile Disc (ou non pas Digital Video Disc comme on a pu le lire beaucoup à ses débuts - un DVD n'étant pas uniquement vidéo). 3 initiales tellement simples à retenir et ancrées dans la mémoire collective que personne maintenant ne se soucie de savoir ce qu'elle veulent dire à l'image de VHS (Video Home System). Pour le Blu-ray c'est une autre histoire, on dit tous Blu-ray au lieu Blu-ray Disc, hors dans une société ou l'on parle de plus en pus en initiale (LOL, WTF, OMG, etc.) et dans une industrie ou Blu-ray succède à CD, DVD, VHS, le terme Blu-ray nous induit en erreur car on appelle souvent, logiquement et faussement un disque Blu-ray : BR alors que l'appellation officielle est BD pour ... Blu-ray Disc. Tricky hein ? Pourtant le logo nous donne la puce à l'oreille :

Blu-ray Disc logo

Si le b saute aux yeux et qu'on devine aussi facilement le disque, il en est autrement pour le D subliminal lui même formé d'une combinaison entre le disque et le b. Un logo ou la lettre D est composée de vide bien que délimité par d'autres éléments graphiques. Un jeu de composition qui nous rappelle aussi qu'en matière de design le vide est tout aussi important, si ce n'est plus, que le reste.

Dans le même genre il y a le désormais classique logo Carrefour dont l'association des deux flêches forme un C dans un losange. Voir aussi le cas de FedEx et sa flèche subliminale. Si vous avez d'autres exemples du même genre je suis preneur.

- page 1 de 7