People’s internet: the case of Russian forest fires

20 août 2010 - Vero Toumanova

Russia is not China and it is not Iran: although the freedom of speech in mass media is restricted and the media itself is rigorously controlled, Russia is officially still a democracy. This means the country cannot block the access to community websites when a problem arises, which means that the citizens will protest or take action when the government fails to.
The past few weeks Russia has experienced a severe heat wave, causing its vast forests to burn. Whole villages were annihilated and Moscow itself disappeared for days behind a heavy smoke curtain. Already in the beginning of the calamities it turned out that the authorities were not capable to protect the forests and the people adequately. So, after the first protests, the people started organizing themselves.
Online communities were created to coordinate volunteer efforts: to extinguish the fires, to help the professional fire fighters and those who have lost their homes. This movement was lead by several bloggers. Thanks to « livejournals« , popular in Russia, many Moscovites, sick of inhaling smoke, went to fight the fires themselves or started collecting money, clothing and equipment. All these efforts were coordinated through blogs, Facebook and Twitter, with detailed reports and maps.
Besides getting the situation under control this citizen initiative also has another, more long term result: proving where and how the government failed. Those responsible will have a hard time avoiding it. fires

Tactile : Glossaire des différentes gestuelles existentes

3 août 2010 - Freddy Godin

TouchGestureGuide


Pour tout ceux qui travaillent dans le domaine du tactile, ou rencontrent quelques difficultés à comprendre et décrypter toutes les gestuelles déjà existentes (entre le pinch, le spread et le splay), Luke Wroblewski publit sur son site un guide particulièrement intéressant compilant un grand nombre d’interactions rencontrées sur les différents supports existants : Magic Mouse, iPhone, Android, Windows 7 Phone, Table surface, etc…


Outre ce pdf disponible ici, il site évoque notamment les recommendations sur la taille des zones actives selon les différentes guidelines (Apple, Microsoft, Nokia, etc…).

Design communautaire, le concept progresse…

30 juillet 2010 - Vivien Gauthier

Il y a quelques temps, je vous faisais part de mes doutes sur l’efficacité du design communautaire. Or, il semble que le projet communautaire de Nokia avance bien quand on voit les sketches qui sont proposés.


sketch1_nok


sketch_2_nok


sketch3_nok


Vous pouvez voter.

