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.
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.
Connaissez-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…
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…
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…
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…
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.
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 :
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…
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…
Microsoft 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…
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…
