Browsing Category

User experience

apple, Interfaces, Mac, Réseaux sociaux, Services, Softs, User experience

Courier pour Mac, poster un fichier d’un clic vers un ou plusieurs services

Courier pour Mac, poster des fichiers d'un clic vers plusieurs services
Je viens de découvrir et d’acheter ce petit Soft pour Mac qui est d’une simplicité d’utilisation remarquable. Il est édité par Real Mac Software à qui l’on doit notamment Rapid Weaver qui permet de faire des sites rapidement et simplement. Leur positionnement, c’est la simplicité et des interfaces hyper soignées et très ergonomiques. Courier est conçu sur ce principe, son objet est d’uploader des fichiers d’un simple drag & drop vers des services divers (Vimeo, Youtube, Flickr, Facebook,…, ou encore un serveur FTP dans le répertoire de son choix). Pas nouveau me direz vous, on peut facilement créer des droplets pour le faire mais Courier se distingue par sa polyvalence et la possibilité de Drag & Drop et d’un transfert d’un même shoot vers plusieurs services.
Courier pour Mac, poster des fichiers d'un clic vers plusieurs services
L’idée est donc de poster des courriers, on drop des fichiers dans des enveloppes que l’on aura préalablement configurées (certaines avec plusieurs services) et on valide l’envoi, après une étape de validation (tag par exemple, nommage…) une petite animation sympa vous permet de visualiser le transfert géographique de vos/votre fichier et voilà. typiquement le genre de service qui me fait gagner du temps.
Courier pour Mac, poster des fichiers d'un clic vers plusieurs services
Ci-dessus l’exemple d’un transfert d’un fichier vers Flickr, on peut tagger, décrire et nommer ses photos. Chaque service destinataire bénéficie ainsi de son éventuelle boite de dialogue intermédiaire pour que tout se déroule bien une fois le fichier transféré sans avoir besoin de classer le fichier ou le renommer, etc…
Courier pour Mac, poster des fichiers d'un clic vers plusieurs services
Ci-dessus, la visualisation du transfert géographique de votre fichier, ça ne sert absolument à rien, seulement élégant et n’enlève rien à la rapidité qui est bel et bien au rendez-vous, très rapide. Beaucoup plus que de sortir un Cyberduck qui est Cyberlent dans son genre.

L’autre bonne idée, c’est l’ouverture aux plugins, chacun pourra looker ses enveloppes, développer son plugin pour gérer son service préféré de destination au sein de l’appli. Possible de les faire bientôt, le SDK sera bientôt déjà téléchageables et 2 plugins dispos pour le moment. Super appli, à tester, 5 transferts possibles dans la version gratuite.

(Update). Ajoute aussi des menus contextuels sur clic droit, menus qui permettent d’envoyer le, les fichiers sélectionnés dans l’enveloppe de son choix, top. (/update)

Accessoires, Services, User experience

Square UP, comment payer avec une carte et un iphone

Jack Dorsey, co-fondateur de Twitter, a créé SquareUP. Une appli Iphone et un plug physique pour l’Iphone qui permettent de régler des montants compris entre 0 et 60 USD avec sa carte bancaire en utilisant un lecteur de piste connecté au téléphone. On créé un compte qui est relié à la carte avec identification, photo, signature vous permettant ainsi de régler les commerçants qui utilisent ce système avec leur téléphone.

Square up

En pratique, on passe la carte dans le lecteur, le compte est identifié, on indique le montant, on signe sur l’écran avec son doigt et hop, 10 secondes. Très adapté au quotidien et aux petits montants, un café, un journal, un paquet de cigarettes. Pratique, rapide, le ticket est stocké sur votre compte, vous pouvez le récupérer également par e-mail. La simplicité toute trouvée et un système moins onéreux qu’un TPE pour les petits commerce. 1 cent est reversé à une œuvre de votre choix, l’utilisation pour le reste est gratuite semble-t-il. Voir le site de Square Up par ici.

Square up

Demo en video vue sur Techcrunch

Pas très adapté pour qui veut saisir son code à 4 chiffres à la française, mais dans un rapport de confiance au quotidien, on a d’autres moyens d’identifier le client grâce à son compte. Curieux de voir le développement de ce principe.

Via Andrew Wilkinson

E-pub, Ergonomie, User experience, Web marketing

Etude Eye Tracking E-pub et presse en ligne gratuite… jusque Mardi

On commence à être familiers des études Eye Tracking de Altics, en voici une nouvelle et gratuite jusque Mardi prochain, une étude sur l‘e-pub et la presse en ligne. 9 sites étudiés (Lefigaro.fr, Lemonde.fr, Liberation.fr, Lexpress.fr…) en 50 tests Eye tracking d’environ 45 minutes complétés par un questionnaire sur 150 personnes.
Très intéressant et en prime une surprise en page 4 ;)
C’est par ici sur le site de Altics.

Etude E-pub Eye Tracking Altics

Design, E-commerce, Interfaces, User experience

UI Pattern web survey

Toujours intéressant de benchmarker une quantité importante de sites pour connaître la localisation la plus courante de telle ou telle fonction. Où est l’aide, comment est la nav, y-a-t’il des onglets, où est le logo, où l’accès au compte, etc… Sur ce terrain, une initiative très intéressante de UI Patterns qui nous propose un service qui permet de tester collectivement des sites, 105 sites pour le moment, et de mutualiser le résultat qui est très intéressant. Pour le moment le questionnaire porte sur 16 questions, ce qui est encore peu mais cela va se développer à l’usage puisque le site est participatif.
UI Pattern web survey
Le résultat ressort soit sous forme de grille de « chaleur » dans le cadre d’une localisation de fonction, comme ci-dessous,  plus le carré est foncé, plus on retrouve l’élément à cet endroit. Le résultat peut aussi être représenté sous forme de pourcentages pour les questions non visuelles. Pour voir la liste des questions et les résultats, c’est ici.

