Synerg'heBlog le blog de la Junior-Entreprise spécialiste du web » Actualité et veille numérique

 1 
Le 24 novembre 2008 à 16h11 par Thomas Friederich

Navigation et RIA

Les RIA pour Rich Internet Application sont des applications web dont l’utilisation diffère d’une utilisation traditionnelle, en permettant de retrouver sur internet ce que vous aviez l’habitude de trouver sur votre bureau.  Vous l’aurez compris, le mot clé est porté sur l’utilisation de ses applications mais aussi sur leur utilité. La manière d’accéder à l’information diffère cependant des sites traditionnels de par l’utilisation de nouveaux modèles de navigation créant ainsi une rupture avec les standards HTML. Les RIA remettent en question les modèles des pages, par la simplification des interfaces utilisateurs en affichant les informations de manière sélective.

Toutefois,  comment peut-on définir l’utilité de telles applications ? Une interface riche peut être utile si, par exemple, elle propose des aides au remplissage de formulaires, des infobulles, un affichage plus sophistiqué, des réglettes, des sélections sur des éléments graphiques  ou un apport d’une plus value bénéfique au site.  Cependant, une sophistication toujours croissante amène les développeurs à innover sans cesse sur les modèles de navigation au risque de les rendre, parfois,  trop compliqués.

 

Innovation et aide à la navigation

Si l’on prend l’exemple de Deezer, l’innovation se fait dans l’interactivité entre les différentes zones du site. Pour ajouter une musique dans votre playlist, vous pouvez la faire glisser dans le nom de la playlist (avec un effet de surbrillance) ou cliquer sur le pictogramme associé à l’ajout d’une musique. Si vous essayez de déplacer une musique dans une autre zone incompatible, l’effet de surbrillance passera de vert à rouge, vous indiquant clairement que l’action n’est pas faisable.
Cette application permet donc de simplifier la navigation de façon cohérente. Au lieu de cliquer sur le pictogramme « + » puis de sélectionner le nom de la playlist et enfin de cliquer sur « autoriser », vous pouvez ajouter une musique grâce à un simple glisser déposer. 
 

La navigation se veut aussi fortement intuitive. Dans l’exemple suivant, Miramarcrouesty, plusieurs boutons peuvent être déplacés afin de ne pas gêner la lecture du contenu mais aussi pour permettre à l’utilisateur de créer en quelque sorte son petit univers. Ces modifications permettent de passer outre les règles de navigation préétablies d’un site traditionnel.  Cependant cela implique évidemment un petit travail d’organisation de la part de l’utilisateur, car si certaines zones d’un site sont déplaçables, d’autre ne le sont pas et n’ont pas été prévues pour. Autrement dit, si vous déposez un élément à droite d’une page pour améliorer votre lecture, vous aurez surement à le déplacer à nouveaux à l’affichage d’une nouvelle page.

 Certaines applications ne se révèlent être qu’une sorte de tape à l’œil cherchant à distraire pour cacher un contenu pauvre ou peu attractif. Sans prétendre que cette utilisation produit des applications futiles, quels sont alors les bénéfices apportés ?

 

Immersion par le Gameplay

Afin de se démarquer des systèmes de navigation classiques, on voit apparaitre de plus en plus de modèles  de navigation empruntés  aux jeux vidéos ou relevant d’une certaine expérience d’utilisation. Par exemple le Gameplay des jeux vidéo grâce auquel,  l’utilisateur  va naviguer en utilisant les touches de son clavier, la visualisation en 3D et le clic droit. C’est-à-dire qu’on utilise vos habitudes de navigation n’étant pas issues du web pour les adapter aux applications.  Cela permet notamment de créer une forte immersion dans l’univers du site afin d’amener l’utilisateur à son objectif d’une façon moins ennuyeuse.

Dans l’exemple de Photosynth, l’utilisateur peut utiliser son clavier ou sa souris pour naviguer. Les flèches permettent d’avancer dans la photo comme on avancerait dans un univers avec son personnage. La souris sert ici à regarder autour de soi. Cette navigation est très intéressante car elle propose une nouvelle approche de la navigation que ne permettaient  pas certaines visionneuses innovantes.

Outre le fait de créer une forte immersion,  ce genre de navigation prend tout son sens quand l’application devient le centre d’intérêt unique du site sans avoir à cacher ou à justifier un contenu quelconque  par la suite. L’application perd alors son statut d’aide à la navigation pour devenir une entité supérieure, l’objet de toutes les attentions.  L’application remplace le contenu pour délivrer un divertissement qui se révèlera utile ou non en fonction de l’exigence de chacun.

Pour conclure je souhaite vous poser cette question :

Pensez-vous que l’interface utilisée dans les applications riches sert le contenu pour plus de clarté ou sert uniquement à divertir son utilisateur ?

                                       

