Les 7 Principes Fondamentaux de Design d’un Site. Les 7 Principes Fondamentaux de Design d’un Site Cette semaine, le blog accueille Tarik Peudon de Clicboutic, qui nous livre une adaptation d’une grande qualité sur les fondamentaux en ergonomie et webdesign. Une aventure « livresque », au travers des théories fondamentales a avoir en tete a l’heure de concevoir un site. Le design de votre site est plus important que vous ne le pensez pour améliorer vos conversions. Peu importe les tactiques que vous avez déjà mises en oeuvre pour booster votre taux de conversion, si votre site ne ressemble à rien : vous gaspillez vos ressources.Le design ne se réduit pas au travail d’un graphiste.Le design, c’est aussi du marketing.Le design, c’est votre produit et son fonctionnement.
Vous trouverez ici 7 principes fondamentaux d’ergonomie et de design qui vous permettront d’améliorer votre site internet. Ignorez-les à vos risques et périls. Principe 1 : La Hiérarchie Visuelle La hiérarchie visuelle est l’un des principes fondamentaux du web design. 1. Matthieutv : 5 règles d'#ergonomie, web... Pourquoi vous allez détester le nouveau Twitter pour iPhone. Qu’est-il passé par la tête du directeur produit de Twitter quand il a décidé de lancer leur nouvelle application iPhone ? Entre la volonté de faire le pire client de l’histoire du service – même leur première Web application était meilleure – et un soudain élan de philanthropie envers ses concurrents matérialisé par cet énorme cadeau de Noël, mon coeur balance.
Le nouveau client Twitter pour iPhone n’est pas mauvais, c’est une catastrophe. En théorie, je n’aurais même pas du m’en apercevoir. Je n’utilise plus Twitter depuis presque un an, remplacé par l’excellent Tweetbot, mais il a eu la bonne idée de pourrir la vie de tout le monde, y compris ceux qui l’ont installé mais ne veulent plus l’utiliser. 1.
La disparition du slide to reply. Pourquoi Twitter a-t-il décidé de supprimer l’accès aux fonctionnalités d’interactions d’un simple glissement du doigt ? Il peut alors : Ce dernier point est une fausse bonne idée pour plusieurs raisons : 2. 3. 4. Les hommes sont des obsédés, les femmes sont vénales - Etude eye tracking Miratech. Miratech et ses partenaires internationaux ont mené la première étude eye tracking internationale pour mesurer comment les hommes et les femmes regardent la photo d’une jeune femme sexy. Conclusion : les hommes regardent la poitrine et les femmes regardent la bague. Miratech a mené une étude sur 210 participants, moitié hommes et femmes, répartis dans 7 pays : France – MiratechDanemark – EyefactPays Bas – Concept7Angleterre – BunnyfootBrésil – Checon PesquisaEspagne – Université Pompeu FabraEtats-Unis – Customer Experience Labs Certains partenaires sont membres du réseau IUTP, International Usability Testing Partnership, dédié aux tests utilisateurs et aux études consommateurs.
Le réseau IUTP est soutenu par Tobii, leader mondial de la conception de matériel eye tracking. L’étude était menée individuellement. Chaque participant devait simplement regarder la photo d’une jeune femme pendant 20 secondes, sans consigne spécifique. Photo originale Différences hommes/femmes Conclusion. Mini-calendrier : bonnes pratiques pour choisir une date (Usaddict) Choisir une date est une tâche fréquente dans les formulaires de réservation sur les sites Web. Pour faciliter la sélection et éviter les erreurs, la saisie est souvent assistée par un mini-calendrier (date picker en anglais). Néanmoins, il arrive encore trop souvent que ces calendriers soient mal adaptés aux besoins et que leur utilisation soit fastidieuse. Dans cet article, nous détaillons les recommandations clés pour simplifier la saisie des dates et améliorer l'ergonomie des calendriers. Faciliter la saisie d'une date avec un calendrier Même informatisé, le calendrier reste la métaphore d'un objet de notre environnement quotidien.
Plus il ressemblera à un calendrier papier, moins les utilisateurs auront besoin de l'interpréter et d'adapter leurs connaissances pour pouvoir l’utiliser. Le site d’Air France n'affiche pas l’icône calendrier. La structure classique du calendrier aide l’utilisateur à se repérer dans le temps. Recommandations Faciliter la sélection d’une date Conclusion. Mini-calendrier : bonnes pratiques pour choisir une date (Usaddict) Fundamental Guidelines Of E-Commerce Checkout Design - Smashing Magazine.
Advertisement Here is the harsh reality of e-commerce websites: according to recent e-commerce studies, at least 59.8% of potential customers abandon their shopping cart (MarketingSherpa puts it at 59.8%, SeeWhy at 83% and MarketLive at 62.14%). The main question is why do customers abandon their shopping cart so often? Is there some fundamental mistake that designers of e-commerce websites do very often? Are there any common guidelines or rules of thumbs that make it more difficult for our users to purchase products? Well, that’s exactly what we wanted to find out. The study has shown that it is often difficult to lead customers to the final step in the checkout process when the only thing left is to submit their credit card details.
The 15 e-commerce websites that we tested were: 1-800-Flowers, AllPosters, American Apparel, Amnesty, Apple, HobbyTron, Levi’s, Newegg, Nordstrom, Oakley, Perfume.com, PetSmart, Thomann, Walmart and Zappos. 1. Walmart’s non-linear process. 2. 3. 4. 5. 6. 7. Creating Web Design Wireframes: Tools, Resources, and Best Practices.
Wireframes can be one extra step in the beginning of any web design project that can save a significant amount of time later on. Besides improving productivity, it also improves the final result of each single webpage, and the website as a whole. A wireframe is a "template" of simple lines, shapes, and labels that can be used to predefine a website's layout before any of the design's details are actually placed. Editing a simple wireframe in order to change a layout can be a lot simpler than trying to change the layout of a final coded design, or even a PSD. Of course, this is both true for personal and client projects.
Showing a client a wireframe at the beginning of the design phase can allow the client and designer to collaborate more efficiently on the final content placement, and come to a set agreement to make the design process smoother, and reduce the number of major revisions. By Hand, Wireframing Tool, or Graphics Program By Hand, On Paper Image credit: purecaffeine Conclusion.
Amélie Boucher : Ergonomie des interfaces riches - une vidéo Hi-