Blog | – Vicente Ocaña

24/11/2019 — Comments are off for this post.

Cognitive Bias Codex

J'ai trouvé cette infographie à partir d'un travail de recherche sur les bias cognitives : les modèles mentaux qui nous éloignent d'une perception "objective" des choses avec lesquelles on entre en contact.

Un exemple : la probabilité d'abandonner une démarche déjà commencée est inversement proportionnelle à l'effort déjà investi dedans.

C'est la base du principe UX de "progressive engagement": proposer l'utilisateur un parcours avec une entrée très simplifiée et laisser la complexité d'ajouter des données plus complexes pour plus tard.

C'est l'exemple classique d'une souscription à un service pour lequel il faut un nombre abondant de données; tout au debut du parcours, on ne lui demande de remplir que quelques informations basiques. Une fois l'utilisateur es dans le flow, c'est plus facile de lui proposer de remplir le reste d'informations supplémentaires.

Article à consulter ici : https://betterhumans.coach.me/cognitive-bias-cheat-sheet-55a472476b18#.ancj0xk5e

Published by Vicente in Best practices, Blog |, Psychologie

04/02/2014 — Comments are off for this post.

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.

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.

Published by Vicente in Blog |, Design d'interface, Prototypage

29/01/2014 — Comments are off for this post.

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

Published by Vicente in Blog |, Design d'interface, Utilisabilité

23/01/2014 — Comments are off for this post.

Quantified self

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

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.
Read more

Published by Vicente in Blog |, Tendances

17/01/2014 — Comments are off for this post.

Tendances UX pour 2014

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

Published by Vicente in Blog |, Design d'interface, Design visuel, Mobile, Tendances, Utilisabilité

23/09/2011 — Comments are off for this post.

UX Book Club Paris, 21 septembre 2011

I was lucky to attend to the very interesting September edition of UX Book Club. This time, the book for review was Brave NUI World: Designing Natural User Interfaces for Touch and Gesture.

The space Nealite lent for the event was full of attendants, and some snacks and drinks were provided. For near 2h30 we were talking and discussing about Natural User Interfaces, Touch devices and Mobile developement, always around this very interesting book.

Published by Vicente in Blog |, book, Design d'interface, Utilisabilité

14/08/2011 — Comments are off for this post.

JS Hyphenation API, finally a relief for our poor user’s eyes?

In the research phase for a online magazine overhaul I am doing right now, I have just checked this site. I enclose two images just to show how one of the oldest and ugliest HTML publishing side effects -proper text justification- may have seen its end.

Published by Vicente in Blog |, Design d'interface, Programmation

07/07/2011 — Comments are off for this post.

Sam Woodman conference @lacantine, Paris

Sam Woodman is a lead UX consultant at Adobe, and thanks to UXParis Linkedin Group and Nealite, he has made a remarkable speech before a packed audience at La Cantine (Paris) about the changes in UX paradigm in Tablet devices.

Published by Vicente in Blog |, Design d'interface, Design visuel, Mobile, Utilisabilité

23/05/2011 — Comments are off for this post.

Case study: BBVA Brand World

In January 2008, the Corporate Image Department of BBVA (second largest spanish bank) came to us with a special need: they wanted to set up a web showcase in which the bank employees could appreciate the importance of fine design into everyone's life.

The briefing was clear: Although this is a design site, it must tightly follow the bank's corporate image line, but it must also leave space for a designer and arty layout so the public can taste the feeling of aesthethics and quality.

Published by Vicente in Blog |, book, Design d'interface, Design visuel, Grid, Utilisabilité