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

Voici mon retour d’expérience sur les conférences auxquelles nous avons assisté durant cette première journée à ParisWeb pour Synerg’heTiC avec la présence de nombreux Héticiens ! Plus qu’un simple résumé, mon but est de vous transmettre les points les plus importants de ces formations pour vous sensibiliser du mieux possible.

Au sommaire :

• Les goûts et les couleurs : la formation sur la symbolique des couleurs
• Tester l’ergonomie de son site même sans budget : les best practices
• Petite arithmétique de l’UX design : choisir, renoncer, construire étapes par étapes
• API et formulaires en HTML5
• Un bug à la fois : les problématiques d’un navigateur, Opera
• Les lighting Talks : 40 min, 10 intervenants, 10 speechs à mourir de rire !

Bonne lecture !

Lire la suite »

Mardi 23 Novembre se déroulait la première conférence Android User Group axée sur l’ergonomie des applications Android.

La première partie de la conférence était axée sur le modèle ergonomique à respecter pour les applications Android à savoir: l’application Twitter. En effet cette application a été réalisée conjointement par Twitter et Google, avec pour objectif de déterminer un standard, un petit peu comme l’a fait le Google Nexus One au niveau des standards hardware.

Trois éléments principaux sont désormais à considérer comme des standards : L’action Bar, le quick action popup et la présentation de la Home page.
Lire la suite »

Avec l’avènement des plateformes mobiles, nombres de webdesigners y trouvent une nouvelle vocation. Mais le design sur plateformes mobiles nécessite une approche parfois bien différente. Observons ces approches sur les deux plateformes dominantes, Google Android et Apple iOS.

Lire la suite »

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 ?

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 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 :

• Playersrepublic
  
• Shematic
  

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 :

• Connaissez-vous l’ergonomie artistique ? par Frédéric Cavazza

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é.

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.