background preloader

Ergonomie web illustrée

Ergonomie web illustrée
Related:  Ergonomie UX

Ergolab Le catalogue chanté des 25 JOURS AUCHAN Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Building Clickthrough Prototypes To Support Participatory Design Read more... Creating Responsive Prototypes With Adaptive Views In Axure RP 7

Star Wars en réalité augmentée Cette série de photographies peintures, réalisée par Christian Waggoner bluffera à coup sûr tous les fans de Star Wars. L’artiste s’est concentré sur le casque de ces personnages emblématiques de la saga, ainsi que sur les reflets dans la visière de chacun d’entre eux, pour offrir un résultat final ultra-réaliste. Fidèle au scénario, Waggoner a même fait se refléter le visage de Han Solo dans celui de Greedo, celui de Mace Windu pour Jango Fett ou encore celui de Luke face à son père lors du combat mythique dans L’Empire contre-attaque. Un Maître de la peinture qu’on n’égalera pas de Sithôt.

Exemple de test utilisateur sur le site seloger.com L’expérience utilisateur expliquée en infographie | weXperience L’expérience utilisateur est une notion complexe qu’il est parfois difficile d’expliquer avec des mots. Nous devons souvent recourir à des moyens détournées (métaphores, images) pour montrer son importance dans l’optimisation de sites. Heureusement pour nous de bons designers d’information s’appliquent à expliquer l’expérience utilisateur sous des formes visuelles. Stéphane Brossard compare l’expérience utilisateur à une course d’athlète. Selon Jess McMullin, l’expérience utilisateur est un cycle en 9 étapes. Au moyen de cette roue, Magnus Revang rassemble les éléments qui composent la notion d’expérience utilisateur. Sans doute l’infographie la plus complète sur la notion d’expérience utilisateur.

10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog. Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter. Crime n°1 : avoir des labels non associés aux champs de saisies dans vos formulaires Il est indispensable d’utiliser la balise label pour vos labels de formulaires et de renseigner l’attribut « for » pour pointer sur l’ID du champ de saisie. Crime n°2 : avoir un logo qui ne contient pas de lien vers la page d’accueil de votre site Crime n°3 : ne pas avoir de couleur différente sur les liens qui ont été visités

The Dark Side Of User Experience – There Are Some Right Bastard Companies Out There It’s always a balancing act between creating best experience for the user and achieving business objectives, but there are some companies who go straight for your wallet and brush you aside like some cheap whore. Dark Patterns is a brilliant look into the evil side of design, UX decisions that can’t simply be put down to errors of judgement and poor design skills – no this shit is far, far more sinister. Quite simply, these well known companies are trying to screw people in one way or another. Take a look at the Ryan Air example in the slides and how they put the option to opt-out of insurance half way down the list of countries! Other examples of those practising this dark art include Moneysupermarket and Go Compare. Each type of evilness has a name, there’s dozens including: Don’t forget mobile has its own set of Dark Patterns too - Remember the Crazy Frog ringtone? Oh and what about Android? The scary thing is that this is just getting started.

Ergonomie de la page d'accueil Introduction La page d'accueil est un des thèmes récurrents en ergonomie web. Son rôle capital en fait une des pages les plus analysées d'un site. Cet article présente les fonctions d'une page d'accueil ainsi que quelques règles simples à appliquer pour qu'elle soit utile et facile à utiliser. De plus, il existe beaucoup de recommandations valables pour l'ensemble d'un site web (en termes de cohérence, de lisibilité, de trouvabilité, de terminologie...), mais dont on ne parlera pas ici car elles ne concernent pas spécifiquement la page d'accueil. 1. On parle de "page d'accueil" pour désigner la principale page d'un site web, permettant l'accès aux autres pages du site et accessible par le nom de domaine. Une vraie page d'accueil est une page qui sert, qui présente de l'information et permet de naviguer. Il n'y a par exemple pas d'utilité réelle à faire choisir uniquement la langue dans une page intermédiaire. 2. 2.1. 2.2. 2.3. 3. 3.1. » Navigation » Information 3.2. 4. 4.1. 1. 2. 3. 4. 5.

Pourquoi les agences d'ergonomie web devraient toujours travailler avec un rédacteur Pourquoi les agences d'ergonomie web devraient toujours travailler avec un rédacteur La scène se passe chez un client, un matin à Paris, dans des bureaux spacieux et clairs : "Voilà, nous avons fini les maquettes et maintenant nous vous avons contacté pour rédiger les textes ! – Merci de votre confiance, je suis ravie d'être là ! – Silence... et bien il faudrait leur demander exactement. – Ok. – A vrai dire, je ne sais pas exactement. – Ah oui, je vois. – C'est une bonne question. – Et là, ce serait bien de réassurer les internautes par rapport à la manière dont va se dérouler la commande, une fois qu'ils auront acheté le produit. – Oui, c'est vrai. – Oui, je vois, c'est un problème. – Oui. – Bon ce n'est pas grave, j'ai l'habitude. – Peut-être, oui." Je vous le demande : pourquoi persister fin 2010 à laisser du lorem ipsum sur les maquettes web ? La structure d'un article ou d'une page web créée pour valoriser le sujet, l'information, c'est fondamental.

Design et ergonomie d’un site Web Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ? Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Dans cette page : Les standards - Principes de mise en page - Importance du contraste - Le zapping - L'esthétique - La couleur En bref ... Respecter les standards Vos visiteurs sont habitués à certains mécanismes, ne les perturbez pas. A lire en complément : Ergonomie d'un site Web par Kreatys En détail ... Quelques principes de mise en page La communication écrite existe à grande échelle depuis plus de 500 ans. Les légendes des belles images sont lues même par les visiteurs pressés ! source image : civilization.ca La mise en page doit être conçue comme une pyramide. Le titre : Court, explicatif, accrocheur. 50% des lecteurs quitteront votre page si le titre est absent ou peu intéressant. Les paragraphes : Vous devez développer une seule idée par paragraphe. Le zapping

Related: