Archive pour la catégorie ‘Ergonomie/Usability

Green – or should I say white? – Web Design

Vendredi 22 janvier 2010

Until a few years ago I had this naive notion of « everything digital being clean and green », meaning environmentally friendly. Sending an email instead of a letter, reading from the screen instead of wasting paper. This notion persisted until during I was told how much it costs to produce one computer, in terms of energy and waste. Recently new information has been emerging, such as the impact of internet surfing on the environment. All those Tweets and Facebook statuses, but somewhere those servers have to keep pumping.
As you can read in this Mashable article, « IT industry generates about 2% of the world’s CO2 emissions ». What can you do as a professional working in the digital domain? Actually, several things, detailed in that same article. Although they are mostly reduced to some form of donation or contribution, there are also some interesting practical insights. Such as, for instance, that LCD screens use more energy when having to display dark colors, making websites with a lot of white space environmentally friendlier. Or such a simple thing as reducing the page loading time, therefore using up less resources. No doubt this designer’s blog, remarkably minimalist, is a good example:


white-space


The day is not far that websites, too, will get their « eco » label, which in its turn might spur a new direction in web design.


green

Nouveau concept d’interface pour les bornes SNCF ?

Jeudi 21 janvier 2010

Voici la réponse formulée par l’agence sqli au concours MultiTouch SNCF. Le concept est intéressant. Nommé « Révolution », il repose sur un empilage de cercles concentriques qui permettent de structurer l’ensemble. Quelques petites choses me paraissent tout de même déroutante, comme le process de complétion, qui commence par la ville de départ à gauche, puis la ville d’arrivée tout à droite. Le reste s’intercale alors au milieu. Si l’agence le justifie notamment par l’utilisation de toute la largeur de l’écran et la possibilité d’utiliser les deux mains, je doute que l’utilisateur puisse faire preuve de cette agilité. La taille de certain élément me semble également petite. A voir en vrai… Le concept n’en reste pas moins très séduisant, et j’ai hâte de pouvoir essayer cela :-) Il semblerait que des protos soient installés en gare de Lyon Perrache. Si quelqu’un peut nous le confirmer…


SQLI – SNCF Revolution from Thibault Imbert on Vimeo.

Presse numérique et tablette tactile : deuxième !

Lundi 4 janvier 2010

Voici un nouveau concept de consommation de presse numérique sur tablette tactile. Le sujet semble être à la mode, c’est sans doute dû aux rumeurs autour d’une tablette Apple (iTable ou iSlate).


La vidéo prend le temps d’expliquer le pourquoi des choix en terme d’interface d’utilisateur. Ils sont fondés sur les observations des concepteurs et sont assumés. Démarche que j’affectionne en général, car les concepteurs sans réel parti-pris d’interface proposent malheureusement souvent des interfaces « molles ».


Mag+ from Bonnier on Vimeo.


Stripes : Concept de système d’exploitation

Jeudi 26 novembre 2009

Voici un concept d’interface intéressant ; réalisé par Martin Gimpl, étudiant à l’université d’Art et Design D’Helsinki ; ce système d’exploitation repose sur une gestion des fenêtres différentes de ce que l’on peut souvent voir en ces derniers temps, à savoir les onglets.
Vous pouvez tester par vous même le prototype fonctionnel de l’interface ici

Stripes — a conceptual operating system user interface from Martin Gimpl on Vimeo.

Navigation par menus déroulants plutôt efficace.

Lundi 16 novembre 2009

ykone


Le fait de déporter le visuel et la phrase d’introduction des différentes sections du site permet laisser la navigation principale bien lisible.


Le voici en action :


Navigation: drop down menu show case from Vivien Gauthier on Vimeo.

A nice drop down menu to help user to navigate

DPPI09 #2: Motivating desirable lifestyle

Vendredi 23 octobre 2009

During the DPPI09 conference Tatsuo Nakajima from Waseda University in Japan showed several prototypes of computer systems encouraging a healthier and more responsible lifestyle. One of the prototypes was a virtual aquiarium installed in the bathroom and reflecting the user’s tooth-brushing behavior. Japanese are fond of designing electronic pets and they love making them highly dependent on the owner’s care. The more you brush your teeth, the more your aquarium thrives. The less you do it, the more your fish is undernourished and your aquarium filthy.

Why not just have a representation of the user’s mouth and teeth reflect the tooth-brushing behavior, one would ask? Surely that must be highly encouraging? But this would be much less esthetically pleasing,  much less attractive and at the end might actually not work at all.

Here are two  project examples, which use the « fun factor » to encourage desirable behavior (and which are not part of the DPPI conference) by adding a metaphor to an object. The Fun Theory is a competition gathering such projects.

The Piano Stairs
The World’s Deepest Garbage Bin

DPPI09 #1: Design for [every]one

Mardi 20 octobre 2009

