Articles

Bienvenue dans cet espace, où je donne mes impressions autour de mon métier: UX Design & Interaction Design .
C'est un site où je regroupe mes expériences et mes interrogations, et dont les articles ne sont pas trop lourds à digérer!

Articles le plus récents

  • Quelques idées pour un interface admin

    Voici un bon exemple de design d’un interface admin pour une plate-forme de publication, que je viens de trouver sur behance.net. Ce que m’attire de cet exemple est surtout que l’équilibre entre usabilité et design engageant est très bien résolu. Si on pense aux professionnels qui passent plusieurs heures par jour face à le même écran, il faut toujours penser à la ergonomie et au confort visuel dans son interface, ainsi que aux  parcours utilisateur qui favorisent l’efficacité. Il est encore mieux si on donne au design un touch de modernité!

    Ce que j’aime :

    • Qu’il est très clair et « propre », intéressant sans tomber dans le modèle « sci-fi movie »
    • L’utilisation des typographies « light »
    • Le choix de couleurs « tranquilles » pour les yeux
    • L’excelente hiérarchie des CTAs,
    • Le bon zoning : le toolbar (vertical, à gauche), le menu de services (en haut), et les outils contextuels dans chaque zone d’édition de contenu
    • Les outils de communication intégrés
    • etc, etc… Même s’il s’agit d’un essai graphique , c’est assez spectaculaire !

     

    Sources :

    https://www.behance.net/gallery/Content-Management-System-(CMS)-Admin-Panel/6864087

    exemple interface admin UI

    exemple interface admin UI

    exemple interface admin UI

    exemple interface admin UI

    Categories: Design d'interface, Design visuel, Usabilité

  • Facebook Origami, un nouveau outil de prototypage

    Je viens de découvrir Facebook Origami, un outil de prototypage dont sa virtue est d’être utilisé par le département de développement de Facebook. L’outil est gratuit, par contre il ne peut être installé que sur des Macs car il a besoin de Quartz Composer, un logiciel de développement OSX / IOS qui n’est pas disponible pour PC ou webApp.

    Ciblé sur les prototypes d’app mobile, Origami sert à montrer graphiquement l’expérience d’utilisation avec une haute fidélité, à partir des éléments graphiques base et des actions et des relations entre eux pour construire l’interaction.

    via @fastcompany

    Prototype Facebook origami dans Quartz Composer. L’image est dans http://live.fastcompany.com/Event/Livechat_With_Facebooks_Creators_Of_Origami_A_Free_Tool_To_Mock_UX 

    Le meilleur : il ne faut pas apprendre HTML / CSS / JS pour réussir des protos incroyablement fidèles.

    Le pire : l’apprentissage du système de « patches » connectés n’est pas évident à acquérir. Il faut aussi préparer tous les matériaux graphiques avant, car aucun outils n’est pas disponibl pour créer des formes simples (carrés, boutons, texte…)

    Malgré tout, il y a des designers qui jurent qu’ils ont fabriqués des beaux protos dans 10 minutes. A nous de tester.

    Je vous laisse une vidéo tutorial :

    Prototyping with Origami from Jay Thrash on Vimeo.

    Categories: Blog |, Design d'interface, Prototypage

Sur mon Twitter