UI Pattern web survey

Le questionnaire est ludique (cf ci-dessous), une box interactive pour les questions et le site testé est placé en dessous. Les questions sont soit des questions de localisation d’éléments (que l’on positionne d’un clic de souris) ou des questions relatives à la qualification du look ou des fonctionnalités de ces sites (est-ce que le fond est clair ou foncé ?).

UI Pattern web survey

Merci à Benoit pour l’info

Blog, Design, Ergonomie, Interfaces, Réseaux sociaux, Services, User experience, web

Cargo, un CMS social pour les créatifs

Cargo Collective
Cargo Collective est un projet découvert cette semaine via Astro. J’ai pu obtenir un accès à la beta et je vous fais un petit topo du service que je viens de tester. En quelques mots, Cargo est un CMS puissant et élégant destiné aux créatifs pour construire et partager leur portfolio d’une part et également un outil qui permet de suivre l’activité de portfolios que l’on a décidé de suivre. C’est un mix entre un CMS pur et un service comme Tumblr qui fonctionne de la même manière. Pas mal de points communs mais plus puissant en terme de customisation et de navigation. Des utilisateurs, il y en a déjà, dont le très intéressant Does it Float par exemple.

Ci dessous, l’accueil du portail Cargo Collective où vous pouvez suivre l’actu des portfolios que vous suivez, décrouvrir de nouveaux CargoSites.

Cargo Collective

Voici ci-dessous, La partie settings de votre Dashboard une fois votre compte créé. (J’ai fait 3 captures du frame droit du dashboard que j’ai disposées en colonnes). Vous pouvez définir la page que vous souhaitez en page d’accueil, ajouter une favicon, définir une image pour le header, etc. Vous pouvez sélectionner des gabarits prédéfinis dont vous pouvez retoucher le CSS à volonté et vous avez enfin la possibilité d’ajouter des morceaux de html spécifiques (Scripts, Tags analytics, etc.)

Cargo Collective

Ci-dessous, la partie création de page. Cette partie est accessible depuis votre accueil Dashboard ou la liste des pages existantes est présente, un clic et vous arrivez sur cette fonction de création de page/post. Vous définissez, pour une page, son contenu et sa mise en page avec des fonctionnalités insérables telles que slide show entre autre. Vous pouvez ensuite associer un thumbnail à votre projet (pour les mises en avant), un titre, une date, des tags et une couleur de fond. Et voila.

Cargo Collective

Beaucoup de choses sont donc possibles sous Cargo qui donne la main potentiellement sur la mise en page et les fonctionnalités sans pour autant rendre l’outil compliqué. Il est complètement accessible à quelqu’un qui n’y connait que chi en code. Complètement dans la lignée d’un Tumblr, à surveiller. C’est utilisable comme portfolio mais également comme alternative aux blogs pour les passionnés de photos ou d’illustration, de création en général, la finalité est le partage et la diffusion, donc, le champ est libre.

Ci-dessous, un exemple de portfolio, celui de Nuinosis à voir ici.
D’autres à découvrir comme But Does it Float, Sara the Cupcake, ou encore les sélections de portfolio faites par cargo, ici

Cargo Collective

art, Design, Ergonomie, Interfaces, Services, User experience

Tout pour les yeux

tply
Un petit Zoom sur Tout pour les yeux aka tply. Un site qui m’a plu pour trois raisons :

  • Présente le meilleur des expos de la scène montante de l’illustration, du street art, de la photographie et des arts numériques, et ça, c’est bien.
  • Le site est dans une structure proportionnelle en colonne, un format ajustable en fonction de la dimension de la fenêtre de votre navigateur. Autant de colonnes que le permet la largeur de la fenêtre. La mise en forme est voisine de  sites comme D&Department, un site japonais que j’aime beaucoup ou encore EnjoyThin.gs, site des gens qui aiment les choses.
    Cette structure minimaliste est très agréable à parcourir, très proche de la une d’un quotidien. Ca me rappelle aussi la version expérimentale du NYTimes, l’article skimmer qui est très proche mais va plus loin puisque configurable à volonté.
  • J’aime bien le logo & sa typo (merci à Joaquim pour cette version)

tply
Ci-dessous, une capture de D&Department, le top de la mise en page différente, sexy et néanmoins intuitive.
tply

Accessoires, Design, Gadgets, Interfaces, Iphone, User experience

Iphone Stencil Kit

Vous qui avez en tête la création d’une interface pour l’iphone, voici un Iphone Stencil Kit car rien de vaut le papier et le crayon pour laisser crayonner ses idées, les gommer et recommencer. Excellente idée, justement. L’iconographie générique joue un un rôle clef dans ces interfaces qui se doivent d’être intuitives, les automatismes visuels créent le confort d’utilisation. J’en ai commandé un, ça me plait bien, ne serait-ce que pour l’objet lui même. 16,95 USD, par là

iphone-stencil-kit

iphone-stencil-kit

Via TUAW

Blog, Design, E-commerce, Interfaces, Multicanal, Services, User experience, Video

