Une interface toute simple comme je les aime et un affichage en colonne des plus purs. Une interface japonisante pour ce collectif basé à Sydney qui nous expose ses créations en colonnes et surtout, ce qui est intéressant, la possibilité de ‘fermer’ ou d’ouvrir chaque projet d’un clic sur l’image. Sympa, c’est par là.
Browsing Category
Ergonomie
Glyfish : 130 icônes pour vos applis iphone, c’est simple et bien vu, c’est par là (et c’est gratuit)
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.
Blog, Design, Ergonomie, Interfaces, Réseaux sociaux, Services, User experience, web
Cargo, un CMS social pour les créatifs
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 :
- 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)
Ci-dessous, une capture de D&Department, le top de la mise en page différente, sexy et néanmoins intuitive.
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.
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.
Via BenjaminF
E-commerce, Ergonomie, Interfaces, Shopbots, User experience
Potoroze, le portail du shopping 3D est maintenant accessible à tous
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.
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.
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
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 !
Les interfaces riches appliquées au e-commerce ? Et bien il y a une très bonne adresse avec 2 excellents chefs cuisiniers, experts du domaine. Le mix va être des plus intéressants. C’est le bien nommé RichCommerce, piloté de front par Fred et François qu’on ne présente plus.
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.
– 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 !
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