background preloader

Web usability

Facebook Twitter

An Extensive Guide To Web Form Usability. Advertisement Contrary to what you may read, peppering your form with nice buttons, color and typography and plenty of jQuery plugins will not make it usable.

An Extensive Guide To Web Form Usability

Indeed, in doing so, you would be addressing (in an unstructured way) only one third of what constitutes form usability. In this article, we’ll provide practical guidelines that you can easily follow. These guidelines have been crafted from usability testing, field testing, website tracking, eye tracking, Web analytics and actual complaints made to customer support personnel by disgruntled users. Why Web Form Usability Is Important The ISO 9241 standard defines website usability as the “effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.”

Let’s clarify this last point by discussing the three main uses of forms. Uses of forms, based on Luke Wroblewski’s Web Form Design: Filling in the Blanks2. Thus, the relationship between forms and usability have two aspects: 1. 15 Tips for Designing Terrific Tables. Tables of information are boring.

15 Tips for Designing Terrific Tables

In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. However, in the right hands, clever design can not only make a table more attractive, but can actually increase readability.

Today we’ll take a look at several ways you can improve the functionality and aesthetics of your tables. Vertical, Horizontal or Matrix? As always, we’ll start with the obvious. Vertical Horizontal Matrix Start in Excel. Personas : modèle de fiche et exemple concret. Lors de la conception d’un site ou d’une application, les entreprises (et les agences aussi…) ont souvent tendance à faire l’inventaire des contenus qu’ils veulent diffuser.

Personas : modèle de fiche et exemple concret

Peu se préoccupent vraiment des besoins réels des utilisateurs, de leurs attentes ou encore de leurs usages. Wikipedia définit les personas comme des personnes fictives utilisées dans le développement de logiciels informatiques. Il s’agit d’archétypes d’utilisateurs possibles de l’application développée auxquels les concepteurs pourront se référer lors de la conception de l’interface. Les personas s’utilisent donc dans le cadre d’une conception orientée utilisateurs et visent à s’appuyer sur des comportements modélisés à partir d’études et d’enquêtes. Si la méthode accuse certainement des limites, elle a le mérite de mettre l’utilisateur au coeur de l’application ou du site Internet. OK mais à quoi ça sert ?

A lire PERSONAS: définition et démarche (Qualitystreet.fr) Les personas, ces utilisateurs presque pas virtuels qui sauvent vos projets. Immortalisés par Josiane Michu, les personas sont des avatars des utilisateurs futurs ou existants auxquels est destiné votre produit.

Les personas, ces utilisateurs presque pas virtuels qui sauvent vos projets

En créant de véritables références tangibles utilisables par joute l’équipe, ils permettent de mettre en place les différents scénarios d’utilisations et de mieux appréhender le public ciblé. Mes parents disent que c’est juste un ami imaginaire. Comme Gustave, ce petit farfadet à qui j’aime confier mes échecs amoureux Vous l’aurez compris, on ne va pas parler du dernier gadget à la mode pour rendre Firefox encore plus lourd, mais bien d’expérience utilisateur, et plus particulièrement des débuts d’un projet. Contrairement à ce qu’on peut lire assez régulièrement, l’expérience utilisateur n’est pas une discipline à part qui intervient dans une phase particulière du cycle de vie d’un produit.

Au delà du caractère sympathique porté par ces représentations, les personas permettent de répondre à deux questions : En bref : 95% de votre produit. Univers ErgoIHM (564) ShoutMeLoud — Blogging. Une exposition interactive de *designers interactifs*