Archiduchesse, king of the chaussette, on air

Archiduchesse - chaussettes colorées made in France

Patrice vient de lancer Archiduchesse, yay ! Je m’y suis collé trop tard, moi qui voulait du orange et du vert pomme.. Pfff, 5 heures après le lancement, déjà dévalisé sur ces 2 tons, success. Pas grave, plein de couleurs de chaussettes façon Panton, 30 au total pour le lancement dans un coton égyptien quali teinté-tissé en France. Bon démarrage à toi Patrice ! Et félicitations pour le site, j’aime beaucoup la home, claire, explicite et immédiate. Efficace, simple et funky, c’est bon.

Archiduchesse - chaussettes colorées made in France
Archiduchesse - chaussettes colorées made in France
Archiduchesse - chaussettes colorées made in France
Archiduchesse - chaussettes colorées made in France

Buzz, E-commerce, Ergonomie, Interfaces, User experience

Uniqklo intro

Uniqlo interface

introduction : une très belle interface événementielle pour Uniqlo, site Tokyoïte qui n’en est pas à son coup d’essai (cf post du capitaine sur le sujet). Les valeurs clefs de la marque défilent en scrolling vertical, les produits apparaissent en tournoyant, un par un dans un enchainement rythmé et en musique. Belle démonstration. Le tout est interactif, on peu cliquer chaque produit et aller l’acheter sur le shop. Ca c’est du web.

Uniqlo interface

Ci-dessous une capture du site Uniqlo, le vrai. Belle dispo produit en enchainement vertical, à la japonaise. Donne le sentiment d’une offre très riche sur ses 5 colonnes à la une, on va au produit directement, intéressant. La segmentation, elle, se révèle une fois dans le site. J’aime l’idée de se lâcher en page d’accueil et de rester minimaliste au niveau de la navigation, seulement l’essentiel.

Uniqlo interface

Design, E-commerce, User experience

36 boutons d'action en PSD for you for free

Le Call to action, des boutons clefs sur les sites marchands (ou pas) qui peuvent rapporter des ronds s’ils incitent convenablement au clic . Je me suis amusé à en faire quelques uns que je mets à dispo dans leur version PSD : une partie inspirée des boutons de sites reconnus pour leur ergonomie et une autre partie plus personnelle. Si cela vous intéresse, le PSD des ces boutons d’action (Ajouter au panier, inscription, etc…)  est dispo librement en cliquant sur l’illustration ci-dessous ou ici.

boutons d'action PSD - téléchager gratuitement

Les boutons sont dispos en version PSD, en vectoriel, avec des typos courantes pour la plupart. Si cela vous intéresse, vous pouvez donc les personnaliser en dimension, texte et couleurs.

Blog, User experience

Tumblr – Smart blogging

tumblr
Ca fait un moment que j’ai envie de faire un petit post sur Tumblr, une plate-forme de micro-blogging dont je suis vraiment fan. Abouti depuis peu à sa version 5, Tumblr a atteint une maturité au top, très intuitif, rapide et orienté sur le partage, la découverte et l’interaction. J’avais testé rapidement ce service à sa sortie mais je n’avais pas perçu la puissance de l’outil ni l’attrait de la communauté qui l’utilise. J’ai fouillé depuis et adhéré complet.

A mi-chemin entre WordPress et Twitter, Tumblr est un outil de « speed blogging » qui permet de poster rapidement des photos, citations, textes,…, depuis sa machine ou depuis sont mobile et ce de nombreuses façons. Ce service est promis à un très bel avenir et je le trouve plus intéressant, plus complet qu’un Twitter.  Bloguer sous WordPress, ça prend du temps et du temps, on n’en a pas beaucoup, nous allons vers des systèmes de blogging où l’on va s’affranchir au max des interfaces et autres admin, bloguer depuis le contenu directement, mieux interagir avec lui et gagner du temps.

tumblr

Qu’est-ce que ça permet de faire ?

  • Depuis son dashboard de Tumblr, on peut poster rapidement texte, citation, image, video, chat, link et MP3, classique.
  • Un bookmarlet permet de poster depuis tout site (lors d’un surf), une image, extraire une citation, une video, etc.  Fonctionnalité qu’a intégré WordPress depuis peu au regard de la pertinence de cette fonction.
  • Possible d’intégrer automatiquement vos services préférés dont les flux deviendront des posts automatiquement (Flickr,un flx RSS, Flickr, Twitter…).  J’en fait l’inventaire plus bas.
  • Votre Tumblr a l’allure d’un blog minimaliste dont on peut customiser le CSS de façon simple ou tout simplement choisir le thème qui va bien.
  • En résumé, l’outil permet de bloguer vite et bien.
  • On a un sous domaine de tumblr par défaut mais on peut aussi y affecter un nom de domaine de son choix.

tumblr

Un des attraits essentiels de Tumblr est son dashboard et la possibilité d’y suivre les autres tumblr et d’interagir avec vos découvertes.

  • Le dashboard liste vos posts mais aussi ceux des tumblr que vous suivez
  • Chaque tumblr a une icone follow en haut à droite, cliquez dessus et vous le suivez. très ergo, un RSS sans douleur pour les nuls.
  • Vous pouvez indiquer que vous appréciez un post et le rebloguer d’un clic
  • Vous suivez également l‘interaction que vos followers ont avec vos posts (notes ou rebloging)
  • Votre dashboard est donc votre admin et votre lecteur de flux

