UX Snippets

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

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.

Un exemple UX d’inscription Newsletter

Je viens de voir ce combo pour s'inscrire aux news du site nowness.com ; un beau exemple UX qui fournis une expérience hyper clean, épuré, rapide à remplir... un excellent  patron d'interface .

Malheureusement, il y a une deuxième étape de cette interaction où on arrive dans un "vrai" formulaire d'adhésion au site, plain de champs et captchas.... J'aurais préféré que tout se déroulât en Ajax dans la même page.

Mais, c'est ce première pattern qui m'a étonné. Je vous laisse un GIF animé.

Most clutterless inscription combo ever

Most clutterless inscription combo ever

Quantified self

Les objets connectés ou les wearables sont à la tête des plus fortes tendances de l’écosystème digital.

Nike fuelband - quantified self selon nike

Nike fuelband, prédécesseur de la tendance quantified self

Pourtant, ces concepts n’ont pas encore imprégné la conscience d'un public qui ne trouve pas de réelle utilité aux dispositifs comme Google Glass ou Galaxy Gear, qui sont perçus soit comme des gadgets qui sont chers, pas très pratiques, et assez geek, soit comme des accessoires « niche » destinés à des activités très spécifiques : bracelets ou pulsomètres qu'on utilise que pour la seance fitness ou l'entrainement mais pas dans la vie quotidienne.

C’est un scénario où l'on est en attente de la killer app qui trouvera une fonctionnalité clé, mais aussi qui proposera une expérience d’utilisation et un design de service surprenant et plaisant.

En attendant l’apport du géant Apple avec son iWatch, j’ai trouvé un buzzword qui peut donner quelques pistes sur ce qui va venir : Le Quantified self.

Tendances UX pour 2014

Voici mon premier post de l’année. Ma déclinaison des Tendances UX pour 2014, stratégiques et fonctionnelles, sont proposées à partir de mon expérience de l’année dernière, de mon intuition, et de quelques articles malins lus ces dernières semaines (cf la fin du post) :