Usaddict : Formulaires web : Apple pousse... Media Queries 5 règles d'ergonomie, web design et e-merchansing internet Un constat fréquent est que les sites Internet sont conçus par des chefs de projet marketing surfers hardcore du web (qui aiment se faire plaisir, avouons le aussi) pour des utilisateurs « normaux ». Les bonnes idées se révèlent souvent être de gros flops car technologiquement discriminantes/trop avancées ou non adaptées à la cible (ex : la redoute lance la cabine d’essayage virtuelle 3D en 2008, la fonctionnalité fait rapidement plouf et est retirée du site). Sur Internet on a le souci du client, on se présente en « customer evangelist » et on est customer obsessed… C’est d’autant plus facile que la technologie permet d’atteindre un niveau de personnalisation et une interactivité exceptionnelle avec ses clients pour un coût limité. L’ergonomie web peut se définir comme l’ensemble des actions contribuant à améliorer l’expérience d’un utilisateur sur un site internet ou une application web en les rendant plus intuitifs, agréables, efficaces et pertinents.
Ergonomie et référencement : les meilleures pratiques pour 2013 Vous avez été plus de 300 à nous suivre lors de la conférence du salon e-Commerce Paris 2012. C’est avec un grand plaisir que nous vous livrons ici les Best Practices 2013 en matière d’optimisation du référencement et de l’ergonomie. Tout d’abord, un bref rappel des conventions et règles ergonomiques déjà en vigueur… 1. Les conventions et règles à respecter dans une démarche ergonomique pour le haut de page (header) Vous remarquerez que beaucoup de ces éléments relèvent désormais du bon sens. Ci-dessous, les éléments pour le footer : Les conventions et règles à respecter dans une démarche ergonomique pour le bas de page (footer) Les conventions en Ergonomie : des règles de bon sens qui doivent être adoptées et appliquées par tous en 2013. Les conventions et règles à respecter dans une démarche ergonomique Christian Bastien & Dominique Scapin, chercheurs en ergonomie des IHM à l’INRIA ont procédé en 1997 à la synthèse de plus de 900 recommandations en 18 critères regroupés en 8 dimensions. 2.
Des landing pages qui convertissent Un site attire tous les jours des visiteurs qui “atterrissent” sur ses pages. Les pages qui les accueillent se nomment des pages d’atterrissage ou landing pages. Ces pages sont clés car elles vont déclencher ou non la conversion du visiteur en membre ou en acheteur/lead (en particulier lorsque vous avez acheté du trafic qu’il vous faut rentabiliser) – cet article vous propose des conseils simples à mettre en oeuvre pour améliorer vos pages d’atterrissage ou landing pages. Le squelette d’une landing page Votre page d’atterrissage peut être une page de votre site Internet ou bien une page que vous avez réalisé et optimisé pour faire accomplir aux visiteurs une action precise. Le visuel ci-dessous vous présente une structure classique d’une landing page avec tous ses composants Anatomie d’une landing Page – Source : kissmetrics (Voir les mensurations idéales d’une landing page pour aller plus loin sur le sujet) Trouver l’accroche de votre landing page #1 : Être concret #3 : Être engageant
Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration. Entrons dans le vif du sujet. Les sites Web sont aujourd’hui consultés sur une multitude d’appareils ayant des résolutions différentes Proposer une seule version du site Web censée s’adapter à tous ces terminaux est utopique. Le site ifttt n’est pas adaptable. Responsive ou versions séparées ?
Comment faire pour que 86% de visiteurs quittent votre site web ? C’est tout simple, il suffit de leur demander de créer un compte ! Cette opération fait fuir la plupart des internautes : 42 % des internautes trouvent les inscriptions en ligne trop longues50 % en ont marre de créer un nième mot de passe60 % ont plus de 5 mots de passe différents à retenir40 % utilisent la fonction « mot de passe oublié » au moins une fois par mois Non seulement vous faîtes fuir les visiteurs mais c’est inutile : 88 % admettent avoir menti lors de la saisie d’un formulaire. Sans vous raconter ma vie, je crée parfois des compte avec comme prénom Chob et comme nom Lab (je sais, c’est mal). Vous ne voulez pas faire fuir vos visiteurs ? Enfin, si un formulaire long comme un jour sans Twitter ne suffit pas, vous pouvez envisager le répulsif design ! Passionné par le digital sous toutes ses formes : médias sociaux, web design, emarketing, outils utiles, blogging, open data, dataviz... 562 articles, certains bons, d'autres moins ;-) Profil Google+
Une journée dans la vie du Praticien AgileUX - 3 - Critères ergonomiques activité # 3 du praticien Agile UX … Le praticien Agile UX va partager les principaux critères ergonomiques de conception de produits interactifs, un partage au quotidien avec les équipes de développement et un travail de sensibilisation avec les interlocuteurs Business. Apprentissage, montée en compétences, partage de connaissance constituent la clé de voute de l’agilité. Critère n°2 :Lisibilité(faciliter la lecture et favoriser la compréhension de ce qui est affiché à l’écran) Critère n°3 : Groupement-Distinction entre items (regrouper ce qui va ensemble pour favoriser une meilleure distinction et reconnaissance des éléments) Critère n°4 : Feedback Direct (tenir l’utilisateur, en temps réel, informé de ce qui se passe) Critère n°5: Contrôle Utilisateur (toujours laisser à l’utilisateur le contrôle sur les actions du système et sur l’interface) Critère n°6 :Concision (‘aller à l’essentiel, garantir la simplicité de l’interface et la pertinence des fonctionnalités) Follow Me:
Ergonomie et référencement d'un blog : les meilleures solutions Vous avez été plus de 300 à nous suivre lors de la conférence du salon e-Commerce Paris 2012. C’est avec un grand plaisir que nous vous livrons ici les Best Practices 2013 en matière d’optimisation du référencement et de l’ergonomie. Tout d’abord, un bref rappel des conventions et règles ergonomiques déjà en vigueur… Conventions et règles en ergonomie Les conventions et règles à respecter dans une démarche ergonomique pour le haut de page (header) Vous remarquerez que beaucoup de ces éléments relèvent désormais du bon sens. Ci-dessous, les éléments pour le footer : Les conventions et règles à respecter dans une démarche ergonomique pour le bas de page (footer) Les conventions en Ergonomie : des règles de bon sens qui doivent être adoptées et appliquées par tous en 2013. Les conventions et règles à respecter dans une démarche ergonomique Comment bien lister son contenu et ses fonctionnalités grâce à la méthode du tri de cartes : La Méthode du tri de cartes (“Card Sorting”)
[Ergonomie] 5 conseils pour un site mobile réussi En juillet dernier, Google publiait une étude révélant l'engouement de plus en plus croissant des internautes pour la version mobile de leurs sites web favoris. Ils étaient ainsi 75% à privilégier cette version en situation de mobilité. Une demande difficile à satisfaire quand plus de 96% déploraient l'absence d'optimisation pour ce genre de navigation... Le collectif Digitives a recueilli pour vous 5 conseils clés pour vous aider à passer au tout mobile. 1. Ecrire pour le web requiert, par définition, un travail de synthèse afin d'offrir aux lecteurs des contenus digestes et suffisamment attractifs pour capter leur attention. Dans le cas d'une boutique en ligne, la présence d'une arborescence ne comportant que les principales rubriques ainsi qu'une sélection de produits exhaustive en page d'accueil sont autant d'aménagements qui compteront dans l'expérience de navigation des mobinautes. 2. 4. 5. Mélanie G.
5 règles d'ergonomie, web design et e-merchansing internet Un constat fréquent est que les sites Internet sont conçus par des chefs de projet marketing surfers hardcore du web (qui aiment se faire plaisir, avouons le aussi) pour des utilisateurs « normaux ». Les bonnes idées se révèlent souvent être de gros flops car technologiquement discriminantes/trop avancées ou non adaptées à la cible (ex : la redoute lance la cabine d’essayage virtuelle 3D en 2008, la fonctionnalité fait rapidement plouf et est retirée du site). Sur Internet on a le souci du client, on se présente en « customer evangelist » et on est customer obsessed… C’est d’autant plus facile que la technologie permet d’atteindre un niveau de personnalisation et une interactivité exceptionnelle avec ses clients pour un coût limité. L’ergonomie web peut se définir comme l’ensemble des actions contribuant à améliorer l’expérience d’un utilisateur sur un site internet ou une application web en les rendant plus intuitifs, agréables, efficaces et pertinents.
10 blogs et sites sur l’ergonomie pour vous remettre à l’anglais En France on parle souvent de Ergonomie ou Conception d’Interfaces, mais de l’autre côté de l’Atlantique (ou du Channel), on parle plutôt de User Experience, UCD, ou Interaction Design. Peu importe le terme choisi, l’important c’est de rester informés des nouvelles techniques et méthodologies qui font partie de notre métier : la conception centrée utilisateur. Que ce soient les bonnes pratiques sur l'étude terrain, le maquettage d'interfaces ou sur le design graphique, on partage ici nos coups de cœur de la blogosphère anglophone avec vous. Enjoy! 1st Web Designer Spécialiste du web, ce blog vous permettra de trouver des informations concernant le code web (PHP, HTML, Ruby, etc.) ou le graphisme (illustration, photographie, iconographie). Il contient aussi des nombreux tutoriels pour maîtriser les différentes techniques du design web. Smashing Magazine – UX Design Définitivement LA publication incontournable dans le monde de l’ergonomie et la conception d’interfaces. Maintenant : Action !
Optimisez le référencement de votre page d'accueil en 5 conseils Améliorer son référencement est un travail qui demande de nombreux efforts : optimisations techniques, rédaction de contenu. Au coeur de toutes ces préoccupations, l'ergonomie. En effet, de la "facilité d'utilisation d'un site" découle de nombreux avantages. Plus un site est bien pensé, et plus il sera utilisé, partagé... et bien référencé ! 1. Apportez aux visiteurs de votre site / blog les éléments de base qu'il recherche en premier. 2. Votre page d'accueil doit apporter des éléments pour rassurer vos visiteurs. 3. La hiérarchisation des informations va aider les visiteurs à trouver ce qu'ils recherchent. 4. Ne montrez pas tout votre contenu dès la page d'accueil ! 5. L'ergonomie et le design sont essentiels, mais n'existent pas sans contenu.