Browsing Category

Ergonomie

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

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

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

Ergonomie, Interfaces

RIA patterns

rich internet applications patterns
Les interfaces utilisateurs évoluent sans cesse, le web prend le look des applications dans le cas des RIA et les applications prennent un orientation web, les deux se retrouvant à mi chemin dans ce phénomène de convergence.

Designing web interfaces nous propose un post très intéressant, une synthèse illustrée des typologies de pages, de fonctions : recherche, browse, dashboard, … Le post est illustré d’une 100aine d’exemples d’écrans pour transposer ces templates sur des sites existants. Les grandes lignes des principes de zoning en synthèse pour se remettre les idées au clair, top. C’est par la. Ils nous proposent également le post dans une version PDF.
rich internet applications patterns

Via BenjaminF

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

E-commerce, Ergonomie, Interfaces, made in design

DA senior en Freelance Wanted !

DA senior freelance
Nous recherchons un DA senior en Freelance pour un projet made in design.
Tueur né et expérimenté, notre DA freelance idéal est très créatif, est senior, a des réalisations reconnues online et a également une forte expérience en interface e-commerce. Nous voulons une interface soignée, efficace et très ergonomique. Du beau au service du visiteur et dans le sens de la valorisation du produit.

Si vous êtes intéressé par une collaboration éventuelle,
n’hésitez pas à nous envoyer l’adresse de votre book sur dadesign.mid@gmail.com
Merci d’avance !

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, Ergonomie, Interfaces

Fauchon, un air de fêtes

fauchon
Pour le plaisir des yeux, allez jeter un oeil rose sur le nouveau site de Fauchon et surtout sur la partie e-commerce. Tout juste sorti de la boite, le site de Fauchon est une très belle histoire écrite en full flash par Megalo(s) qui décidément assure au niveau technique et créa. Des tueurs, on vous dit.

Eric de Superfiction en fait une analyse intéressante, allez jeter un oeil également.

Full Flash, design épuré dans la tendance, noir et rose, valorisation soignée des produits, des assortiments, animations softs et élégantes dans l’esprit de la marque, gestion du panier très bien faite. Le mouse over sur le panier est un petit bijou.

Url rewriting intensif sur pages produit et fiches sélection, le flash devient fréquentable par les moteurs.

On regrettera juste des temps d’attente un peu trop longs sur la navigation dans la segmentation mais l’anim 3D avec les pétales roses, ça aurait été dommage de s’en passer. Quoiqu’il arrive, on ne passe pas commande tous les jours sur le site de Fauchon, une expérience de ce type est, de fait, cohérente.

A noter l’option livreur en tenue à 30€ (pour Paris et limitrophes), original et un tarif réaliste.

Via Superfiction