TheJoe.it Dans le (ouvrir) Source

17Mar/140

Le 7 lois inviolables de l'interface utilisateur

création web

L'article d'aujourd'hui est la traduction complète de l'article original par Peter Vukovic apparu Blog 99conceptions.

Soyez non concepteur de sites Web? Se sì, alors vous également des projets interfaces utilisateur, une spécialisation qui va continuer à croître en importance au fil du temps. Alors que les pages Web d'aujourd'hui ont des interfaces simples, qui ne comprend généralement pas plus d'un menu de navigation et un formulaire de contact, le développement de nouvelles technologies et de normes dans un proche avenir va exiger plus de contenu et plus dynamique et expériences navigation personnalisée.

Cela signifie inévitablement plus de travail sur l'interface utilisateur. Voyons ce que nous rappelle dans la phase de conception.

1. Droit de clarté

L'utilisateur évitera éléments d'interface qui n'ont pas une signification claire.

gmail_ui

Usi Gmail? Je vais. Avant la dernière mise à jour Gmail a clairement montré un menu en haut de la page: Calendrier, Entraînement, Cartes et autres services Google portée de clic.

Nous avons alors décidé de "simplifier" et déplacer tous derrière une icône abstraite. Le résultat? La plupart des gens n'ont jamais remarqué l'icône Gmail et a commencé à recevoir une avalanche de demandes de soutien.

Les gens ignorent souvent et éviter les choses qui ne peuvent pas comprendre, è la natura umana. Nous évitons les éléments de conception qui mettent les gens en termes de temps perdu à comprendre ce qu'ils doivent faire, parce que personne ne se plaignait de quelque chose qui est.

2. Droit de la préférée

L'utilisateur se sentira plus réconfortés quand ils comprennent ce que l'action privilégiée.

NewTwitter1

Regardez la capture d'écran ci-dessus Twitter. Pensez-vous que les nouveaux utilisateurs sont en mesure de comprendre ce qu'ils doivent faire?

Bien sûr, ils devraient commencer à tweeter. Quoi qu'il en soit, le bouton "Composez nouveau tweet" dans le coin supérieur droit n'est pas très claire (voir "Droit de clarté") et écrivez votre message dans la zone de la barre de gauche se confond avec le reste de la page. Du point de vue de la conception semble vouloir de chercher quelque chose que les utilisateurs de Twitter, ou leur offrir un contenu à partir du menu de gauche, parce que ces éléments sont au premier plan.

Les utilisateurs ne doivent pas toujours se demandant quoi faire, l'action pratique devrait être évident.

3. Loi du contexte

L'utilisateur s'attend à voir les commandes de l'interface semblables à des objets de tous les jours.

linkedin

Comment pouvez-vous changer votre nom sur Facebook? Si va su "Réglages" dans le coin supérieur droit, clic "Paramètres du compte", trouver le nom et cliquez sur "Modifier". Comment faites-vous la même chose ne sur LinkedIn? Vous choisissez le crayon à côté du nom.

Les utilisateurs s'attendent à plus et des éléments d'interface dans le contexte de l'objet qu'ils veulent contrôler. Cela correspond à la vraie vie: si vous voulez faire du maïs soufflé, aller au micro-ondes et tournez le commutateur.

Il ne serait pas très pratique si le micro-ondes serait de fournir des instructions pour descendre les escaliers, ouvrir la cave, trouver l'interrupteur et tourner sur le G-35 marqué pour démarrer le pop-corn (qui est similaire à ce changement de nom Facebook) .

Gardez les choses à portée de main pour les utilisateurs - si quelque chose peut être modifié, modifiée ou contrôlée d'une autre manière, ajouter un moyen de faire ensuite.

4. Droit de présélection

L'utilisateur de modifier les paramètres rarement "Usine".

Sons anneau familier de ce qui précède? Bien sûr, vous - temps était la sonnerie la plus populaire dans le monde. Pourquoi? C'était la sonnerie par défaut, et la plupart des gens n'a jamais changé.

Les valeurs par défaut sont importants:

  • La plupart des gens ont un fond d'écran et des sonneries par défaut sur leurs téléphones.
  • La majorité des personnes (beaucoup d'entre vous, y compris) Ne modifiez pas les réglages d'usine sur leurs téléviseurs.
  • La plupart des gens ne changera jamais la température du réfrigérateur défaut.

Nous ne sommes pas au courant des paramètres par défaut, mais dominer notre monde. Ensuite, assurez-vous que tous les défauts sont aussi utiles et pratiques que possible - il est probable que certaines personnes ne seront jamais les changer.

5. Droit de l'Assistant

Il est facile pour l'utilisateur de faire quelque chose quand on lui demande.

linkedin2

Il ya une grande différence entre les futurs utilisateurs de faire quelque chose sur leur propre, et leur demander spécifiquement de le faire.

Par exemple, Lorsque LinkedIn introduit fonctionnalité permettant de confirmer les compétences, mais ne pas s'attendre à ce que les utilisateurs puissent comprendre immédiatement comment l'utiliser. Plutôt, ont créé parties visibles "appeler à l'action" paru dans le profil.

La leçon: si vous voulez que vos utilisateurs de faire quelque chose, vous devez vous demander sans hésitation.

6. L'ajout de quelques informations

L'utilisateur se sentira à l'aise s'ils ont des commentaires clairs et cohérents.

gmail_archiviata

Ce n'est que logique - La plupart des utilisateurs estiment que l'interface communique l'action, se sentent plus confiants.

Gmail est un excellent exemple de bonne rétroaction. Notifications clairs pour chaque action, compresi i Link "En savoir plus" et "Résilier". Ceci permet aux utilisateurs se sentent en contrôle et en fait une utilisation sûre du produit.

7. Droit de la simplicité

L'utilisateur sera plus encouragés à effectuer une action complexe, si cela est fragmenté en plusieurs actions simples.

forme

Nous comparons le formulaire à gauche avec la droite. Les deux ont des types de champs similaires, mais celui sur la droite est plus facile à gérer Utilisateur.

Tout ou presque déteste à remplir le formulaire long et compliqué, parce qu'ils sont ennuyeux et souvent il est difficile de re-vérifier tout deux fois. Mais si la forme est divisée en plusieurs étapes à la lumière d'une barre de progression, compilation devient plus léger.

Telle est la loi de simplification: les gens préfèrent compléter 10 objectifs mineures plutôt que d'un grand objectif unique. Je n'ai pas intimider petits objectifs et de vous donner un sentiment d'accomplissement chaque fois qu'ils sont terminés.

Lois ou des directives?

Il ya une raison pourquoi j'ai décidé d'utiliser le mot "droit" dans cet article,: Je n'ai jamais vu un cas où pas suivi cette loi a produit un résultat plus favorable.

Il est une punition pour avoir enfreint ces lois, et est disponible sous la forme d'utilisateurs grincheux qui jettent mots dans votre interface utilisateur.

Blague à part, conception de l'interface utilisateur est une tâche délicate et de la responsabilité. Ces lois visent à vous aider à mieux, et si vous décidez de "infrangerle" vous devriez vous assurer que vous avez une bonne raison.

Content de cet article?

Inscrivez vous à notre fil rss!

Sur

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

Commentaires (0) Trackbacks (0)

Aucun commentaire pour l'instant


Laisser un commentaire

Aucun trackbacks pour l'instant