USE DESIGN blog

Couleurs et niveaux de transparence judicieux.

Recently I noticed that my friends stopped sending pictures to me by email or putting them on photo sharing web sites for me to see. Instead they were putting them all on Facebook and having a jolly good time there without me. So I joined Facebook, reluctantly, I made the friends I already had all over again in digital form and was often left wondering why people I never met were willing to become my friends. I could finally dig in everybody’s photographic treasures in order to find pictures of myself. Very quickly I found out that I could not search the albums of my friends by keyword in order to see all the pictures of a particular event taken by everybody (and I am not talking about a Facebook ‘event’). I could see pictures of myself, but only if other people were so kind to tag me. I could also see all my friends’ photo albums thrown together on one page, but not quickly isolate the ones I was interested in. So I wandered through the albums, seeing my friend’s pics of their friends, babies, holidays and sweethearts, reading comments and leaving comments behind - in short, experiencing exactly what Facebook was meant to be: a pile of delightfully useless stuff.

Beaucoup de personnes peu habituées au Web connaissent souvent des difficultés à percevoir et comprendre la petite ligne de message qui se place en dessous de la barre Firefox, lorsqu’une popup est bloquée ou lorsque Firefox tente d’installer une extension.





Pour accompagner les utilisateurs dans leur installation de leur extension, cooliris propose une petite animation, dont l’équipe de Mozilla pourrait tirer bénéfice.

Avertissement : Ce post est un petit peu “geeky” et technophile, mais en tant que fan inconditionnel de Quicksilver, je ne pouvais manquer de parler de ce post de Aza Raskin qui traite des interfaces “omniprésentes” (”ubiquitous” en Anglais).


N.B : Quicksilver est un logiciel sous Mac OS X permettant de lancer rapidement un programme, manipuler des fichiers, envoyer des e-mails, etc. juste en tapant quelques lettres. Son équivalent existe sur PC avec Launchy  et Unix KDE avec Katapult.


Ce post traite de la difficulté d’envoyer en peu de clicks à un ami un mail avec l’adresse d’un restaurant (carte) et les avis en ligne de ce restaurant.


La solution proposée par Aza repose sur les solutions d’interfaces dites “omniprésentes” du type Quicksilver.


“Omniprésente”, au sens où elle ne se voit pas à l’écran (si ce n’est parfois un picto dans la barre de tâche). L’application tourne en tâche de fond et peut-être appelée à n’importe quel moment à l’aide d’un raccourci clavier. Lorsque l’application est appelée, elle se présente comme une petite fenêtre dans laquelle on parle en “langage presque naturel” et en retour la petite fenêtre nous propose des actions disponible.


Par exemple je tape “email”, la fenêtre propose : “envoyer un email à …”, je tape ensuite le prénom d’un contact puis entrer et hop j’ai sous les yeux un email vide avec l’adresse de mon contact pré-rentréé.


Je propose de regarder la solution en vidéo proposée par Aza :





Bien entendu, ce genre d’interface ne correspond pas à tous les types d’utilisateurs et comme le précise Aza, elle ne constitue qu’une première version très expérimentale.

Voici une petite collection de concepts d’interface dont certains sont plus ou moins récents mais qui restent d’actualité à mon sens par le perspicacité dans leur manière d’envisager le futur. (Toutes les vidéos sont en anglais)


Concepts de NTT domoco
Vidéo 1 (9min.47)
Vidéo 2 (10min.51) 


Concept d’IDEO réalisé pour Intel (6min.)



Concept de Nokia Morph (6min.)


 

Quelles sont pour vous les vidéos de concept d’interface innovantes ? N’hésitez à partager dans les commentaires !!

In this post I once wrote about the tool Wufoo and the role of humor in web interfaces. I just read that Jackob Nielsen has named Wufoo one of the 10 best application UIs of 2008. It is a well-deserved award. Besides an easy-to-go feel created by the informal language, Wufoo is a very user-friendly tool. In their announcement of the award Wufoo remains true to itself: in the ‘Leave a Reply’ form there is a default entry saying:

Bien que la période estivale soit plutôt calme en général, des choses intéressante se déroulent en ce moment dans le domaine des nouveaux concepts d’interaction.






