HOME > RSS > BLOGS France > short stories

R S S : short stories


PageRank : 1 %

VoteRank :
(0 - 0 vote)





tagsTags: , , , , , , ,


Français - French

RSS FEED READER



buy that

December 2019, by flo[ —]

"plugging products is as problematic in the virtual world as it is anywhere else"

Latimes_3 L.A. TIMES, July 14, 2007

full story


un billboard inspiré de la cartographie sémantique

December 2019, by flo[ —]

Dans la catégorie espaces epub enrichis et navigables, voici un billboard qui s'inspire de la cartographie sémantique pour faire naviguer l'internaute parmi les bénéfices-clés visualisés au sein d'un visuel traité comme une zone repérée grâce aux déplacements de la souris de l'internaute: au mouseover, déploiement d'un espace hors du billboard >> dans cet espace déployé, navigable et zonable en passant la souris, des indicateurs permettent de zoomer sur la caractéristique-produit qu'ils signalent >> il suffit de voyager à la souris pour se déplacer et zoomer dans la "carte".

Quelques captures pour voir comment ça marche :

Bbnissan1_4#1

Bbnissan2_3#2

Bbnissan3_2#3



Bbnissan4#4

Bbnissan5#5


Bbnissan6#6

Bbnissan7#7


Des effets de cadrage visuel (pas capturés ici) en bout de fléchage grossissent le détail zoomé.

Avantages : une consultation on demand sans intrusion (déploiement au mouseover et averti, disparition de la séquence déployée si la souris quitte son cadre), simple (pas de surdéploiement d'autres séquences), rationalisée (scénario interactif réduit au minimum,  rassemblement des incitations-produit en un espace de consultation), et qui mime un schéma familier donc aisément appropriable.

Inconvénient : zéro. Ah, le visuel devient un peu bordélique sur la séquence déployée ? Bon, d'accord, mais c'est l'idée qu'il faut retenir, et le zoom dans les nissan qui forment la chaussure est quand même bien, c'est ludique et simple. Oh, le concept n'est pas poussé jusqu'au bout, l'ergonomie n'est pas 100% incitative telle quelle ? Oui, en effet on pourrait imaginer des zooms plus avancés pour faire une carte avec des contenus consultables (nouveaux déploiements ou ouvertures de bulles) : mais n'oublions pas que plus on fait simple, moins c'est compliqué.

Pagetimenissan2 Vu sur la page business&tech de Time magazine. L'epub est aussi traitée en bannière. Pas moyen de capter avec Unplug pour vous faire un fichier, si quelqu'un sait comment récupérer la source de tout item flash sur une page pour conserver l'animation...

sqdsqd

Un coup d'oeil sur le traité en bannière :

#1

Bannissan1_3


#2

Bannissan2_4


#3

Bannissan3_3


#4

Bannissan4_3


#5

Bannissan5


#6

Bannissan6


#7

Bannissan7



Extrait Est-ce  un hasard si la marque est présente avec ces deux formats sur chaque page du très trendy  ups & downs of du web de Time.com ?

On va dire que non, pas forcément. Un bien bel emplacement.


Et vous, quelle distance tenez-vous sur un billboard avant de refaire le plein ?

December 2019, by flo[ —]

Après avoir mimé en billboard et en bannière une cartographie sémantique pour faire voyager l'internaute sur des zooms de caractéristiques produit, Nissan mime une APImaps pour démontrer la consommation favorable du Nissan Altima Coupé. Comment se déroule le scénario de l'espace epub ? Voici quelques captures du billboard pour illustrer ses 3 phases de démonstration: captatio benevolentiae  >> interaction >> CQFD.

Phase comtemplative : capter et captiver.

1 seconde pour un léger teasing avec apparition intriguante d'une carte des USA . Logo de la marque présent immédiatement :

Nissanbbmapintro1_2

Enchaînement (3 à 4 secondes) : arrivée d'un header et d'un visuel produit (le Nissan Altima Coupe), tandis que la carte des USA se précise sur le billboard. Les balises qui viennent s'épingler signalent une cartographie interactive comme celle de googlemaps, le modèle bien connu  permet  de saisir intuitivement le mode de navigation au sein du billboard. Le trio header/visuel/logo sont des éléments persistants.

Nissanbbmapintro2_4

Si vous n'avez pas encore commencé votre périple, ou si vous n'avez pas fait le lien avec une APImaps, incitation à agir, ie à passer à la phase interactive, ci-dessous. Cette séquence dure 8 à 9 secondes :

Nissanbbmapintro4_2

Nissanbbmapintro4_3

<







Phase interactive : trajet, balisage, indicateurs de distance et de consommation

Résumons : vous avez décidé de jouer avec la carte à un des 3 moments précédents (dès la carte installée, après incitation au mouseover ou en cliquant qur "replay"). Vous placez la souris sur la carte : celle-ci accompagnera votre périple en gros plan, une miniature de la carte, en bas à gauche, vous sert de repère global.

Nissanbbmap1_3

Vous choisissez votre point de départ, vous plantez une balise d'un clic :

Nissanbbmap1bis_4

Deuxième clic après avoir "roulé" au rollover, deuxième balise, la distance parcourue d'une balise à l'autre s'affiche :

Nissanbbmap2

Vous avez parcouru un bout de chemin, le kilométrage s'affiche ainsi que le nombre de pleins à refaire au fil du trajet (vous vous apercevez qu'il y a un nouveau plein tous les les 500 miles). Si vous cliquez à "click to refuel", vous allez vers la landing page du site. Vous pouvez à tout moment vous arrêter pour visueliser votre conso en cliquant sur "done".