tumblr

Vous avez la possibilité de customiser votre blog et aussi de le connecter avec vos services préférés :

  • Paramétrer vos infos, inclure des morceaux de codes pour ajouter des fonctions
  • Créer votre propre thème ou en choisir un parmi les existants proposés par la communauté
  • Customiser le CSS de ce thème, super simple et également placer les fonctionnalités que vous souhaitez, le code de Tumblr se positionne en appels à des fonctions.
  • Paramétrer l’apparence de façon simple avec une interface pour changer couleurs, typos, etc…
  • Ajouter des feeds de services tiers pour relayer automatiquement votre activité in situ : Delicious, Twitter, Flickr, WordPress, Vox, Vimeo, etc… Tout cela s’importe automatiquement en image, video ou liens. Mais vous pouvez également importer les flux RSS qui vous intéressent. Avec un Yahoo Pipes en amont, on peut faire ce que l’on veut, au top.

tumblr

Ce qui fait la force de tumblr, c’est l’utilisation que l’on peut en faire en dehors même de son admin Tumblr.
C’est le cas d’applis iphone, en voici 3 que j’utilise :

  • Iview : c’est une appli gratuite qui permet de surfer en image des flux de photos. Par défaut, il y a ffffound ou visualiseus, mais vous pouvez ajouter tout flux qui vous intéresse. On surfe d’image en image et on peut poster d’un geste une image.
  • Tumblrette : c’est un dashboard Tumblr complet et bien pensé déporté sur votre iphone.
  • Tumble Pro : un peu moins bien que tumblrette avec les mêmes fonctions mais il en existe une version gratuite.

tumblr

Les 3rd parties, il y en a beaucoup, c’est ce qui rend l’outil intéressant, en voici quelques une :

  • un widget pour poster depuis son Dashboard Mac, classique
  • Skitch, excellent outil de capture et de mise en ligne de ces captures. En un clic, j’ai l’url de l’image que je peux poster sous Tumblr. (édité) attention, ne fonctionne que sous Mac, merci Samy pour la précision(/édité)
  • Zootool, un notebook online qui permet de grabber en un clic images, textes et visuels. Même principe dans le fond que Tumblr mais assez complémentaire
  • Feedly, un agrégateur boosté, propose une interaction contextuelle avec les flux que vous suivez pour le pousser direct dans votre tumblr. Sioux et utile.
  • A découvrir, une liste de ces outils tiers par ici
  • A noter également les API mises à dispo pour ceux qui savent s’en servir.

Je trouve du reste la communauté des Tumblr très intéressante à suivre, moi qui suis fan d’interface, de design, de photos, il y a là du beau monde et de l’intérêt coloré indéniablement. Ce type de service est promis à un bel avenir et, je pense, viendra manger de belles parts de marché à des outils comme WordPress. WordPress ne manquera pas de s’en inspirer d’ailleurs, c’est certain. Plus innovant et plus interactif, Tumblr est un outil qui incite plus à la découverte et au partage. Quand on considère le succès actuel de twitter, il est certain que le micro blogging a un avenir énorme et va prendre une grande ampleur.

tumblr

Minimazine, c’est donc mon tumblr, mon ScrapMacBooking quotidien. Je n’arrête pas Imazine, loin de là, mais la version Mini aura un rythme de mise à jour plus intensif.

Interfaces, Réseaux sociaux, Softs, User experience

Fotonauts – Les voyages de M. Hullot

fotonauts

Ca fait un petit moment que j’ai envie de poster sur Fotonauts que j’ai la chance de tester depuis quelques semaines. Un service remarquable et prometteur de partage de photos mais pas que, puisque Fotonauts permet d’enrichir ses photos d’articles Wikipedia, de textes, de les localiser sur un Google map et surtout d’interagir avec les collections de chacun pour concevoir de nouveaux ensembles, d’enrichir le tout. Un genre de fotopedia en quelque sorte comme le défini Jean-Marie Hullot, son créateur (une épée).

Fotonauts = deux composantes et un support commun, le web.
Une application (pour le moment sous Mac). Sous Mac et Windows.
Un site web : fotonauts.com

L’appli

L’appli, Fotonauts, vous permet de naviguer dans les albums de la communauté et de créer vos propres albums. Chose remarquable, vous pouvez créer des albums avec vos photos mais également avec ceux d’autres albums (ou en provenance de flickr) et interagir et compléter les albums des autres.
Le point central est bien évidemment la photo, une photo organisée en albums, pages et sous pages, agrémentée de vos textes, de textes mashupés Wikipedia, de liens, et une photo enfin localisée sur un google map, le tout indexé et navigable par arbo, moteur, etc.

Ci-dessous, la « home » de l’appli :

fotonauts

Créer un album :
D’une grande simplicité et très ergo, l’interface vous propose une « photoline » source dans la partie supérieure, vous placez les photos une à une ou par groupe dans l’album, une page ou une sous page que vous aurez préalablement créé et ça y est, c’est en ligne. cool. Les photos peuvent venir de votre Iphoto, de votre compte Flickr, Picasa, etc… et ça, c’est top.
L’album ou la page sont ainsi éditables, vous pouvez y ajouter textes, cartes, liens, etc… Un manque cependant pour le moment, c’est l’impossibilité de tager la photo en elle même, modifier son titre, l’unité mini est pour le moment la page. Mais cela va sans doute évoluer.
A noter qu’un album peut être privé, visible « en lecture seule » ou encore modifiable par tous, un wiki de la photo.