Oldies but goodies : [Outils designer d'interface] Librairie d’astuces pour améliorer les problèmes d’accessibilité liés aux déficiences visuelles

12 juillet 2010 - Vivien Gauthier

we are colorblind.com : une belle initiative pour recenser les astuces graphiques et les modèles de design d’interfaces pour améliorer l’accessibilité des interfaces au sujet des déficiences visuelles.

Je vous recommande particulièrement le section « Tools« , qui propose entre autre des outils pour valider le contraste couleur de texte / couleur de fond.


colorsTool

Redesigning the Moscow Metro Map

22 juin 2010 - Vero Toumanova

Moscow Metro system is the city’s pride and joy, and one of the busiest, largest metro networks in the world. A network that gets larger every year, adding new lines and stations. If in the beginning the metro map was just the easy to recognize brown circle with each metro line crossing it at two points, but nowadays the lines have become so long that the new construction aims to interconnect them without actually crossing the Ring and without having to go through the city center to get to another side.
Art. Lebedev Studio was commissioned to design the next generation of the Moscow Metro Map, and here is a fragment of the final result:


metro-fragment


Comparing it to the current map (see fragment below) I cannot help liking the old one more. It had somehow more « body » in its visual representation of the stations, but the typography on the Lebedev’s map definitely has a better readibility:


metro-fragment-old


On their website Art. Lebedev show their design process leading to the final map, with some interesting deviations, inspired by metro maps of other cities. Personally I find the final version bleaker than some of the working ideas.

Interface, poids et de la prise en main de l’iPad

22 juin 2010 - Vivien Gauthier

Depuis bientôt deux semaines que je teste l’iPad de manière quotidienne, deux constats s’imposent :

  • je n’utilise quasiment plus mon ordinateur personnel à la maison. Il ne représente plus que 10% de mon usage,
  • l’idée d’avoir « mutualisé » les systèmes d’exploitation et les interfaces de l’iPhone et l’iPad pose certains inconvénients pénibles en terme d’expérience utilisateur.

L’origine du problème vient d’une prise en compte insuffisante de la prise en main et du poids de l’iPad. En effet, celui-ci est trop lourd pour être porté à une main pendant plus de 5 minutes sans ressentir une gêne.


C’est pourquoi, on a tendance à :

  • le reposer sur quelque chose, en général son abdomen. Or, cela rend l’accès au bouton « Menu » peu pratique. Du coup, on bascule l’iPad en mode paysage, voire on lui met la tête en bas pour accéder au bouton en haut de l’appareil.
  • le saisir à deux mains. C’est ici qu’interviennent les problèmes de conception d’interfaces.



Par défaut les barres de navigation et d’actions sur l’iPhone et sur l’iPad se trouve en haut et en bas, ce qui nous oblige à constamment lâcher d’une main l’appareil pour y accéder. Pour certaines applications, ça ne pose pas réellement de problèmes, mais pour d’autres, ça devient pénibles. C’est notamment le cas des applications de lecteur de flux RSS.


J’en ai testé 5 ou 6 et je dois dire que j’étais très heureux de découvrir Reeder, qui a décidé de faire abstraction des guidelines d’Apple.


reederLs


L’application propose une barre d’actions latérale qui permet d’utiliser l’iPad à deux mains de manière confortable sans le lâcher. Ainsi, on utilise naturellement ses pouces.


reederPs


J’espère que les développeurs s’inspireront de cette initiative à l’avenir quand cela fait sens.


Il y a deux ans, nous avions réfléchi à un système de navigation optimisé pour un usage avec les deux pouces. Ce dernier prend tout son sens lorsque l’appareil devient plus lourd.


archoss


Le même genre de concept a d’ailleurs été employé pour l’interface de l’application Figaro pour l’iPad.


figaros

Information design fail and alternatives

16 juin 2010 - Vivien Gauthier

I like this kind of initiative. He’s not happy with the boarding pass design, so he offers something else. And as a good designer, he keeps on iterating (solo + collaborative way).


boardinPass

Minority Report interface is coming « soon ».

9 juin 2010 - Vivien Gauthier




I really liked :

  • the « rapid » prototyping of the interface concepts they did. Great job!
  • the idea of dividing architectural spaces (light & shadow, etc.)
  • the Minority Report UI guidelines. How cool is that!!!
  • the partial film editing, by this I mean you can take one guy from the scene and add another one from another film. WOW.



Personally, I really do think that 3D navigation will reach their full potential when we will be able to have this kind of input.

Visualisation de données : économies d’énergie

10 mai 2010 - Vivien Gauthier

Je vous parlais récemment des résultats d’une étude sur la santé et la performance au travail dans un format très agréable.


Cette fois-ci, GE ré-édite l’expérience de visualisation de données pour les économies d’énergies.


applianceGE_1


applianceGE_2

L’agence Pentagram qui a réalisé ce travail entre un peu plus dans les détails.


Spotify vs iTunes : Spotify devient social, trop tard pour iTunes ?

27 avril 2010 - Vivien Gauthier

Depuis plus d’un an j’utilise Spotify. J’adore son interface simple et élégante. En outre, j’ai toujours pensé qu’il s’agissait d’un service bien pensé de bout en bout où l’expérience utilisateur est particulièrement soignée. Le service a su évoluer progressivement sans jamais perturber les utilisateurs, ni modifier la promesse d’origine.


Seul petit reproche, le bouton « Nouvelle liste de lecture » situé sous les listes de lecture. Quand comme moi, on possède plus d’une vingtaine de listes, il disparaît et devient plus difficile d’accès quand on veut créer une nouvelle liste. Qui plus est certains personnes sont ennuyées du fait que les listes soient les seuls modes de filtres (pas de « par artiste », « par album », etc.)


Aujourd’hui Spotify sort une nouvelle version, qui correspond à ce que beaucoup attendent d’iTunes depuis longtemps. Il s’agit d’une version « sociale ». Certes tout cela n’a rien de nouveau, des services sont déjà positionnés sur ce créneau comme Lastfm (qui possède d’ailleurs un plugin iTunes), etc.


Néanmoins encore une fois, je pense que c’est le processus avec lequel les fonctionnalités sociales sont amenées et intégrées qui va faire la différence. A voir cette vidéo, on voit bien que l’évolution de l’expérience utilisateur a été mûrie tranquillement et intelligemment :

  1. on se concentre sur quelques fonctionnalités clés comme : le ranking des chansons de manière simplissime à la gmail et le partage de chanson par simple glisser-déposer sur une personne (la chanson attend ensuite sagement son auditeur dans une boîte de réception).
  2. on s’appuie sur une « petite » communauté déjà bien active à savoir Facebook.
  3. on attaque de front iTunes sur des problèmes d’expérience utilisateur (remontés par les utilisateurs depuis des années) comme la synchronisation de bibliothèque via Wifi.



A voir la nouvelle interface, les utilisateurs actuels devraient s’y retrouver en quelques secondes et pourront donc se concentrer sur les nouvelles fonctionnalités plutôt que de chercher les anciennes.





Enfin, puisque l’on peut maintenant lier sa propre bibliothèque de musique à Spotify, plus besoin d’iTunes pour écouter sa musique.