Twitter

Quels livres faut-il lire pour comprendre l’affordance ?

Par dans UI design

Qu’est-ce que l’affordance ?   L’affordance se définit comme la capacité d’un objet ou d’un système à évoquer son utilisation, sa fonction. L’agence Usabilis en donne une définition très complète sur son blog : Qu’est-ce que l’affordance ? Une définition de l’affordance Ce terme apparu pour la première fois dans les écrits du psychologue James J. Gibson. C’est un terme emprunté à l’anglais « to afford », verbe ayant un double sens : « être en mesure de faire quelque chose » et « offrir ». L’affordance est utilisée dans divers domaines, notamment la psychologie cognitive, la psychologie de la perception, le design ou bien encore l’interaction Homme-Machine (IHM). Dans ce dernier champ d’application, ce terme s’apparente davantage à la « potentialité. » Ce terme évolue à partir de deux voies d’étude qui sont d’une part la psychologie, définissant l’affordance comme l’ensemble des...

L’UX Designer et l’UI Designer : un travail d’équipe

Par dans Expérience Utilisateur, UI design, UX design, UX designers

Comment joindre l’utile à l’agréable lorsqu’on est sur le point de créer un site ? Comment garantir que les visiteurs resteront fidèles au bout d’un certain temps ? Qu’est-ce que les internautes veulent réellement ? Stop ! Il convient sans doute d’inverser l’ordre de ces questions pour que le site reste compétitif. À bien des égards, le monde du web a (trop) souvent ignoré les besoins des internautes. On a fait fi de leurs attentes, en préférant investir davantage dans le design de l’interface (UI) et en négligeant l’expérience utilisateur. Pourtant, les deux se complètent. Favoriser l’un sans nuire à l’autre Il est vrai que la concurrence est rude pour amasser le maximum de visiteurs et de clients potentiels sur le web. Il est également vrai que le premier contact entre un site et un internaute c’est bel et bien le look du premier. Toutefois, on ne peut pas négliger la deuxième étape...

Quelle est la différence entre le Zoning, Wireframe, Mockup et Prototype ?

Par dans UI design, UX design

Les termes de zoning, wireframe, mockup et prototype ont trait à l’ergonomie et la conception d’interface, on les retrouve dans la plupart des projets digitaux. Ils ne sont pas synonymes (contrairement aux idées reçues) mais correspondent à des étapes distinctes. Point sur la terminologie !   Qu’est-ce que le Zoning ? Le zoning est une schématisation grossière de ce que sera la future page web. On utilise des blocs pour déterminer où se trouveront les contenus et fonctionnalités. Cette étape a généralement lieu après la création d’une arborescence, il arrive quelquefois qu’elle soit réalisée en parallèle. Définir l’organisation générale des pages est l’occasion de présenter une première approche au client ou décisionnaire. Celui-ci pourra alors valider ou réajuster les grands axes avant la réalisation des wireframes. Les grandes zones de contenus et...

Comment faire ses propres maquettes ?

Par dans UI design

La maquette ou le prototype sera une première représentation de projet. Elle vous donnera l’opportunité de valider une ou certaines fonctions ainsi que l’interface. Pour cela, il suffit de bien définir les besoins du client et d’avoir un bon logiciel pour développer ses idées. Au moment de commencer votre projet, il vous faudra dans un premier temps faire un plan de travail. Ce dernier vous sera nécessaire pour bien exploiter l’espace disponible et d’ajouter les fonctions importantes. Ce travail est une étape importante, car elle englobe tous les enjeux liés à l’ergonomie du site. Réussir une maquette   Pour pouvoir bien faire votre maquette, il faut avant tout bien planifier votre travail. Pour cela, il est important de faire quelques recherches pour en savoir plus sur les dernières tendances. Vous pouvez par exemple consulter quelques sites identiques. Et pour pouvoir travailler...

Faut-il choisir entre le prototypage papier et le prototypage digital ?

Par dans Ergonomie IHM, UI design, UX design

De nouveaux outils digitaux pour le prototypage. Les dernières années ont vu émerger des outils digitaux de design et prototypage plus simples d’accès permettant de simuler des interactions sans aucun codage. De nouvelles plateformes apparaissant chaque jour ou presque, le prototypage papier est-il toujours digne d’intérêt ?