fotonauts

Des points marquants pour l’appli, en vrac et dans le désordre :
Très rapide (les photos sont transférées en temps masqué), c’est indolore.
Superbe interface, top ergo, intuitive, sobre, efficace. Jean-Marie Hullot, proche de Steve Jobs, a participé à faire de Apple ce qu’il est aujourd’hui, on retrouve complètement l’univers.
Le mode Wiki pour les albums, chacun peut participer, faire évoluer, composer.
Les commentaires sur les photos et leur suivi dans un espace unique (frame droit). Très bien foutu.
Connexions aux services Flickr, Picasa pour récupérer ses photos. Et également pour les stocker.
Possibilité de twitter ses nouveaux albums (Dans le dernier update de la beta testé ce soir)
– Possibilité de suivre les gens / albums qui vous intéressent.
– La gestion des licenses Creative Commons.

Des bémols :
(mais c’est certainement en train d’évoluer de leur côté, je viens de voir déjà pas mal de changements sur l’update chargé ce soir)
Pas de détail sur les photos, titres, tags, etc… Si, c’est en place dans la nouvelle release mais pas encore éditable (Merci Adrian pour l’info)
– Recherche un peu hasardeuse (manque de pertinence)
– La nav dans les albums existants manque de fonctionnalités sur l’appli.
– Le fait de ne pas pouvoir visualiser toutes les photos d’un répertoire et de ses sous répertoires lorsque l’on clique sur le répertoire en question. Pour voir les photos, il faut aller dans les sous répertoires, le répertoire père ne sert à rien si ce n’est à porter un visuel d’illustration. Dommage et pas super intuitif pour le coup.

Pour tester l’appli, inscrivez vous à la Beta, c’est par là.
(Faut un Mac pour ceux qui ne suivraient pas). Et ben, c’est moi qui ne suivait pas, la nouvelle release tourne sous Windows également.

Le Web

Du côté du site Web Fotonauts.com, qui vient d’ailleurs d’évoluer considérablement il y a 3 jours, vous pouvez surfer dans la communauté et explorer les albums, les fotonautes, interagir avec les albums.
Le mieux, c’est d’aller voir, par la pour un album avec pages et sous pages.

fotonauts

Autre point fort, les Widgets, leur création est simplissime, cf par ici
Gestion de la dimension très bien sentie.

Monsieur Hullot

J’ai eu la chance de croiser Jean-Marie Hullot, le fondateur de Fotonauts, pendant le Web’08. Passionné de voyages comme moi, du Népal et du Bouthan notamment, nous avons parlé Kathmandu et Pashupanath, Saddhu, mais pas vraiment web ni interfaces :)
Le parcours de Jean-Marie Hullot est impressionnant, respect. Il est du reste d’une simplicité désarmante.

En tout cas, Fotonauts, à tester et adopter absolument, une autre façon d’aborder la photo en ligne, tès collaboratif et promis à un très bel avenir.

E-commerce, Interfaces, Search, User experience

Flasher sur des Converse

Converse flash catalogue

Communiquer, faire découvrir, tenter, Converse sait très bien le faire online et notamment avec son site allemand, Converse.de, qui est un petit bijou en flash. Pas un site de vente mais un site pour flanner, découvrir et comprendre la profondeur du catalogue.

Converse flash catalogue

Allez faire un tour dans la partie catalogue et vous allez retrouver cette grande étoile qui est le catalogue. Tout est alors affaire de zoom pour découvrir les produits. Possible également de passer dans un mode horizontal avec un menu paramétrique qui vous permet d’affiner votre recherche. On retrouve une navigation à la Reisenthel, un must dans le domaine.

Converse flash catalogue

Un avatar sympa vous explique la nav et est débrayable à tout moment s’il vous saoule ou si vous avez compris de suite le principe. L’avatar joue le rôle du vendeur et est parfaitement intégré dans la page, utile, ludique et bien communiquant, bon pour la marque.

Converse flash catalogue

A découvrir également le site US de Converse qui est, lui, marchand. Sans doute moins communiquant mais très bien pensé pour ce qui est d’arriver au produit en cliquant le moins possible. Très graphique, en full flash avec une orientation nette sur la simplicité de navigation. Une molette de contrôle vous emmène sur la section désirée et ensuite vous procédez par recadrage paramétrique pour aboutir à votre sélection idéale.
Converse acheter en ligne

C’est de l’efficace.
Sur une marque comme converse, un fabricant qui communique sur les produits et sa marque en même temps qu’il vend, le Flash prend tout son sens. On est dans l’impression, et cela prédomine sur l’expérience d’achat et des effets négatifs du flash (comme le référencement naturel par ex). C’est une prise de partie qui me plait bien ici. Un risque c’est clair mais, sur la partie marchande US, le site est bien mené et l’expérience d’achat est vraiment très agréable, il y a matière à craquer.

Converse design your own shoes

A tester également, le e-commerce sur mesure avec la possibilité de créer sa propre paire de Converse, toujours sur le site US.

E-commerce, Ergonomie, Interfaces, Shopbots, User experience

Potoroze, le portail du shopping 3D est maintenant accessible à tous

potoroze - shopping 3D
Potoroze vient de sortir de la beta fermée et est maintenant accessible à tous depuis ce jour.