Le 1 février 2008 à 08h02 par Mathieu Crucq

Quelques modèles de navigations originales

Si l’on devait décrire notre façon d’évoluer au sein des sites internet, il ne faudrait guère plus de 2 minutes pour dégager les grands principes de navigation.

« Le logo est à gauche », « le menu en haut ou sur le côté », « le contenu est au centre »…tels sont des éléments qui reviendraient de façon régulière car effectivement, une large majorité des sites est basée sur ces standards (admis par l’internaute et donc maîtrisés, pour la plupart).

 

Cela dit, de nombreuses expérimentations montrent qu’il est possible d’envisager de nouveaux modèles de naviguation (avec plus ou moins de succès).

Quelques exemples :

Songza

Songza

Songza est un moteur de recherche de musique doté d’une ergonomie originale et innovante. Ici on laisse de côté les traditionnels symboles « play » à gauche du titre ou les petites étoiles pour voter. Un pointeur/cible permet d’effectuer toutes ces actions très simplement mais surtout de manière tout à fait intuitive. Dès la première utilisation et sans effort intellectuel particulier l’utilisateur devient à l’aise avec cette nouvelle interface.

Pour en savoir plus sur Songza, je vous invite à consulter une analyse détaillée sur le blog Ergophile.

 

Sekisuihem

Une expérience intéressante pour promouvoir une société Japonaise de maisons préfabriquées.

Il faut ici déplacer son personnage en drag’n drop au sein des pièces de la maison pour accéder aux contenus dus ite. Ce n’est pas toujours très simple mais l’originalité est là !

Publicis Stockholm

J’ai découvert le site de la branche Suédoise de Publicis un peu par hasard mais sa navigation aussi inhabituelle qu’étrange ne laisse pas indifférent. Ici pas de menu, pas d’espace reservé au contenu, seulement des cases menant à d’autres pages à la façon d’un tableau de bord.

 

Le design est minimaliste et forcément déroutant du fait de l’occupation totale de l’espace du navigateur. (waaa, on étouffe un peu ici…)

Si l’originalité est là, l’efficacité est loin d’être évidente.

Dans la même veine, voici Marumushi qui permet une autre forme de visualisation de l’information au travers de blocs de couleurs de différentes tailles.

 

Dont Click It

Le célèbre site dans lequel aucun clic n’est nécessaire pour naviguer.

Un vrai défi pour l’internaute qui doit résister à son instinct premier. Toute l’intéraction se fait par des jeux de survol pour obtenir l’information désirée.

 

D’autres interfaces intéressantes à découvrir :

Au travers de ces exemples, on se rend compte que de nombreuses voies restent à explorer quant à la façon de présenter ou d’accéder à l’information.

 

Pour aller plus loin :

Le 18 décembre 2007 à 10h12 par Bertrand Urbain

L’univers de l’ergonome

La nouvelle fait le tour des blogs spécialisés, mais mérite que l’on n’y porte attention ici. L’ergonomie web est un domaine encore trop réservé aux spécialistes des sciences cognitives, alors qu’elle devrait être maîtrisée par tous les professionnels de l’internet.

C’est sans doute partant de ce constat que l’univers netvibes ErgoIHM est né.

Capture d’écran d’ErgoIHM

Au menu, plusieurs onglets : « Ergo IHM », « Conférences », « Facteur humain » avec de nombreux flux RSS en français et en anglais.

Une mine d’or pour l’ergonome classique (au sens industriel), et donc également une bonne source pour la veille informationnelle de l’architecte de l’information web. A ce titre, je vous recommande l’excellent Usernomics, qui publie moult analyses et conseils pour l’optimisation de votre site.

Bertrand Urbain
Billet publié par Bertrand Urbain
dans Qualité web
Le 18 novembre 2007 à 17h11 par Mathieu Crucq

Ateliers Paris Web 2007 – Ergonomie des sites Internet avec Amélie Boucher

Logo Paris Web 2007

Tout juste rentré des ateliers Paris Web 07 que déjà la frustration de n’avoir pu assister aux conférences s’installe. En effet, tous les excellents échos que j’avais pu avoir se sont révélés vrais.

Plusieurs « pointures » du web français et international étaient présentes ce qui a donné lieu à des interventions d’une qualité plus qu’appréciable, des interactions nombreuses avec les auditeurs et une bonne humeur générale toute à fait plaisante.

Le seul défaut que j’ai pu trouver à cette journée est qu’il était impossible d’assister à tous les ateliers…damned

Puisqu’il a fallait en choisir 4, voici les ateliers auxquels j’ai assisté :

 

 

Je vais donc vous faire mon petit compte rendu sur ces 4 interventions (en 4 billets différents) qui, est-il besoin de le préciser, ont toutes d’été de grande qualité.


Lire la suite »