Last week I have participated in the DPPI09 (Designing Pleasurable Products and Interfaces) conference held at the Technical University of Compiègne. Here is the first post capturing my impressions from what I have seen at the conference.

« Design for [every]one » is a project from the University College of West-Flanders (Belgium) on designing assistive technology for various human disabilities. It is an « ergonomic design process appropriate for the assistive technology sector », but its creators argued that design in general has come to a point in time where the designer should no longer deliver the final product, but rather a system, a building block or a framework, which can be further adapted by the user (or for the user) based on very individual needs. By doing this designing a product becomes an iterative process involving the product’s actual use.

11_gitaarhulp3

For a very long time throughout human history products were actually always tailor-made for each individual user. It is only with mass production that the manufacturers, and the designers along, started to create final « fit-for-all » serial products to which the users have to adapt themselves.

On the website you will find several interesting examples of highly personalised products created for people with disabilities. And in this section further articles on items such as artificial legs for an athletic runner, known as « Blade Runner », which allow him to run so fast that he actually has to be excluded from competitions with « able » people.

Repenser le système de gestion des fenêtres en l’associant au multi-touch

Jeudi 15 octobre 2009

R.Clayton Miller propose ici une nouvelle façon de gérer les fenêtres de nos systèmes d’exploitation en essayant de tirer parti du multi-touch.





10/GUI from C. Miller on Vimeo.


J’aime :

  • la démarche basée sur les problématiques de l’ergonomie du poste de travail (cf. le début de la vidéo),


  • le fait de catégoriser les interactions en fonction du nombre de doigts utilisés. En gros, plus l’action est globale sur l’écran plus on utilise de doigts. Un peu de la même manière que : plus on porte quelque chose de lourd, plus on utilise de doigts, puis la main complète, puis les deux mains, etc.


  • l’idée de proposer un système de gestion des fenêtres plus « cadré » ;-) . Certes, ça peut paraître limitant. Mais à l’époque où les onglets sont apparus sur firefox, certains ont pensé que c’était limitant… Parfois, un peu d’organisation participe à la simplicité, puisqu’on décharge un peu l’utilisateur de la tâche de gestion des fenêtres.



J’aime moins :

  • les points à l’écran qui montrent la position des doigts : c’est perturbant, distrayant et je parierais sur le fait que cela augmente énormément la charge cognitive,


  • autant, je suis d’accord que l’utilisation d’un écran tactile verticale entraine une fatigue musculaire et des tensions, autant c’est dommage de dissocier de nouveau le périphérique du support d’affichage. En effet, chez les seniors et les plus jeunes, on observe clairement que le fait de pouvoir cliquer « pousser » directement sur un bouton à l’écran est plus naturel.



Il y aurait sans doute encore beaucoup à dire. Et vous qu’en pensez-vous ?

Newsfeed de vos applications iPhone

Vendredi 9 octobre 2009

Voici l’idée plutôt intéressante d’une agence de design pour répondre aux nombres grandissant des bulles rouges  – avec le nombre de nouveautés – disséminés aux quatre coins de votre iPhone, voir même sur les X pages d’applications. Il s’agit en fait d’une nouvelle page d’accueil du mobile – comme l’écran de recherche spotlight nouvellement arrivé – qui prendrait la forme d’un newsfeed des applications afin de vous délivrez textuellement et directement les informations/appels manquées. L’idée est également de pouvoir insérer cette page directement en écran de veille afin de ne même pas avoir à déverrouiller l’iphone. De plus, il est possible de sélectionner quelles sont les applications qui viennent enrichir ce « homenewsfeed ».

slide_unlock



source : teehan + lax blog

More things to do with photos online

Jeudi 1 octobre 2009

A while ago I have written about Panoramio, a vast collection of photos pinned to places on the Google map and allowing to explore those places in static images. Now I have come across another service trying to achieve more or less the same goal: to describe the beauty of our world in high-quality photos. It is called Fotopedia and it offers more than just browsing geographical places. It is an attempt to actually document a place and give some insightful information on what the viewer is looking at. Nevertheless, geographical location is only one of the search criteria. You can also view all the animal photos, nature photos and so on. As far as I could see the visual material comes from Flickr and some of its content from Wikipedia, but Fotopedia also features a community of contributing users. And as in any open “something-pedia” the viewer can join the service to add and edit its content.

What I particularly like about Fotopedia (besides the quality photos, of course) it is its clean and well-balanced design. It is not an easy task to create a visual environment for content that is already visually extremely rich. I think Fotopedia does it well.

Home page:

accueil

Search page with various criteria:encyclo

Topic page:

page

A nicely designed rollover on a photo, voting and browsing integrated:

rolloverCommunity page:

community

The design is clean and consistent down to the smallest details. However, this button made me wonder about the decision to put « Click here » as button caption instead of, say, « Add photos ».

detail