Tenir compte de tous ses utilisateurs pour optimiser son business
Conférence "Matinée pour comprendre" qui s'est déroulée chez Linagora le 28 avril 2016, avec Jean-Philippe Simonnet, responsable internet chez Centre-Inffo et expert accessibilité, et Christophe Clouzeau, UX Strategist Digital chez NEOMA-Interactive by Linagora.
UX et Accessibilité sont complémentaires sur le plan des usages et des accès,et tout aussi communs via leur orientation privilégiant l'utilisateur final.
10 méthodes UX appliquées à votre projet WebCore-Techs
L'UX (User Experience) est une approche du design numérique destinée à apporter aux utilisateurs le bon contenu, le bon service et la bonne information au bon moment et dans une forme intelligible. L'UX est une démarche opérationnelle fondamentale pour réussir votre projet Web : Comment présenter mes contenus ? Comment faire rester mon internaute ? Comment répondre à ses besoins ? Comment dépasser ses freins et en faire un utilisateur "converti" ? Comment faire du beau "utile" ?
Appliquer une démarche UX dans votre projet Web nécessite de connaître les bons outils, leur efficacité et leur pertinence dans votre contexte projet.
Avec ce webinar, découvrez quelles sont les bonnes méthodes, quand et comment les mettre en oeuvre et les résultats à en attendre.
Et réussissez, comme ce fameux sculpteur roumain, à appliquer sur votre site Web ce principe : "la simplicité, c'est la complexité résolue".
Le rapport annuel : une publication multi-canal
Étude comparative des rapports annuels ou d'activités en diffusion numérique (site internet, application mobile). Pourquoi le rapport doit être digital ? Pourquoi ne doit-il pas se contenter d'être un simple "PDF-feuilletable" en ligne ? Comment l'adapter au support numérique ?
Utiliser l’UX pour vendre - Décider mieUX grâce à l’UXpérienceChristophe Clouzeau
À la différence de "comment vendre l'UX" la présentation montre que l'UX possède les outils d'avant-vente permettant de convaincre un prospect et d'engager une signature en orientant positivement le projet numérique.
Oublier les utilisateurs finaux dès l'étape de conception en avant-vente est non seulement une aberration, mais aussi une source de non-signature (et d'ennuis). À l'inverse, en tenir compte augmente les chances de persuasion et de réussite !
Un point de vue du prestataire/acheteur appuyé par des exemples de l'expérience vécue en agence web Neoma-Interactive.
Conférence du 06 avril 2016, WAQ (Web à Québec)
http://webaquebec.org/
Best of des publications de l'année, l'étude 2015 des rapports annuels par Verbe analyse les tendances des rapports d'activité 2014 des groupes du CAC 40 et au-delà : Back to Contents !
N'hésitez pas à nous contacter :
Laurent-Cédric Verscheure
laurent-cedric.verscheure@verbe.fr
01 44 82 47 97
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help alleviate symptoms of mental illness and boost overall mental well-being.
10 méthodes UX appliquées à votre projet WebCore-Techs
L'UX (User Experience) est une approche du design numérique destinée à apporter aux utilisateurs le bon contenu, le bon service et la bonne information au bon moment et dans une forme intelligible. L'UX est une démarche opérationnelle fondamentale pour réussir votre projet Web : Comment présenter mes contenus ? Comment faire rester mon internaute ? Comment répondre à ses besoins ? Comment dépasser ses freins et en faire un utilisateur "converti" ? Comment faire du beau "utile" ?
Appliquer une démarche UX dans votre projet Web nécessite de connaître les bons outils, leur efficacité et leur pertinence dans votre contexte projet.
Avec ce webinar, découvrez quelles sont les bonnes méthodes, quand et comment les mettre en oeuvre et les résultats à en attendre.
Et réussissez, comme ce fameux sculpteur roumain, à appliquer sur votre site Web ce principe : "la simplicité, c'est la complexité résolue".
Le rapport annuel : une publication multi-canal
Étude comparative des rapports annuels ou d'activités en diffusion numérique (site internet, application mobile). Pourquoi le rapport doit être digital ? Pourquoi ne doit-il pas se contenter d'être un simple "PDF-feuilletable" en ligne ? Comment l'adapter au support numérique ?
Utiliser l’UX pour vendre - Décider mieUX grâce à l’UXpérienceChristophe Clouzeau
À la différence de "comment vendre l'UX" la présentation montre que l'UX possède les outils d'avant-vente permettant de convaincre un prospect et d'engager une signature en orientant positivement le projet numérique.
Oublier les utilisateurs finaux dès l'étape de conception en avant-vente est non seulement une aberration, mais aussi une source de non-signature (et d'ennuis). À l'inverse, en tenir compte augmente les chances de persuasion et de réussite !
Un point de vue du prestataire/acheteur appuyé par des exemples de l'expérience vécue en agence web Neoma-Interactive.
Conférence du 06 avril 2016, WAQ (Web à Québec)
http://webaquebec.org/
Best of des publications de l'année, l'étude 2015 des rapports annuels par Verbe analyse les tendances des rapports d'activité 2014 des groupes du CAC 40 et au-delà : Back to Contents !
N'hésitez pas à nous contacter :
Laurent-Cédric Verscheure
laurent-cedric.verscheure@verbe.fr
01 44 82 47 97
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help alleviate symptoms of mental illness and boost overall mental well-being.
Agile/Lean UX for data - datavisualisation - Agile NantesMatthieu Gioani
Support de la présentation Agile Nantes Mai 2016.
Présentation de notre démarche Agile/Lean UX et datavisualisation.
Issu de 6 ans d'activités et de retours d'expériences sur le sujet chez EXL Group/Talan.
Comment faire vivre une expérience client mémorable qu'on a envie de partager ? voici quelques éléments de réponses au travers de 4 questions clés : Qu'est ce que l'expérience client ? pourquoi c'est clé ? comment font les leaders ? quels sont les 6 leviers majeurs de transformation ?
Best of des publications de l’année, l'étude 2014 des rapports annuels par Verbe décrypte les tendances parmi les groupes du CAC 40 et au-delà : Après la crise, la (r)évolution !
N'hésitez pas à nous contacter :
Laurent-Cédric Verscheure
laurent-cedric.verscheure@verbe.fr
01 44 82 47 97
Publicis Lyon Marseille Annecy a passé au crible 18 rapports annuels pour faire émerger les tendances fortes de l’année, et identifier les meilleures pratiques. Contactez-nous pour découvrir les 10 tendances qui guideront la réalisation de votre prochain rapport d’activité. Ce document n'est que l'introduction et le panel des RA étudiés.
charles-henry.delalonde@publicis.fr
violaine.berthon@publicis.fr
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
L’UX design est devenu une étape incontournable dans la conception des produits digitaux. « UX Design et Ergonomie des Interfaces » s’adresse à tous les professionnels impliqués dans la conception et le développement des applications digitales. Qu’il s’agisse d’applications mobiles ou tactiles, de logiciels ou de sites web, cet ouvrage sur l’UX design et l’ergonomie des interfaces est utilisé quotidiennement par les éditeurs de logiciels, responsables R&D, directeurs marketing, chefs de produit, designers et, bien sûr, les ergonomes UX ou UI. Auteurs : Jean-François Nogier et Jules Leclerc
http://www.usabilis.com/societe/livre-ergonomie-interface
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Idean France
Remplir un formulaire, c’est pénible. Tout le monde s’accorde sur ce point. Pourtant, le formulaire permet de collecter des données, d’interagir avec un service, de devenir acteur d’une interface. Il est donc essentiel de soigner vos formulaires pour assurer la meilleure expérience utilisateur possible !
Suivre quelques bonnes pratiques peut rendre un formulaire intuitif et ludique, instaurant ainsi une relation positive entre l’humain et la marque.
Conférence donnée par Anastasia Simitsis, Directrice Expérience Utilisateur chez w.illi.am/, sur le thème : « Expérience utilisateur : enrichir la navigation » au RDV web d'Infopresse:
• Pourquoi repenser les règles de l’industrie à partir de l’expérience utilisateur?
• Comment vous libérer des hésitations entre un site fonctionnel ou expérientiel tout en assurant votre retour sur investissement?
• La simplicité d’utilisation d’une interface doit-elle être la seule clé de vos choix ergonomiques?
Vous pensez que les utilisateurs n’y comprennent rien ? Vous croyez que l’Ergonomie, c’est juste du bon sens ? Vous êtes persuadé qu’en Informatique, l’Ergonomie ne concerne que les interfaces graphiques ? Vous avez déjà utilisé votre mère comme cobaye pour tester l’utilisabilité de vos interfaces ?
Si vous avez fièrement répondu « Oui » à au moins une de ces questions, votre situation n’est pas désespérée mais vous devriez lire cette présentation.
Problématique :
Comment augmenter la productivité des utilisateurs dans le cadre d’une utilisation d’applications professionnelles ?
Comment améliorer les taux de conversion et de fréquentation, notamment dans un contexte e-Commerce ?
Comment augmenter la satisfaction générale de vos utilisateurs ?
La réponse est simple, mais trop souvent négligée : l’ERGONOMIE !
Programme :
1. Qu’est-ce que l’Ergonomie ? Qu’apporte t-elle au Web ?
2. Ce que vous pensez savoir et ce que vous savez réellement sur l’Ergonomie.
3. Comment intégrer l’Ergonomie aux phases de conception d’applications ?
4. Problématiques et solutions concrètes.
5. Testez vos connaissances.
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
Créer un site Internet pour sa structure n'est plus un atout mais est devenu un passage obligé. Le tout étant de ne pas laisser ce site se fondre dans la masse. Pour cela nous vous proposons de découvrir ou redécouvrir les bonnes pratiques pour communiquer efficacement autour de leur site Internet.
Vous devez booster votre présence sur le Web ?!
Certes… Mais comment s’y prendre quand on est novice et que l’on dispose d’un budget réduit ?
#PROGRAMME
– 3 règles essentielles
– 10 évidences incontournables
– 2 cas pratiques
– Des échanges autant que souhaités
NADEGE TETAZ
Professionnelle du web depuis plus de 15 ans, Nadège Tétaz est actuellement dirigeante d’une société de conseil en transformation numérique. Elle intervient principalement sur les sujets de visibilité numérique et de la conception de supports digitaux centrés sur les besoins utilisateurs.
Si une grande idée est toujours à la base des grandes réussites du numérique, encore faut-il lui donner corps et visibilité pour trouver son marché. Nadège vous propose de partager son expertise en SEO, Web analytics et UX design pour apporter de la valeur à vos ambitions digitales.
Work n coffee : l'Ux design au service de ma performanceNet Design
Mais qu’est-ce que c’est exactement « L’UX » ? L’UX design consiste à penser et à concevoir un site web de manière à ce que l’expérience utilisateur soit la meilleure possible. Reste à définir ce qu’est une bonne expérience utilisateur.
En quoi est-ce que cela peut m’aider à remplir mes objectifs ? Ça ne risque pas de me coûter cher ?
Pendant ce Work’n Coffee, nous vous proposons de découvrir comment l’UX peut vous rendre plus performant.
Comment ? Grâce à une approche pragmatique, adaptée à votre budget et à vos besoins.
Agile/Lean UX for data - datavisualisation - Agile NantesMatthieu Gioani
Support de la présentation Agile Nantes Mai 2016.
Présentation de notre démarche Agile/Lean UX et datavisualisation.
Issu de 6 ans d'activités et de retours d'expériences sur le sujet chez EXL Group/Talan.
Comment faire vivre une expérience client mémorable qu'on a envie de partager ? voici quelques éléments de réponses au travers de 4 questions clés : Qu'est ce que l'expérience client ? pourquoi c'est clé ? comment font les leaders ? quels sont les 6 leviers majeurs de transformation ?
Best of des publications de l’année, l'étude 2014 des rapports annuels par Verbe décrypte les tendances parmi les groupes du CAC 40 et au-delà : Après la crise, la (r)évolution !
N'hésitez pas à nous contacter :
Laurent-Cédric Verscheure
laurent-cedric.verscheure@verbe.fr
01 44 82 47 97
Publicis Lyon Marseille Annecy a passé au crible 18 rapports annuels pour faire émerger les tendances fortes de l’année, et identifier les meilleures pratiques. Contactez-nous pour découvrir les 10 tendances qui guideront la réalisation de votre prochain rapport d’activité. Ce document n'est que l'introduction et le panel des RA étudiés.
charles-henry.delalonde@publicis.fr
violaine.berthon@publicis.fr
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
L’UX design est devenu une étape incontournable dans la conception des produits digitaux. « UX Design et Ergonomie des Interfaces » s’adresse à tous les professionnels impliqués dans la conception et le développement des applications digitales. Qu’il s’agisse d’applications mobiles ou tactiles, de logiciels ou de sites web, cet ouvrage sur l’UX design et l’ergonomie des interfaces est utilisé quotidiennement par les éditeurs de logiciels, responsables R&D, directeurs marketing, chefs de produit, designers et, bien sûr, les ergonomes UX ou UI. Auteurs : Jean-François Nogier et Jules Leclerc
http://www.usabilis.com/societe/livre-ergonomie-interface
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Idean France
Remplir un formulaire, c’est pénible. Tout le monde s’accorde sur ce point. Pourtant, le formulaire permet de collecter des données, d’interagir avec un service, de devenir acteur d’une interface. Il est donc essentiel de soigner vos formulaires pour assurer la meilleure expérience utilisateur possible !
Suivre quelques bonnes pratiques peut rendre un formulaire intuitif et ludique, instaurant ainsi une relation positive entre l’humain et la marque.
Conférence donnée par Anastasia Simitsis, Directrice Expérience Utilisateur chez w.illi.am/, sur le thème : « Expérience utilisateur : enrichir la navigation » au RDV web d'Infopresse:
• Pourquoi repenser les règles de l’industrie à partir de l’expérience utilisateur?
• Comment vous libérer des hésitations entre un site fonctionnel ou expérientiel tout en assurant votre retour sur investissement?
• La simplicité d’utilisation d’une interface doit-elle être la seule clé de vos choix ergonomiques?
Vous pensez que les utilisateurs n’y comprennent rien ? Vous croyez que l’Ergonomie, c’est juste du bon sens ? Vous êtes persuadé qu’en Informatique, l’Ergonomie ne concerne que les interfaces graphiques ? Vous avez déjà utilisé votre mère comme cobaye pour tester l’utilisabilité de vos interfaces ?
Si vous avez fièrement répondu « Oui » à au moins une de ces questions, votre situation n’est pas désespérée mais vous devriez lire cette présentation.
Problématique :
Comment augmenter la productivité des utilisateurs dans le cadre d’une utilisation d’applications professionnelles ?
Comment améliorer les taux de conversion et de fréquentation, notamment dans un contexte e-Commerce ?
Comment augmenter la satisfaction générale de vos utilisateurs ?
La réponse est simple, mais trop souvent négligée : l’ERGONOMIE !
Programme :
1. Qu’est-ce que l’Ergonomie ? Qu’apporte t-elle au Web ?
2. Ce que vous pensez savoir et ce que vous savez réellement sur l’Ergonomie.
3. Comment intégrer l’Ergonomie aux phases de conception d’applications ?
4. Problématiques et solutions concrètes.
5. Testez vos connaissances.
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
Créer un site Internet pour sa structure n'est plus un atout mais est devenu un passage obligé. Le tout étant de ne pas laisser ce site se fondre dans la masse. Pour cela nous vous proposons de découvrir ou redécouvrir les bonnes pratiques pour communiquer efficacement autour de leur site Internet.
Vous devez booster votre présence sur le Web ?!
Certes… Mais comment s’y prendre quand on est novice et que l’on dispose d’un budget réduit ?
#PROGRAMME
– 3 règles essentielles
– 10 évidences incontournables
– 2 cas pratiques
– Des échanges autant que souhaités
NADEGE TETAZ
Professionnelle du web depuis plus de 15 ans, Nadège Tétaz est actuellement dirigeante d’une société de conseil en transformation numérique. Elle intervient principalement sur les sujets de visibilité numérique et de la conception de supports digitaux centrés sur les besoins utilisateurs.
Si une grande idée est toujours à la base des grandes réussites du numérique, encore faut-il lui donner corps et visibilité pour trouver son marché. Nadège vous propose de partager son expertise en SEO, Web analytics et UX design pour apporter de la valeur à vos ambitions digitales.
Work n coffee : l'Ux design au service de ma performanceNet Design
Mais qu’est-ce que c’est exactement « L’UX » ? L’UX design consiste à penser et à concevoir un site web de manière à ce que l’expérience utilisateur soit la meilleure possible. Reste à définir ce qu’est une bonne expérience utilisateur.
En quoi est-ce que cela peut m’aider à remplir mes objectifs ? Ça ne risque pas de me coûter cher ?
Pendant ce Work’n Coffee, nous vous proposons de découvrir comment l’UX peut vous rendre plus performant.
Comment ? Grâce à une approche pragmatique, adaptée à votre budget et à vos besoins.
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017 Flupa
Service-Public.fr est un site du gouvernement français et accueille 10 millions de visiteurs par mois. Il s’adresse à un large public pour lequel les enjeux d’accessibilité sont cruciaux.
Avec différents acteurs participants au projet, entre prestataire, experts en accessibilité, designers, et développeurs, nous verrons comment nous avons abordé le sujet tout au long de la conception.
Enfin nous échangerons sur les difficultés rencontrées et l’articulation du travail entre UX, design et accessibilité.
#Cours : Comment se définit et en quoi consiste l’#UX #DesignVirginie Boullé
Qu’est-ce que l’Ux Design ou (User eXperience), où le situer au coeur d’un projet de création de site Web, son processus d’organisation
> Voir plus : http://www.pixelliz.com/?Comment-se-definit-et-en-quoi#sthash.WT4NDbZ3.dpuf
Data + UX = décisions objectives pour optimiser la conversion - Ingrid Thonet...SEO CAMP
Quelles sont les données à prendre en compte pour optimiser l’UX et doper la conversion ? Quelles sont les étapes à suivre pour mettre en place une méthodologie de data-driven ? Comment bien définir vos objectifs pour mieux choisir vos outils de mesure ?
Vous devez booster votre présence sur le Web !
Certes ... Mais comment s'y prendre quand on est novice et que l'on dispose d'un budget réduit ?
Découvrez des bons (et mauvais) plans sur la toile et adoptez la bonne démarche : celle qui coûte le moins cher pour un maximum de résultats !
Les tests d’utilisabilité à l’ère de l’Internet ubiquitaire - ARIM - MRIA - 3...nathalieberger
Dans un contexte d’Internet ubiquitaire (le web partout à la fois tout le temps), quel est le rôle des tests d’utilisabilité et des tests de l’expérience utilisateur pour votre organisme ou entreprise? Même si la notion traditionnelle d’utilisateur est en très bonne voie de se transformer en une notion d’acteur, de créateur et de vecteur de l’information, les tests utilisateurs conservent et voient même croître leur pertinence. Comment déterminer le bon moment pour les utiliser, parmi d’autres méthodes et outils de captation des données utilisateur?
* quelle est la différence entre utilisabilité et expérience utilisateur?
* dans un monde connecté en permanence et aux multiples points de contact, quelle est la place des tests?
* développer pour des plateformes (mobilité, réseaux sociaux, web, iPad) ou pour des contextes d'utilisation?
* tests utilisateur à distance, en laboratoire, in situ : lesquels choisir?
* tester auprès de différents profils (âges variés jeunes/aînés, compétences variées en navigation Web; professionnels/grand public, client/citoyen, employés/employeurs/partenaires; accessibilité).
L'objectif principal de cette présentation est de démystifier le rôle des tests d’utilisabilité et des tests de l’expérience utilisateur, de sensibiliser à cette méthode dans le cycle de développement, afin de (mieux) les utiliser pour évaluer votre site Web (ou autre produit interactif – téléphone intelligent par exemple) auprès des utilisateurs, en cours de design et après la mise en ligne. Après avoir validé votre produit ou prototype «dans le monde réel», vous êtes en mesure de faire des ajustements basés sur des données réelles d’usage, en combinaison avec d’autres outils de captation des données utilisateur (analytique Web, sondages en ligne), en vue de l'améliorer et de l’optimiser. Le but ultime étant d’offrir aux clients/utilisateurs finaux une expérience utile, efficace et agréable dans un espace interactif convivial répondant à ses besoins, au moment et par le canal de son choix.
À l’aide d’exemples concrets, Nathalie Berger présente pourquoi, quand et comment utiliser les tests d’utilisabilité et les tests de l’expérience utilisateur.
Présentation sur les prises de consciences nécessaires avant d'entreprendre une démarche orientée valeur. C'est le support de présentation utilisée le 6 juin à Agile Bordeaux.
Découvrez les méthodes utilisées pour concevoir une interface qui procure une bonne expérience utilisateur. Vous verrez l'ensemble des étapes d'un projet UX avec un aperçu des notions fondamentales du design.
Similaire à UX & Accessibilité : les clés pour réussir (20)
Webinaire gratuit donné pour Webassoc, le 15 décembre 2020.
Écoconception numérique, sobriété numérique, low-tech, bonnes pratiques du web, inclusive, accessibilité, green IT, IT 4 green, green UX : de nombreux termes concernant l'impact du numérique sont utilisés.
La visioconférence en donne le contour, le contexte et les enjeux afin de mieux comprendre ces termes pour un Numérique Responsable, c'est-à-dire au service du développement durable (3 piliers : économique, sociétal, écologique).
Dans le cadre des "matinées pour comprendre" à Linagora le 09 novembre 2017, un atelier d'idéation et de co-conception "Construisons ensemble le chatbot bancaire de demain !" a été mené avec des participants issus de BNP Paribas, Société Générale, Crédit du Nord et Crédit Agricole.
L'idée était de partager entre acteurs su secteur bancaire des idées en se mettant à la place du client d'une banque en adoptant son point de vue afin de comprendre (et d'anticiper) son point de vue, ses attentes, ses envies, ses usages.
Une mine d'information UX et business est ressortie des participants !
ChatBots et intelligence artificielle arrivent dans les banquesChristophe Clouzeau
ChatBots et intelligence artificielle arrivent dans les banques. Y êtes-vous préparé(e) ?
#chatbots #assistantpersonnel #intelligenceartificielle #LINAGORA
Le Green IT : facteur incontournable pour laver plus vert le web responsableChristophe Clouzeau
Conférence à ParisWeb 2017
Un « web responsable » passe par la connaissance de son impact environnemental. Le secteur numérique n'est pas écolo : il est devenu le 3e territoire le plus consommateur d'électricité derrière la Chine et les Etats-Unis. Il est aussi émetteur de gaz à effet de serre, a un fort impact en eau et en utilisation des ressources. Les médias pointent du doigt la responsabilité des GAFAM et de leurs datacenters, mais qu'en est-il des concepteurs et des utilisateurs ?
Depuis 2011 je m'intéresse au sujet du Green IT et du IT4Green afin de sensibiliser le grand public. Je propose de faire un point sur :
- l'impact globalisé du numérique,
- l'évolution des chiffres constatés et la prise de conscience des grands acteurs du web qui se sont engagés, depuis, dans une démarche les amenant aux 100% d'énergies vertes,
- les bonnes pratiques qui se dessinent et celles concrètes dès aujourd'hui permettant de réduire collectivement les impacts.
Utiliser l’UX en avant-vente
"Comment utiliser l’UX en tant qu’outil d’avant-vente ?" : Sébastien Tanguy (TestApic) et Christophe Clouzeau (Neoma-Interactive) démontrent que la démarche UX permet de convaincre un prospect et d’engager une signature en orientant positivement le futur projet.
Oublier les utilisateurs finaux dès l’étape de conception en avant-vente est non seulement une aberration mais aussi source de non-signature. À l’inverse, à travers différents exemples exposés, en tenir compte augmente les chances de persuasion et de réussite !
Un nouveau rapport entre l'acheteur et le vendeur qui inclut l'utilisateur dans la co-décision du projet numérique.
https://twitter.com/sebtanguy
https://twitter.com/Christophe_Cl
Le webdéveloppement durable : GreenIT à toutes les sauces
UX & Accessibilité : les clés pour réussir
1. 1
Linagora AgenceNeoma
Tenir compte de tous ses utilisateurs
pour optimiser son business
M
atinée
pour com
prendre
UX & Accessibilité
Les clés pour réussir
28 avril 2016
25. 25
Objectif :
S’adresser au cerveau fainéant
(car il l’est déjà)
-> l’instinct machinal des internautes
(et leurs attentes + usages)
EST la base de la réflexion
30. 30
Accessibilité numérique
Permettre à toute personne,
qu’elle que soit sa déficience,
d’accéder au contenu et au service proposé.
Cible : 15% des internautes dans le monde
31. 31
Accessibilité numérique
1999 - Monde
W3C émet les recommandations d’accessibilité web (WCAG)
Loi 11 février 2005 en France
« Pour l'égalité des droits et des chances, la participation et
la citoyenneté des personnes handicapées »
2009 – France (décret)
Application obligatoire du RGAA pour les sites web publics
(Référentiel Général d’Accessibilité pour les Administrations)
Aujourd’hui : RGAA v3.0
33. 33
Accessibilité numérique -> pour tous
Nous avons tous besoin d’accessibilité :
• en tant que personnes valides : pour travailler dans un
train, en extérieur durant une journée ensoleillée, etc. ;
• en situation temporaire d’invalidité (bras cassé, etc.) ;
• en situation de handicap.
Pour les moteurs de recherche aussi.
41. 41
Placer l’humain
• Considérer l’homme dans le rapport homme-machine
-> lorsque cela ne fonctionne pas du côté des utilisateurs,
c’est parce qu’il y a un écart important entre
la vision du concepteur et celle de l’utilisateur final
• Conception centrée utilisateur
UX-design, UX-conception, UX-ergonomie
-> se mettre constamment dans la peau de votre internaute
46. 46
Utilisabilité
• Un projet interactif réussi est un projet :
– utile
– utilisable
– utilisé
Répondre à un besoin : l’internaute vient pour une raison
ou pour quelque chose
Faciliter la satisfaction du besoin : l’internaute reste et trouve
ce qu’il veut le plus aisément que possible
Prolonger la satisfaction du besoin : l’internaute revient
car il trouve son bonheur
47. 47
Exemple : Leader Vs. Challenger
Comment CapitainTrain triple ses ventes chaque année ?
En misant sur l’expérience client.
http://lareclame.fr/124974-parole-annonceur-capitaine-train-florent-darrault
48. 48
Les théories
Les théories de Gestalt
La loi de Fitts La loi de Hick
Le nombre de Miller
- la loi de proximité
(macro/micro)
- la loi de similarité
(taille, forme, couleurs)
- Une cible est d’autant plus facile
et rapide à atteindre
qu’elle est proche et grande
- mémoire de travail :
Au-delà de 7 éléments, dans notre
tête cela s’embrouille (+/- 2)
- Le temps nécessaire pour se décider
croit proportionnellement au
nombre et à la complexité des
options proposées.
58. 58
Gestalt : loi de similarité - menu
Chacun des éléments suggère la même fonction d’achat :
- la typographie,
- la couleur,
- le design de même nature
62. 62
Gestalt : loi de continuité
Principe addictif : la suite d’éléments affichés nous invite à
continuer le déroulement des prochaines images.
BONUS
69. 69
Le concept d’affordance
• Capacité d’un objet ou d’une caractéristique à suggérer son
utilisation
• Sur les écrans, l’apparence d’un objet suggère immédiatement
ses possibilités d’action
– Forme
– Couleur
– Libellé
– Localisation dans l’interface
– Adjonction d’éléments indices
– Comportement : NON
74. 74
Nom de la personne
Cette personne est l’auteur d’un ouvrage mondialement
connu que vous devez absolument avoir parmi vos livres
de chevet. Elle…
En savoir +
Zone cliquable
Vous pouvez interagir avec moi
75. 75
Vous pouvez interagir avec moi
L’information ne doit jamais être véhiculée par la couleur seule.
80. 80
Les internautes scrollent !
• 91% des internautes scrollent (scoop 1)
• Parfois jusqu’en bas des pages ! (scoop 2)
Étude ClickTale, 2006
81. 81
-> Définir la zone chaude, le fold :
zone supérieure d’affichage visible selon une résolution donnée
ex. 1024x768 -> barre à 570 pixels
-> Prévoir une hauteur
maximale de page
à raison de 3 scrolls
Les internautes scrollent !
88. 88
Action = réaction
• L’interface doit répondre à chaque action de l’utilisateur
– ex. du « panier » en e-commerce
89. 89
Feedback et dialogue
• L’interface doit expliquer clairement ce qui est attendu
de l’utilisateur
– ex. des messages d’alertes
• Donner de l’information ponctuellement
au bon moment
90. 90
L’internaute arrive avec ses acquis (...)
Convention
Lorsque 50 à 79% des sites utilisent le même principe
(après : standard)
– Convention de localisation des éléments
– Convention de vocabulaire
– Convention de présentation
– Convention d’interaction
91. 91
(...) et il peut apprendre
• Capitaliser sur l’apprentissage de l’internaute
• L’accompagner dans sa prise en main
92. 92
Gérez les erreurs
• L’utilisateur se trompe TOUJOURS
– Prévoir qu’il se trompe, annule, retourne en arrière, revient
95. 95
Aux bons mots, le succès
• Le vocabulaire doit être compréhensible
– Les bons libellés
– Orientés utilisateurs
Effectuer une requête
Trier par
Éditer
Rechercher
Afficher par
Modifier
96. 96
Ayez un bon caractère
• Polices sans-serif
de préférence dans le texte courant
Lisibilité
Dyslexie
97. 97
Ayez un bon caractère
Un texte écrit en minuscules, ferré à gauche et bien interligné est plus
lisible qu’en majuscules, mais il est toujours possible d’écrire les libellés de
bouton en majuscules si on les souhaite impactants.
UN TEXTE ECRIT EN MINUSCULES, FERRE A GAUCHE ET BIEN INTERLIGNE EST
PLUS LISIBLE QU’EN MAJUSCULES, MAIS IL EST TOUJOURS POSSIBLE D’ECRIRE
LES LIBELLES DE BOUTON EN MAJUSCULES SI ON LES SOUHAITE
IMPACTANTS.
Lisibilité
Dyslexie
102. 102
Liens
• Les liens doivent être explicites.
• Les libellés sont compréhensibles hors du contexte de la page web.
103. 103
Images et Liens
<a href="" title="Cliquer pour réserver">
Je réserve</a>
<img href="" alt="Logo Air France">
104. 104
Formulaires : utilisez les labels
• Un élément de formulaire doit toujours comporter un label
(étiquette)
<label for="login">Identifiant</label>
<input id="login" name="login" type="text" value="">
L’attribut for du label pointe
vers l’attribut id du champ texte.
Si vous ne pouvez pas mettre de label, les WCAG permettent l’usage de l’attribut
title sur l’élément de formulaire concerné.
Identifiant <input type="text" name="login" title="Votre identifiant">
105. 105
Formulaires HTML5
<input> dispose de nouveaux types qui précisent la donnée
qui sera stockée dans la variable.
• nombre entier (type="number"),
• email (type="email"),
• URL (type="url"),
• date (type="date"),
• mois (type="month"),
• semaine (type="week"),
• date/heure (type="datetime"),
• heure (type="time"),
• plage de valeurs (type="range"),
• téléphone (type="tel"),
• couleur (type="color")
107. 107
Formulaires : améliorez
Nom *
Prénom *
Sujet
Date de réservation *
Commentaire
* Tous les champs sont obligatoires
VALIDERANNULER
À VOUS
108. 108
/ /
Formulaires
Nom *
Prénom *
Sujet
Date de réservation *
Commentaire
NOM
JJ
Tous les champs avec * sont obligatoires
VALIDERX Annuler
MM AAAA
Super !
Sujet
Format JJ/MM/AAAA
Les balises HTML ne
sont pas autorisées.
109. 109
Navigation
Véritables repères d’orientation
• Menu toujours présent, à la même place
• Fil d’ariane
• Code couleur + pictos
• Intitulés uniques
• Accès rapides : ex. par typologie utilisateurs
• Liens d’évitement : ex. http://www.gouvernement.fr/
115. 115
Faîtes des tests utilisateurs
Focus Group Test utilisateurs
– Méthode collective
– Approche marketing
– Intérêt pour les avis
subjectifs des internautes,
leurs opinions
– Méthode individuelle
– Approche UX/ergo
– Observation des
comportements réels de
navigation pour recueillir
des données objectives
VS.
« Pas besoin de test utilisateurs, nous avons déjà fait plein de réunions ! »
X
116. 116
Écouter la cible, ses envies
+200%
de conversion
7 vs 21 clics
+150%
de compréhension
10 vs 25 perception message
135. 135
Ergonomie web. Pour des sites web efficaces, Amélie Boucher, Editions Eyrolles,
Collection Accès libre, 356 pages, 2011
The Design of Everyday Things, Donald A. Norman, 257 pages, Basic Books, 2002
Consultable en ligne :
http://www.trilemon.com/wp-content/uploads/2012/04/The-Design-of-Everyday-Things-Revised-and-
Expanded-Edition.pdf
+ 2 conférences :
https://www.youtube.com/watch?v=l9qrlan611I
http://www.ted.com/talks/don_norman_on_design_and_emotion
Design d'expérience utilisateur. Principes et méthodes UX, Sylvie Daumal, Editions Eyrolles,
Collection Design web, 208 pages, 2012
Les blogs et sites à connaître :
http://blocnotes.iergo.fr/
https://uxmag.com/
http://uxmind.eu/
Références et bibliographie UX
136. 136
OPQUAST – Les bonnes pratiques par et pour les pros du Web
http://opquast.com/fr/
Opquast est un écosystème qui regroupe des bonnes pratiques, des outils et des professionnel
pour améliorer la qualité des sites web et l'expérience
RGAA - Référentiel général d'accessibilité pour les administrations http://references.modernisation.gouv.
fr/introduction-au-rgaa-0
Le référentiel général d'accessibilité pour les administrations (RGAA) offre une traduction opérationnelle des
critères d’accessibilité issus des règles internationales ainsi qu'une méthodologie pour vérifier la conformité
ces critères.
Références en accessibilité