Premier moteur de shopping en 3D, le site est un moteur shopping classique dans lequel certaines fiches produits proposent une visualisation 3D des produits. Les produits en 3D photoréaliste sont motorisés par la techno de VB2S, Subdo, une techno très aboutie. Le rendu est tout bonnement impressionnant, j’avais pu tester grâce à François puis au travers de la beta, et de découvrir ainsi différentes applications.

potoroze - shopping 3D

A voir notamment la fiche produit, le zoom plein écran et l’outil de comparaison des produits en face à face. J’attends avec impatience les essayages sur mannequin virtuel qui doit valoir des points lui aussi.

potoroze - shopping 3D

Ce qui est impressionnant avec Potoroze, ce sont les textures photos appliquées au modèle 3D, le rendu apporte vraiment une belle valeur ajoutée, tout bonnement bluffant.
A tester & à adopter !

Bravo à Sébastien Chevalier & à toute l’équipe.
Vous pouvez tester d’autres utilisations de Subdo par ici

Interfaces, Mac, Softs, User experience

MailPlane ou comment gérer plusieurs comptes GMail dans une seule appli

Un petit post de chauffe pour une remise en route de Imazine avec cette excellente application : MailPlane.

mailplane - mac - gmail

Une appli indispensable pour ceux qui gèrent leurs mails sous Gmail et ont plusieurs comptes (et vous êtes nombreux). Au sein d’une même appli autonome, qui n’utilise donc pas un navigateur internet, vous pouvez ajouter N comptes Gmail et passer de l’un à l’autre à la volée dans une même interface, d’un simple clic.

mailplane - mac - gmail

Vous pouvez répondre, imprimer, deleter, etoiler, forwarder, .., idem Gmail
Mais vous pouvez aussi, ajouter images, sons, videos à la volée.

Autre atout : le système est interconnecté à Growl, un avertisseur générique (qui fonctionne notamment avec Adium) qui vous notifie chaque fois que vous recevez un mail. Vous pouvez alors accéder aux nouveaux mails par l’appli elle même ou directement dans la barre de menu où stationne gentiment une boite à outil et action.

L’appli tourne légèrement en tache de fond, top pratique.
Un outil au top que j’ai acheté après 1 mois d’essai.
C’est sous Mac. Je ne sais pas s’il existe un équivalent Windows.

Blog, E-commerce, Ergonomie, Interfaces, User experience

Une nouvelle version pour Koodza

koodza new version
koodza new version
Koodza, le site marchand pilote de Décathlon vient de sortir sa nouvelle version avec la nouvelle année. Une nouvelle version différenciante à l’ergonomie étudiée.

- Une segmentation principale à bouton unique avec un div qui s’ouvre (à la façon d’Amazon US ancienne version). Pas forcément le plus convainquant ici, le fenêtre a une telle dimension que l’on est un peu perdu à son ouverture. Mais bon, l’idée est forte et le header a, de fait, de la personnalité, c’est clair.
- Une segmentation secondaire avec utilisation originale d’un carousel à la Apple store. Très visuel. Je suis curieux de savoir si les visiteurs sont Ok avec ce type de navigation. C’est agréable et clair. Plus parlant que du simple texte mais j’ai juste une interrogation avec le scrolling horizontal qui peu dérouter mais c’est bien mené en tout cas. A suivre de près.
koodza new version
Menu gauche contextuel sur chaque segment avec fonctions de recadrage de l’offre (à la manière des résultats moteurs). On recadre avec des curseurs, par couleur quand justifié, par prix, par taille, par niveau, etc… Très adapté au monde du sport et le mieux fichu de la nouvelle version je trouve. Excellent, sous-entend un gros travail opéré en amont sur la segmentation.
Moteur de recherche (motorisé par Antidot) avec une page de résultat bien faite proposant un recadrage paramétrique clair et efficace coté gauche.

Koodza.fr
est mis en web par une équipe très sympa emmenée par l’ami Jérôme, voisin lyonnais que j’ai eu le plaisir de croiser plusieurs fois et qui fait vraiment du beau travail. Jérôme a d’ailleurs récemment lancé son blog, Ikom, qui nous propose des analyses métiers des plus intéressantes. A découvrir d’urgence si le e-commerce vous intéresse !

E-commerce, Interfaces, Moteurs de recherche, User experience

Zero patience

zero patience - produits e-commerce

Le client n’est pas l’otage d’un site,
c’est le site qui est l’otage du client, il faut le savoir.

Si celui-ci ne trouve pas ce qu’il cherche dans les deux minutes, il s’en va sans appel et ne reviendra souvent plus. L’importance du moteur de recherche et d’une segmentation pertinente est capitale, on le sait mais ça devient de plus en plus crucial. On risque de manquer une vente et surtout de perdre définitivement le visiteur dont les exigences sont des plus en plus marquées. Zéro patience !

zero patience - produits e-commerce

Une étude intéressante de SLI System
fait ressortir des chiffres édifiants :

– 73% des visiteurs qui ne trouvent pas ce qu’ils veulent dans les deux minutes s’en vont.
– 36% affirment qu’ils ne reviendront pas sur le site.
– 56% disent qu’ils reviendront uniquement sur le site s’il y a des produits exclusifs.
– 96% affirment que le moteur est important dans le shopping sur un site.

La recherche est un élément primordial de la séduction, de la fidélisation et au sens large, c’est ce qui représente de manière intelligible, perceptible le service, sa personnalité, c’est de l’image.

Via WebProNews

Interfaces, User experience

MegaBlok – une ergonomie ludique et efficace

