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.
J’ai posté un mini topo des premières 34h00 (à défaut de 24) sur le blog de Timefy hier soir. Un grand merci à tous pour le relais du lancement Mardi et Mercredi, c’est énorme et c’était un vrai bonheur de suivre ça et de lire vos avis positifs sur le site et sur l’offre. On travaille d’arrache pied avec nos amis de Newquest sur les calages et problèmes que vous avez fait remonter et on boira d’ailleurs un bon coup de champagne à votre santé demain sur Chambéry.
Je vais maintenant plus me concentrer sur le blog de Timefy, Imazine sera donc moins animé dans les temps qui viennent, (Il ne l’était pas vraiment beaucoup vous me direz…).
Je ne manquerai pas de linker vos retours dans un prochain post dès que j’arrive à me poser un peu.
Ca y est, Timefy.com est ouvert :) Je vous invite à y faire un petit tour et vos avis et critiques sont les bienvenus. Le concept est simple, j’en ai déjà parlé un peu, une sélection toute personnelle de montres qui ont quelque chose à raconter dans un petit écrin minimaliste et une info produit complète comme on le ferait dans un blog.
Timefy tourne sous Prestashop et merci d’ailleurs à Bruno Lévèque d’y avoir jeté un oeil, Prestashop qui est définitivement une excellente plate-forme du point de vu fonctionnalités et réflexion de fond sur les processus, bien pensé tout ça. C’est plus léger que Magento, plus accessible et plus souple, pour une boutique comme Timefy, on n’a rien trouvé de mieux.
C’est Newquest qui a façonné le site au pixel et développé avec brio, merci à Yann et Cyrille qui n’ont vraiment pas fait semblant. Les barbus de Chambéry sont des tueurs, merci ! Et ce n’est pas la panne générale de Free en Rhône Alpes qui va nous bloquer, derniers correctifs et update base en mode console de dernière minute chez Ronald, la classe atomique. Je crois même que Yann va faire un petit topo illustré sur le sujet :) – (update) Merci à Yann pour ce super post de lancement agité : part ici. (/update)
On a mis un WordPress à côté du site, classique, et on a fait quelques ponts au niveau des fiches produits où on retrouve le post de la montre associé en complément d’info et photos, mais pas que puisque les commentaires de WordPress sont importés en dynamique. Pas de posts encore pour toutes les fiches, ça va venir avec le temps.
Merci à tous ceux qui ont testé le site avant mise en prod, ça nous a permis beaucoup de réglages :)
N’hésitez pas à donner vos impressions, à votre bon cœur m’sieurs dames
Quelques news de Timefy qui est dans le dernière ligne droite, le gros œuvre est fini et on est maintenant en train de finaliser le site, rédiger les pages de contenu, ajouter des infos, régler les fonctionnalités, gros rush encore, beaucoup à faire mais ça va bientôt être OK. Le lancement est prévu semaine prochaine, que du bon.
Les jours qui viennent de filer depuis le dernier post ont filé très vite, reçu le Kbis, obtenu le contrat VAD dans un temps record, toutes les montres ont été réceptionnées, l’éditorial rédigé, des milliers de photos shootées (pour en garder peu), et mises en ligne, des 100aines de tasses de café avalées, de clopes fumées, de playlists écoutées sur Spotify, la belle vie équilibrée quoi. La première sélection est en place sur le site. Beaucoup d’échanges avec mes amis de Newquest sur les finitions du site. De passage à Barbusland Vendredi, on a pu faire un gros point et échanger sur la dernière ligne droite, on est calé. Ils ont fait vraiment un super boulot et ce travail d’artisans que nous sommes pour préparer les murs et le mobilier de la boutique est un énorme plaisir, c’est bon de voir une idée prendre forme.
Newquest a réalisé un super job sur les base d’un Prestashop, la solution qui a été retenue pour sa simplicité, sa souplesse et sa puissance. La boutique est couplée à un WordPress qui va nous servir à porter le blog bien sûr mais amener aussi des compléments intéressants sur la fiche produit.
Cette semaine, implantation du stock avec une journée et demi de réglages logistiques, mise en place des procédures, de l’administratif à faire, de la compta, des tests, d’autres tests et retests et reréglages tout en finissant la déco et les contenus.
Ca avance, ça se précise, ma nouvelle vie s’organise et le site est en bonne voie. Le deal est acté avec mon ami et associé Marc, les statuts de la société signés depuis la semaine dernière et j’attends maintenant avec impatience le Magic Kbis qui va être la clé de pas mal de choses (c’est trop long !). Le mois qui vient de passer a été bien chargé et le mois en cours commence fort aussi (et je ne vous parle pas des suivants :)). Donc, voila, un peu plus d’infos sur Timefy qui est donc le site en cours de préparation. Des montres, des montres design et funky sélectionnées avec soin et qui viennent de loin. Japon, Danemark, Allemagne, UK, USA mais aussi France (oui Madame). J’espère que la sélection vous plaira.
Le blog de Timefy est lancé depuis un petit moment, la page facebook, le twitter, enfin toute la panoplie quoi. Le site est fini à 90% et sera 100% fonctionnel dans la 15aine, à nous le débuggage et les réglages fonctionnels mais pour le moment, il est au pixel, nickel. Et ça, c’est grâce à mes camarades barbus de Newquest qui sont à fond sur Timefy.com.
Les sélections sont faites, les commandes passées et je commence à recevoir les premières montres, c’est énorme. Maintenant, partie éditoriale, base, shoots complémentaires, contenu du site, réglages, administratif, etc. Il y a un max de taff et c’est vraiment bon de voir avancer cette idée qui prend forme.
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.
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.
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é ?).
Merci à Benoit pour l’info
Spotifitunes, un service en ligne très simple qui vous permet de visualiser l’XML de vos playlists Itunes en ligne et de transposer ce qui vous intéresse (si possible) dans vos playlists Spotify. Vos titres sont présentés en 3 colonnes : Genre, Artistes, Albums. Un clic sur l’un des liens lance une recherche sur le client Spotify pour y retrouver le Genre, l’artiste ou l’album. Tout simple mais encore fallait-il y penser.
Le XML de votre librairie Itunes est par là :
– Sur Mac: /Users/username/Musique/iTunes/iTunes Music Library.xml
– Sur Windows: \Documents and Settings\username\Mes documents\Ma musique\iTunes\iTunes Music Library.xml
Pour utiliser Spotifitunes, c’est par là
Phil Nash qui a eu cette bonne idée a eu aussi la bonne idée de stocker les playlists en ligne, on va voir ce qu’il va en faire. Ce stockage vous permet de retrouver votre liste Itunes et de continuer votre constitution de Playlist de façon différée.
Par ailleurs, les services de partage de playlists Spotify commencent à fleurir de toute part. Aux vues de la qualités de cette fonctionnalité sous Spotify, cela risque de faire de beaux trafics en perspective.
24 hours : une très belle idée de buzz pour faire découvrir Soundwalk, éditeur notamment de guides audio très sioux, les sound walk tours.
24 hours, c’est mix de 24h00 disponible en appli Iphone / Ipod Touch ou ici sur le site de SoundWalk. Le concept : vous lancez l’appli Iphone ou l’appli flash et le stream du mix se lance à l’heure correspondant au fuseau horaire de l’endroit où vous vous situez. Le mix a été créé par Soundwalk sous la direction de Philippe Starck en partenariat avec WallPaper.
Soundwalk est une agence basée à Paris et New York qui réalise notamment des Sound Walk Tours, près de 40. Avec les walk tours, vous pouvez par exemple découvrir les racines du Hip Hop illustrées d’extraits d’African Bambaataa & jazzy Jay tout en étant guidé dans le Bronx, là où est né le Hip Hop. Si vous voulez jeter un oeil, les livres audios sont dispos dans L’itune store.
Le Mix 24 hours est vraiment très sympa pour le peu que j’ai pu écouter pour le moment en rédigeant ce post. (19:35)
– Pour la version, c’est là
– L’appli Iphone est là
Une très belle idée de buzz en tout cas, Soundwalk mérite d’être connu du reste, bien vu.
Désolé pour le post doublé sur Ma déco et Imazine pour ceux qui suivent les deux, ça concernait les deux blogs :)
Via Ma décoration & Viacomit
La semaine prochaine, c’est salon e-commerce Porte de Versailles pendant 3 jours. J’y serai les mardi 29 et mercredi 30. Pas mal de conférences intéressantes, beaucoup de connaissances à croiser, ça risque d’être bien passionnant comme chaque année. J’en profiterai pour faire un tour au coktail BLOG2BLOG le 29 et au diner des entreprenautes le soir même.
Si vous êtes de la partie, j’aurais plaisir à vous croiser sur place et pour ceux que ça intéresse, j’en dirai plus sur mon petit projet de dans un mois qui est pour le moment dans sa boite mais ne demande qu’à en sortir. Les semaines qui viennent de passer ont été bien chargées & bien productives. Le site est terminé en grande partie, les deals fournisseurs bouclés pour le Mix de lancement, les grandes lignes calées. Les produits vont vous plaire, j’en suis sûr.
Un nouveau jour pour une nouvelle vie. Ca y est, c’est parti, yay ! J’en ai envie depuis des années, l’idée depuis plus d’1 an, travaille sur le projet depuis des mois et je suis maintenant full time sur le sujet. Le projet, c’est un site de e-commerce avec des produits comme vous les aimez, une offre ciblée pour les early adopters que vous êtes.
Le site est en cours de développement par des gens très bien dont je vous parlerai bientôt, mes barbus à moi qui me brodent un site sur mesure, au pixel avec de jolis features. Du taff en cours et du taff en perspective. Je vous tiens au courant de l’histoire et vais revenir plus près du blog.
++
Une top info communiquée par Yann, un plugin au top pour Photoshop CS4 : Divine. Un plugin puissant qui vous permet de créer un template WordPress depuis un fichier Photoshop, oui Madame vous avez bien entendu. Pas testé l’outil encore, vu qu’il ne tourne que sous Windows et pas sous Mac, mais le concept est au top. J’ai l’impression que l’exécution est à la hauteur, à vérifier par les graphistes alertes que vous êtes.
Le plugin est activé depuis Photoshop et vous permet de définir des zones, des tranches en quelque sorte à la image ready. Vous affectez ces tranches à un élément de WordPress (Title, Comment, User, etc…), il faut donc être assez précis dans le template de départ, ça va de soi.
Une fois ces zones définies, on procède à la création du template, Divine travaille pour vous et peut même le publier à votre place. J’ai regardé, mais pas trouvé, l’intégralité des fichiers a l’air d’être généré depuis le PSD principal. Il doit donc falloir faire quelques retouches pour les pages internes (post, page, résultat recherche).
Divine est gratuit mais il y a des limitations : toutes les images sont exportées en GIF et les dimensions du template doivent se situer entre 750×1000 et 1000×2000. La version payante permettra de faire sauter ces verrous.
Via Newquest.
Chero, chero Oo – Les coûts de France.fr chez Etienne Mineur http://www.my-os.net/blog/index.php?2010/08/19/1503-francefr
Motion logo pour SyFy, une collaboration entre Proud Creative and ManvsMachine. Mais c’est vraiment très beau tout ça. En version large par ici sur MotionGrapher.
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.
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.)
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.
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
Un petit Zoom sur Tout pour les yeux aka tply. Un site qui m’a plu pour trois raisons :
Ci-dessous, une capture de D&Department, le top de la mise en page différente, sexy et néanmoins intuitive.
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à
Tu as vu comment il utilise sa pédale Wah Wah ?
I want a break Thru’ par The Hykkers
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.
McBess frappe encore une fois et c’est la classe intégrale pour cette video réalisée pour son groupe les dead pirates, video du titre Wood, réalisée en collaboration avec Simon. La musique passe pas mal mais surtout j’adore son univers graphique, c’est noir, c’est peuplé de vampires des bois à frange et culotte, de persos aux visages allongés et regard vide, aux tatouages typographiés à outrance. Par contre, au niveau scenar, c’est un peu la misère, mais on s’en fout, le graphisme porte tout.
Quelques fonds d’écran sympas et spécialement ces 2 là, pour les psychopathes de l’helvetica. C’est par là. All things into position.
Pas très e-commerce comme post mais j’ai fait la manip il n’y a pas longtemps et j’avais envie de la partager avec vous. Je voulais travailler un thème WordPress localement hors connexion, le tout sous Mac. J’ai donc installé un petit serveur local en quelques secondes grâce à Mamp. Ci-dessous la façon de procéder pour arriver à ses fins.
Installation de Mamp
Première étape, l’install de Mamp que vous pouvez télécharger ici.
L’installation est classique Mac, l’activation se fait par le lancement du fichier Mamp.app dans le répertoire Mamp dans applications. Cette action démarre les serveurs MySql et Apache. Sélectionnez PHP4 dans les préférences (pour assurer la compatibilité des plugins notamment), voilààà.
Transférez vos fichiers WordPress en local
Ensuite, transférez l’intégralité de vos fichiers Wordpess par Ftp sur votre machine dans le répertoire htdocs (dans le répertoire Mamp) en créant un répertoire pour le blog.
Créez la base de données
Pour se faire allez à l’adresse suivante : http://localhost:8888/MAMP/?language=French
Cliquez ensuite, sur PHPMyadmin, saisissez un nom pour votre base dans le champ prévu à cet effet, cliquez sur créer. Ca, c’est fait.
Préparation de l’install wordpress
Supprimez le fichier wp-config à la racine de votre blog (en local hein).
Allez ensuite dans votre navigateur et tapez l’url suivante : http://localhost:8888/repertoiredublog/.
L’installation
WordPress prépare alors automatiquement l’install et vous propose de créer un fichier de config, cliquez pour continuer.
Vient ensuite la création de la base de données :
– nom de la base : la base que vous avez créé
– Identifiant : root
– Mot de passe : root
– Hôte de la base de données : localhost
– Préfixe table : wp_
Viennent ensuite le nommage du blog et la saisie de votre adresse e-mail et c’est fini. WordPress vous donne votre login et votre mot de passe. Notez les bien, pas possible de les récupérer par mail ensuite.
Transfert de votre contenu online vers votre blog local.
Très simple : allez dans votre admin wordpress en ligne, dans outils (tools), choisissez exporter et exportez le XML
Dans votre admin locale, au même endroit, choisissez importer et importez.
Reste à activer les plugins que vous utilisez dans votre admin locale. Ils sont tous désactivés par défaut.
Votre blog est prêt et fonctionne localement à l’adresse : http://localhost:8888/repertoiredublog/
Si cependant vous avez des liens en dur dans vos posts, il faut également les changer pour que les images ou fichiers soient toujours accessibles en mode offline.
Changer les URLs dans la base de données locale
Ouvrez votre PhpMyadmin local et exécutez les requêtes suivantes :
Remplacer les Urls dans la table option :
UPDATE wp_options SET option_value = replace(option_value, ‘http://www.votreblogenligne.com’, ‘http://localhost:8888/repertoiredublog/’) WHERE option_name = ‘home’ OR option_name = ‘siteurl’;
Remplacer l’Url relative des posts :
UPDATE wp_posts SET guid = replace(guid, ‘http://www.votreblogenligne.com’,’http://localhost:8888/repertoiredublog/’);
Remplacer les Urls dans les posts :
UPDATE wp_posts SET post_content = replace(post_content, ‘http://www.votreblogenligne.com’, ‘http://localhost:8888/repertoiredublog/’);
C’est quand même 1000 fois plus simple de trifouiller du css en local.
Je vais donc pouvoir changer le thème d’Imazine qui me sort par les yeux.
Smart, ça l’est comme buzz
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.
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.
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.
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.
Mike Rhode de Rhodesign nous offre ses notes prises lors de SXSW interactive : un moleskine, un style au top et en plus c’est intéressant, quoi de mieux ?
Via Minimazine
Récemment, j’ai retapé un peu mon autre blog, Ma-decoration.net, un petit blog qui commençait à dater un peu avec son look 2005. Pour tous ceux qui aiment la déco et le design comme moi, c’est par là.
J’ai 9 invits Spotify pour ceux que ça intéresse. Un commentaire avec un mail qui marche et je vous envoie ça.
Huge type est un concept expérimental assez cool bien qu’il ne serve absolument à rien. Un pool sous flickr est à votre dispo pour y uploader des photos de Typos volées au détour d’un clic. Vous vous connectez ensuite avec votre iphone sur hugetype.com, vous saisissez une lettre et visualisez les photos du pool correspondant à cette lettre. Pour ceux qui aiment les typos sous toutes leurs formes. Sympa.
Via MatiasJajaja
J’aime beaucoup l’idée, de l’éco design pour le geeks. Smart. Vu sur Core77