Mozilla, en collaboration avec AdaptivePath, ont réalisé une série de vidéos (dévoilées au fur et à mesure) qui présente un nouveau concept de navigateur et plus si affinité.


Ce concept reprend des principes en vogue, comme le fait de cacher a priori les actions disponibles et de ne les afficher que progressivement au besoin. Cela laisse ainsi la part belle au contenu et à l’information. On a pu voir çà dernièrement sur iPhone où la barre d’adresse est masqué dans Safari mobile.


A ce propos, autant sur un terminal mobile, on comprend facilement le besoin de masquer les actions disponibles autant sur un écran de 22 pouces, cela paraît moins pertinent.


Il faudra sans doute attendre les prochaines vidéos (avec l’apparition de la version mobile) pour juger de la pertinence du concept.

I always wondered why computers become slow when they age. A car does not start running slower when becoming an old-timer, does it? At least not slower than it used to run? The tumble in a washing machine breaks down, but does not tumble at lesser speed? And what if your refrigerator started taking its time to cool your food? So, logically, it should not be the aging hardware that makes computers slower, but the outside world becoming too fast.
All that stuff streaming in endlessly through internet, updates, installs and security packs becomes bigger, faster, better. All that stuff that we pile up in their limited memories. Sometimes my computer (3,5 years old) would just doze off, forget to compute, start rattling loudly without any progress, the cursor frozen or disappearing altogether. It becomes increasingly more difficult to even open a browser page. Wake up from sleep mode? I can go out and have another coffee before my computer finally has rubbed the sleep from his eyes and remembers to ask my password. Switching from one program to another - what, just like that, hold your horses, lady, weren’t you writing a letter or something, suddenly you want to check your email you checked 3,2 minutes ago, just go read another chapter of your book, while I pull myself together here… and those videos you always want to play, my-my, they are way too large and all that YouTube stuff, honestly, do we need so much moving?
When I think ‘Let me quickly do this…’ my computer abruptly falls back into his rattling stupor, so taken aback by my demand that he becomes unable to do even the smallest of tasks. It is his way to protest against the world, which is quickly outgrowing him.
I probably need to buy a new computer to keep up with the world and my own requirements. But something in me just keeps protesting the dominating notion of economical progress, in which everything always needs to becomes faster and bigger (or much smaller, but better). Protests our own incapacity to deal with slowness. To accept deficiency, from anybody or any Thing. Our eagerness to throw away.
So instead I read another chapter of my book.

Il y a quelque temps, je vous présentais une librairie de modèles pour la visualisation d’informations. Cette fois-ci, c’est une librairie de modèles d’interactions et d’interfaces qui a attiré mon attention : Pattern Tap.

Les “plus” de cette nouvelle librairie :

• Elle est très visuelle.

• La recherche par Tags est plutôt bien réalisée.

• Elle fonctionne sur le système d’enrichissement communautaire. Donc si la communauté “prend”, cela peut devenir très intéressant à l’avenir.

Les “moins” :

• Pour l’instant, cela semble limité aux interfaces Web

D’autres librairie de patterns :

Welie.com

Designing Interfaces

Yahoo Design Pattern Library

You would think that in our time of all-connectedness, Web 2.0 services, mobile integration, online editing and so on and so forth, the internet would have gotten more sensible about its error messages. Such simple things, really, from the usability point of view. But no. Here is my latest experience:

The title already sets the mood: YOU, the user, have done something very wrong.
The first sentence still sounds human. Tech talk for sure, but clear enough, unless your are a surfing grandma with no idea who this server might be and what this person was trying to serve you. Look what you’ve done, says the first sentence, but still with a contained emotion. ‘Additionally’, says the second sentence (or: to make your offense even worse), somebody - who? - has encountered an Error 404, which was at the same time Not Found - a Not-Found but still encountered Error? pure metaphysics - while trying to do what exactly? ‘Use’ (sounds chilling) an ErrorDocument (note the mystic joining of names) to ‘handle’ the request - or whatever it was you asked that poor server to serve you.
And I am not even speaking of visual design, in our Flex-and-Flash times. I guess we will have to wait for Web 3.0 to have comprehensive Error Messages, and not quotes from Lord of the Rings.