mega blocks
Un petit zoom sur un site de saison, le site de Mega qui n’est autre que la marque mère de Megabloks, le concurrent direct de Lego. Le Canadien Mega a donc lancé un site international assez remarquable et un bel exemple d’interface riche au service de la démonstration produit.

mega blocks

Le site Mega comporte beaucoup de services et fonctions, mais je me focalise ici sur la partie catalogue produit (Shop) que je trouve vraiment bien faite. On y trouve une belle valeur ajoutée en tant que parent à la recherche d’information sur l’intérêt d’un jouet, qui ne l’oublions pas est la pour accompagner l’enfant dans son développement, ce n’est pas qu’un produit ultra marketté. Sur leur site, on a la demo produit, le coté fun et paillette et le côté valeur ajoutée, pas mal.

mega blocks

Vous avez les illustrations ci-dessus de ce que sont les résultats de recherches, une catégorie produit et ci-dessous de ce qu’est une fiche produit. Cette sur cette fiche produit que tout se passe, c’est un concentré d’infos et cela reste néanmoins facile d’accès et simple. Flash est ici à son avantage puisqu’il est utilisé au service de l’ergonomie et uniquement sur certaines zones clefs. Toutes les infos sont accessibles d’un coup d’oeil en mouseover sans scroll. Petite illustration ci-dessous de cette fiche produit et la meilleur démo reste encore leur site.

mega blocks

Mega n’est pas un site marchand, c’est un site d’aide au choix et un site de traffic on et off qui redirige vers des marchands online et offline contextuellement. J’ai eu la chance d’aller faire un tour à Montreal il y a 6 mois et j’ai visité le siège. J’ai rencontré à ce moment la, un des resp. Marketing qui m’avait parlé de développement web fort et des projets en cours, et bien félicitations, c’est top.

E-commerce, User experience

Autour du Scoot, un joli site sous rentashop

autour du scoot
Autour du Scoot a été lancé la semaine dernière par Alice, Alice que j’ai pu rencontrer à deux reprises lors des soirées des entreprenautes associés. J’avais pu voir les maquettes du site et pas mal échanger avec cette jeune entrepreneuse qui connait très bien le monde du scoot.

Autourduscoot est porté par Rentashop qui propose vraiment une belle solution pour démarrer son shop. Look sympa, bien dans le ton du sujet, fiches produits, segmentation, process commande efficaces. Rien à redire sur une formule très adapté à une niche de marché comme dans le cas présent. On est sur des gammes courtes et la solution valorise bien le produit.

L’excellent Mademoiselle Bio est aussi porté par Rentashop, vous aurez ainsi une autre idée de ce que la solution peut permettre.

Blog, Personnalisation, Services, User experience

Nomao : localiser ses lieux préférés et les partager

nomao

J’ai rencontré le très symathique Julien Romanetto il y a environ 1 mois lors de l’avant dernière soirée festive des entreprenautes associés. Julien est le co-fondateur de OverBlog & son actuel DG. L’équipe a travaillé récemment sur un nouveau projet sorti en prod depuis quelques semaine : Nomao.

nomao

Nomao est un service communautaire visant à créer dans son interface des lieux et à les localiser précisément via un mashup Google Map forty bien mené m’est avis. Ces lieux préférés peuvent être communs à d’autres utilisateurs de la communauté par essence et les lieux sont reliés entre eux par un système de tags qui permet une navigation transverse ayant pour objectif la découverte de nouveaux lieux succeptibles de vous plaire. Voila donc le but.

nomao

Chaque utilisateur bénéficie de sa page perso avec ses lieux favoris listés sur carte et dans la page. Chaque utilisateur a également un genre de karma communautaire, synthèse de qualité, activité, popularité qui le situe dans cet univers qu’est Nomao.
Il est possible de créer un widget sur mesure pour votre blog pour ainsi partager vos endroits préférés. Pas mal fait.

nomao

La partie admin espace perso est une réussite, c’est facile, ergonomique, simple. Techniquement, c’est nickel et bien fini. Par contre, je suis un peu déçu par la partie communautaire qui est finalement réduite et par la partie découverte de lieux qui n’est pas intuitive. On pourrait s’attendre à une home invitant à chercher un lieu, un type de lieu ou une carte à parcourir en drag’n drop mais non, rien. Dommage. On peut entrer par perso et lieux au top dans la communauté mais c’est tout.

La navigation se révèle seulement une fois que l’on est sur une fiche lieu ou quand on navigue sur la carte depuis une page lieu. Globalement, Nomao est une super idée bien menée mais il y a un truc qui ne va pas dommage. Je ne doute pas que ça évolue prochainement, tout est la pour que ça cartonne.

Interfaces, Services, Softs, User experience

Acroflip, Du PDF à feuilleter en ligne illustré par l'exemple

acroflip pdf to catalogue

acroflip pdf to catalogue

Découvert chez Accessoweb, Acroflip est une appli online qui vous permet, en 3 clics, de produire et héberger votre document feuilletable en ligne, du genre click & page.

J’ai fait le test en soumettant l’Ipod Book 3.0 dans Acroflip et le resultat est très intéressant, vous pouvez y jeter un oeil ici.
acroflip pdf to catalogue

acroflip pdf to catalogue

A noter que les liens existants sont conservés sur les zones concernées du PDF. Il est également possible de revenir sur le doc page à page grâce à un éditeur intégré pour les ré-ordonner, les redimensionner. Et pour finir des stats de consultation de vos pages. Vraiment top ce service, très utile, la pertinence du feuilletage en ligne n’étant plus à démontrer.

