Browsing Tag

interface

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.

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

8 octobre 2009 by Imazine

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

21 juin 2009 by Imazine

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à

Via TUAW

10 juin 2009 by Imazine

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

Uniqklo intro

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.

7 avril 2009 by Imazine