Articles Taggés ‘ergonomie’

La disparition des barres de titre et de menu

1 novembre 2010

Non non, il ne s’agit pas d’un article pour résoudre un bug, mais bien de ce qu’il semble être une nouvelle tendance en ergonomie, un nouveau modèle de conception des interfaces des applications  : la disparition volontaire des barres de titre et de menu.

Apple, à l’origine de cette tendance ?

Il me semble que l’absence de barre de titre et de menu s’est faite remarquer en premier sur les applications d’Apple. Ci-dessous un aperçu de la dernière version d’iTunes puis de Safari.

iTunes
» Lire la suite…

iPad : l’absence de conventions rend la navigation difficile

18 mai 2010

iPadConnaissez-vous useit.com ? C’est le site web de Jakob Nielsen, expert en ergonomie et utilisabilité. En tout cas, c’est le moment d’aller y faire un tour ! Il y a publié une étude gratuite sur l’iPad : iPad Usability: First Findings From User Testing

Les premiers tests d’utilisabilité de l’iPad rappellent à quel point les standards sont importants. Ce qui rend une interface intuitive, » Lire la suite…

Formulaires : la gestion des erreurs avec le plugin Ketchup

7 mars 2010

Le remplissage de formulaires est souvent une étape qui rebute les utilisateurs, qui sont là pour recevoir des informations et aiment peu en donner. Travailler l’ergonomie des formulaires est très important pour qu’ils ne soient pas des facteurs d’abandon.

Parmi les nombreux points qu’il faut soigner lors de la création d’un formulaire, la gestion des erreurs est cruciale. » Lire la suite…

Réalisez vos Storyboards en ligne avec HotGloo

21 janvier 2010

HotGloo est une application en ligne dédiée à la réalisation de maquettes de sites, étape importante de la création qui permet d’avoir une vision globale de l’ergonomie  et de valider la structure et le fonctionnement du site avant de se lancer dans le design. Intuitive et très complète, cette application gratuite permet de réaliser facilement wireframes et storyboards. » Lire la suite…

iPhone Mockup : réalisez les maquettes de vos applications iPhone en ligne

21 décembre 2009

On peut utiliser de très nombreux logiciels pour réaliser les wireframes d’un site internet : Visio, Axure, PowerPoint, Photoshop, JustInMind, Balsamiq… et bien d’autres.

Il existe une application en ligne réservée à la création de wireframes pour applications iPhone : iPhone Mockup. » Lire la suite…

10 erreurs d’ergonomie à éviter !

2 décembre 2009

Voici un petit post qui recense 10 erreurs d’ergonomie courantes concernant les formulaires, les images et les liens, et le moyen très simple d’y remédier.

Erreur 1 : Un texte par défaut qui ne s’efface pas automatiquement

Problème : Dans un formulaire, on écrit parfois un texte par défaut pour indiquer aux internautes ce que l’on attend dans ce champs. Et c’est énervant quand ce texte ne s’efface pas tout seul lorsqu’on clique sur le champ !

Exemple :

» Lire la suite…

Testez le nouveau design de Google !

29 novembre 2009

Concernant le design de la page d’accueil, Google avait récemment grossi les éléments et on pouvait tester une interface expérimentale épurée.

Il est maintenant possible de tester une nouvelle interface plus colorée, avec une barre de recherche et des boutons encore plus gros…

Nouveau design Google
» Lire la suite…

Ressources utiles pour la réalisation de wireframes

7 novembre 2009

La réalisation de wireframes nécessite un peu d’inventivité mais aussi et surtout de connaître ce qui existe déjà sur le web. En effet, dans la très grande majorité des cas, concevoir une interface revient à assembler des éléments standards. Il faut sélectionner ceux qui ont fait leurs preuves et qui sont adaptés à vos besoins, où plutôt à ceux des utilisateurs.

La connaissance de ces éléments s’acquièrent au fil de la réalisation de maquettes de sites internet, mais les librairies de patterns, c’est à dire de modèles de conception, peuvent grandement vous aider. » Lire la suite…

Analyse de la refonte de la page MSN.com

4 novembre 2009

Nouveau logo MSNMicrosoft dévoile la nouvelle version d’MSN.com : adieu au fond bleu, un design épuré. Cliquez ici pour la voir. Qu’en pensez-vous ?

Commençons par le nouveau logo. J’aime toujours autant le petit papillon coloré qui joue avec la transparence et je trouve que la finesse des lettres va très bien avec le design épuré.

Concernant la navigation, MSN abandonne son bandeau de liens en bloc pour un vrai menu, déroulant, avec un code couleur. Il y a des chances pour qu’il soit plus utilisé ! » Lire la suite…

Oubliez les a priori : les internautes scrollent !

20 octobre 2009

On entend souvent dire que les internautes ne scrollent pas les pages web et qu’il faut donc qu’une information se situe au-dessus de la ligne de flottaison (i.e. dans le premier écran avant de faire défiler la page) pour qu’elle soit vue. Il en résulte que les concepteurs de sites essayent de tout caser au-dessus de la ligne de flottaison. Or, les tests utilisateurs montrent que la densité de l’information au-dessus de la ligne de flottaison décourage les internautes de scroller. C’est le serpent qui se mord la queue… » Lire la suite…