Persuasion: Applying the Elaboration Likelihood Model to Design Persuasion is part of every aspect of our lives. Politicians want our vote, businesses want us to buy their products, and people want us to like them. Even altruistic nonprofits want us to change our behaviors around environmental issues and public safety, or give them our money to help fight hunger and disease (the nerve!). Article Continues Below This reality is no different for websites and other digital properties. Persuasion is a necessary component of good design, ensuring that users will engage with your product in the way you intended, leading to the outcome you intended. Understanding persuasion will highlight the importance of developing strong messages, help you better incorporate and refine effective persuasive techniques into your design, and allow you to explain to others (potential clients, peers) how and why your design is effective at persuading users. The really nice elephant in the room#section1 Persuasion is communication. The Elaboration Likelihood Model#section2
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. Ainsi quand l’utilisateur cliquera sur le label du formulaire, il aura automatiquement le focus sur le champ de type input qui lui est associé. Crime n°9 : avoir un lien « cliquez ici »
The Principles of Design The web professional's online magazine of choice. In: Columns > Design in Theory and Practice By Joshua David McClurg-Genevese Published on June 13, 2005 Starting with the Basics This column is about Web design—really, it is—though it may at times seem a bit distant and distracted. We can group all of the basic tenets of design into two categories: principles and elements. Web design is a relatively new profession compared to other forms of design, due to the youth of our medium. How Does Web Design Fit In? I tend to define Web design as being one of many disciplines within the larger field of design (a peer to print design, industrial design, interior design, etc.). The first three articles of this column will be dedicated to unearthing these universal gems of insight so that we may better understand our profession. The Principles of Design There are many basic concepts that underly the field of design. Let’s begin by focusing on the principles of design, the axioms of our profession. Rhythm
Ergonomie et beauté des choses Introduction Cet article s'intéresse à l'esthétique des interfaces informatiques et à la vision que doit en avoir l'ergonome. Il constitue une sorte de plaidoyer pour la beauté des choses, pour elle-même mais aussi en ce qu'elle sert l'utilisabilité des interfaces. 1. On a largement démontré l'importance de la démarche ergonomique et les bénéfices que sa mise en œuvre est susceptible d'engendrer. Le seul travail sur l'utilisabilité n'assure en effet pas une qualité d'utilisation optimale. Nous développons des arguments afin d'arriver à ce que la collaboration entre ergonomes et designers se fasse dans le sens d'une discipline commune. 2. On a l'habitude de dire en ergonomie des interfaces que le produit se doit d'être utile et utilisable. L'attractivité visuelle du logiciel ou du site Web n'est souvent considérée qu'en tant qu'élément annexe, sans réel rapport avec la qualité d'utilisation de l'interface. 3. 4. La simple apparence des choses peut nous donner satisfaction. 5. 6. 7. 8.
6 Tips for a Great Flex UX: Part 5 By Theresa Neil Since the book focuses on rich interactions, I want to spend some time on Adobe Flex/AIR. These tips are based on the best Flex resources I have found, and how you can use them to craft a great user experience. This is part 5 of 6: * Play With It: 10 Explorers & Galleries * Learn From the Best: 10 Great Flex Apps * Learn From the Rest: 10 Great RIAs * Stock Your Toolbox: 40+ Custom Flex Controls * Review Usability Best Practices * Avoid Common Mistakes: 10 Anti-Patterns Don’t forget the usability basics. 1. The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. 1.0 BaseCamp by 37signals The upload button is enabled, until clicked. 1.1 Picnik Progress message and indicator shows while the application loads 1.2 Tick A feedback message is displayed when an action is performed 1.3 Windows Live Account Password strength is shown as the password is entered 2. 3. 4. 5. 6. Minimize the user’s memory load. 7. 8. 9.
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
10 Principles Of Effective Web Design - Smashing UX Design Advertisement Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist. We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information. Please notice that you might be interested in the usability-related articles about 10 Usability Nightmares1 and 30 Usability Issues2 we’ve published before,we’ll cover more principles of effective design in our following posts. 1.
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. Point d'entrée fréquent dans le site, elle est aussi celle qui témoigne du plus grand nombre de visites. 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. 2. 2.1. 2.2. 2.3. 3. 3.1. » Navigation » Information 3.2. 4. 4.1. 1. 2. 3. 4. 5. 6.