Design, E-commerce, Interfaces, User experience

Interface fluide, Henrik Knudsen

jenrik-knudsen
jenrik-knudsen

Un petit post de WE à 2 entrées avec ce site: de superbes photos et une interface ultra fluide et bien sentie. Le site du photographe Jenrik Knudsen est d’une simplicité extrême et l’on navigue dans les photos de façon très intuitive. J’imagine tout à fait ce genre de nav appliquée à un site de e-commerce, du type fringues, déco, etc… Flâner pour apprécier et être tenté sur des objets à belle valeur ajoutée visuelle.

E-commerce, Services, User experience

Spoonkey, clef du e-commerce

spoonkey

Spoonkey vient de rentrer en beta test ouvert et est déjà utilisable sur quelques sites. Le service vous propose une clef unique qui vous permettra de vous identifier sur des sites de e-commerce sans avoir à saisir de nouveau votre formulaire. Un genre de Open ID simple et sympa qui vous fait gagner du temps et vous simplifie le web.

spoonkey
spoonkey

J’ai pu rencontrer Michael Cru, le fondateur de Spoonkey, lors de la convention e-commerce et pu voir par extension sa demo du service. Résultat très convainquant. Vous pouvez aller jeter un oeil à la demo de Spoonkey sur le site directement.

Testable ensuite sur le site de Julien Lemarchand, Saveur Bière pour les amateurs — et j’en connais :D
Bientôt en place sur d’autres sites. Le service est bien foutu, pratique et le formulaire de Spoonkey est simple et soigné, un modèle du genre.

E-commerce, Music, User experience

Amazon MP3 Beta – un bon plan

amazon-mp3-sans-drm

Amazon US a lancé mardi le téléchargement de MP3 sans DRM à prix compétitif, $0.89 à $0.99 à la carte ou $5.99 à $9.99 par album. Moins cher que Itunes et surtout plus compatible avec tout système.

amazon-mp3-sans-drm

Si l’on peut mettre un bémol sur l’arborescence qui permet de naviguer dans les 2 millions de titres qui est trop « basique » (d’un point de vue segmentation), le reste est très simple. Paiement One click toujours aussi mortel et un soft complémentaire (Amazon MP3 downloader) que vous installez sur votre Mac/PC pour gérer les téléchargements.

amazon-mp3-sans-drm

Testé et approuvé depuis la France sans souci.
C’est assez moche mais c’est encore une fois très efficace.
Bye Bye Itunes.

Via LifeHacker

Rien à voir mais Hope and sorrow, le dernier album de Wax Tailor est très bien…

E-commerce, Personnalisation, User experience

e-commerce sur mesure – Freddy & Ma

freddy-ma e-commerce customization
freddy-ma e-commerce customization

La personnalisation, le sur-mesure, le one to one, voila un bel avenir pour le e-commerce. Des artisans qui vous proposent de la différenciation, du sur mesure pour un prix acceptable, c’est on ne peut plus appréciable comme service.

Voila l’exemple avec Freddy&Ma qui vous propose de concevoir le sac à votre mode. Sélectionnez la forme, sélectionnez la couleur de poignée, la couleur des clous, la toile et le style de couture et c’est parti, vous êtes 220€ moins lourd.

Même si on est quand même contraint à des formes et des styles, pas mal de libertés permises. Un petit site très sympa et une ergo bien menée utilisant le flash avec beaucoup de pertinence.

Blog, Softs, User experience, Wordpress

AirPress, l'easy Blogging

Airpress, qui tourne sous Adobe Air, est une appli sympatoche qui vous permet de bloguer avec autre chose que votre outil d’admin WordPress, un peu à la LiveWriter.

aipress wordpress

Si AirPress est moins bien que LiveWriter car moins complet, c’est néanmoins un outil très sympa à tester d’urgence, surtout si vous êtes comme moi sous Mac et que LiveWriter vous fait défaut.

aipress wordpress

A ne pas rater
A télécharger sur le site de AirPress
Via Accessoweb

Imazine, User experience

Tarmac moins le quart

tarmac
C’est parti pour un mois loin d’ici, il est tarmac moins le quart.
Dans un moment, c’est décollage, donc : see you soon !
Loin d’ici mais près du Net, le blog continue pendant la période.
@bientôt !

Design, E-commerce, User experience, Video

Zadig & Voltaire rocks

zadig & voltaire
zadig & voltaire
zadig & voltaire
zadig & voltaire
zadig & voltaire

Je suis client parfois de Zadig & Voltaire, j’ai surfé sur leur site par hasard ce soir.

Il est surprenant :
– Le site demande une adresse mail et votre inscription pour surfer, sinon non. Confiance en soi. Je trouve ça super gonflé, mais finalement, si on est client on s’identifie, du moins je le crois, intéressant, un surf qualifié au bout du compte pour cette marque qui travaille son image.
– La page d’accueil allie flash avec petites anims videos et liens classiques. Atypique.
– Possibilité de surf flash interactif sur les collections (vignettes zoomables).
– Possilité de E-shop avec site marchand complet bien mené.

On découvre des sites aboutis et bien pensés comme Zadig & Votaire à chaque détour de clic, c’est de la folie.
Le domaine de la mode est vraiment dynamique sur le web en ce moment et la partie visible du e-commerce, celle qu’on identifierait comme médiatique est minime par rapport à tout ce qui est mis en prod au quotidien.