Nissanbbmap4_2

Mais vous êtes sur la page de time.com qui vous explique pourquoi eharmony est un pire site, vous avez peut-être envie de quitter le jeu pour reprendre votre lecture (après tout vous êtes là pour ça)... ou alors votre souris aura glissé à côté du billboard... Les concepteurs y ont pensé ! Passez à l'image suivante pour comprendre.

Nissanbbmap5_2


Regardez, vous êtes revenu sur le jeu, et vous retrouvez votre trajet tel qu'il était lorsque vous êtes sorti du billboard. Vous allez pouvoir rouler encore un peu :

Nissanbbmap6

Phase de conclusion : CQFD.

Assez roulé ?  Ok, vous avez maintenant cliqué sur "done". Voici le nombre de pleins fait en fonction de votre kilométrage (pardon, votre mileage). [Avec moins de 3 pleins, j'ai parcouru 1 493 miles] Vous avez vu une USP personnalisée. Vous pouvez redémarrer pour un nouveau périple. Détail soigné : la carte miniature schématise votre trajet et votre point d'arrivée. Détail moins soigné : pas d'incitation au clic vers une landing page.

Nissanbbmapfinaa


Nissanaltimacoupetimepage_3 Envie de voir ça de plus près ? C'est sur cette page de time.com.


Le dispositif est aussi traité en bannière, avec moins de bonheur à mon avis parce que la hauteur n'y est pas suffisante pour une navigation vraiement ludique ( la bannière ne se déploie pas).

Un coup d'oeil quand même sur la bannière :

Nissanbannermap

BONUS !!!    d'ici à quelques jours, le billboard ne sera plus là. Voici donc un petit fichier swf (merci Unplug) pour accéder à ce dispositif : le billboard comme si vous y étiez.

Bilan : ludicité +++ | simplicité ++ | efficacité argumentative  et scénaristique +++ | mais manque d'incitation pour transformation  : "click to refuel" pas assez clair et interruptif, pas d'incitation au clic vers landing page en finale. C'est sur la visibilité et la démo de l'USP (conso économique) que le scénario met le paquet.


corps nus ?

December 2019, by flo[ —]

Sieff_blanca_li_1996

Blanca Li par JL Sieff, 1996

xx

Sieff_patrick_dupond_paris_1989

Patrick Dupond par JL Sieff, Paris 1989

xx

Guillem_auto_fvrier_2004_vogue_3

Guillem_auto_fvrier_2004_vogue_1

Guillem_autoportait_pour_vogue

Sylvie Guillem, autoportraits, février 2004 (parution dans Vogue)

xx

Ces corps sont tellement sculptés, qu'ils ne font pas "nus". La nudité, ce n'est pas simplement d'enlever ses vêtements. Vêtements ôtés, une image rhabille -une image ou la scène, je pense à l'habit de lumière des danseuses du Crazy. Le travail du corps lui aussi forme une sorte de vêtement à l'oeil : le détail des muscles, le dessin formé par les contours, forment un corps "designé". Et puis la prise de vue place son voile transparent par dessus tout ça, transparent mais pas moins stylisé.

Autre raison pour laquelle ces corps ne sont pas si nus que ça : pas de sexes, pas de pilosité. De même qu'il n'y a pas une seule chair qui tombe ou qui plisse. Pourtant, ces images ne sont pas "lisses" ou marquées par un quelconque effarouchement : elles montrent une chair où le sexe, loin de n'avoir pas sa place, est simplement gardé en coulisses, en privé, comme on garde sa vie privée pour soi. Ce corps-là : nu, montré, mais pas totalement public pour autant. Donné à voir, pas livré en pâture. Images au delà du sexe comme de la pudibonderie.


vite dit

December 2019, by flo[ —]
  • Ludique : pour repérer, lire une évaluation, tester (sauf quand ils sont en beta privée, en alpha privée, enfin en privé quoi) de nouveaux services online, extensions, applis, etc... du web : http://www.webware.com/.
  • Indispensables : Lifehacker, Mashable en vo.
  • Coups de coeur tous les jours : écrans.fr
  • Pour clipper des liens et des contenus dans un bloc note puis éditer à votre guise (puis exporter des notes vers google documents en conservant tous les liens des contenus), installez-vous la petite extension google notebook (FF et IE ; installation directe avec FF, il faut exécuter le fichier avec IE). Petite, mais super-costaude : à la fois mini google-bloc note et webclipper.
  • plein les yeux et projets de notes : jealouscomputers, RSS Voyage, The new C-Class.
  • Plus que sympa : le PageCast de Pageflakes -- création d'univers de Netvibes pas encore ouverts à tous utilisateurs.
  • Pas envie de Bubble si ça fait l'effet Pikeo.
  • On enregistre une video depuis Dailymotion directement avec Unplug (extension FF).
  • C'est fou  le pouvoir de la métalepse dans la création publicitaire et web.

audience des blogs et revenus

December 2019, by flo[ —]

Vous êtes content parce que vous avez 100 000+ visiteurs uniques par mois sur votre blog ?
Vous avez 100 visiteurs par mois mais vous êtes content quand même ?
Jetez un coup d'oeil sur ce communiqué de ComScore : oui, c'est compté en millions.
On n'est jamais que bien peu de choses. On le savait, mais parfois on oublie.

Quant à la passionnante question des revenus générés (ou pas) par les blogs, on va dire que vous y échapperez ici.


un peu d'art dans une url...

December 2019, by flo[ —]

J'aime beaucoup les mini-sites du Louvre. Mais tous ne sont pas répertoriés sur le site du Louvre... pour les retrouver, l'opérateur "inurl:" dans google est un petit trésor. En passant par un opérateur dans une recherche, il ne faut pas oublier de relancer les pages ignorées, on peut obtenir davantage de résultats tout-à-fait pertinents.

En l'occurrence :

Note23juillet07_3 donnera ceci.

ah, ils n'y sont pas tous ? pas Rembrandt par exemple. Il suffit de compléter en entrant à la suite le nom de l'artiste : Note23juillet07_2_2

Les opérateurs de google sont des instruments simples, mais souvent ignorés. Je ferai un petit topo là-dessus, le temps de rassembler un peu tout ça.


savez-vous ne pas cliquer ?

December 2019, by flo[ —]

 Don't Click It est une expérience d'interaction sans clic. La navigation, la décision, le passage d'un contenu à un autre, la validation -bref toutes les formes de l'interaction, qu'il s'agisse de se diriger ou d'agir- reposent fondamentalement sur le geste du clic. Je clique comme je pousse le bouton d'une porte, comme je pose un repère. Bien sûr, je connais le mouseover, il ne trouble pas ma perception de l'espace web dans lequel je me trouve, parce qu'il est juste un momentané, une alternative pour accéder à un contenu. Mais quand il devient le principe même de l'interaction, ma souris est toute désorientée, elle perd momentanément son radar --ou plus exactement, elle est contrainte d'acquérir un sens qui serait comme un radar, ou un sonar, et moi internaute, je suis comme un humain qui devrait oublier l'usage de ses sens naturels pour me diriger dans l'espace comme le font les dauphins ou les chauve-souris. Interaction sans clic : une expérience de "clickless design" qui est aussi une expérience sensorielle à part entière. Faites-là, je pense que vous ne regretterez pas.

Voie d'accès : http://piksels.com/25/the-click-free-webpage/
Direction conseillée par Joel Lauman, l'auteur de Piksels, je le cite : "Anyone who is interested in Interaction Design, Information Architecture, or Visual hierarchy should visit Information Aesthetics a great blog updated daily." Voilà, deux blogs à rentrer dans vos feeds sans hésiter.











mirPod.com is the best way to tune in to the Web.

Search, discover, enjoy, news, english podcast, radios, webtv, videos. You can find content from the World & USA & UK. Make your own content and share it with your friends.


HOME add podcastADD PODCAST FORUM By Jordi Mir & mirPod since April 2005....
ABOUT US SUPPORT MIRPOD TERMS OF USE BLOG OnlyFamousPeople MIRTWITTER