SlideShare une entreprise Scribd logo
1  sur  1
Télécharger pour lire hors ligne
Adresse
Cap Adresse est spécialisée dans la gestion des données clients et l’enrichissement de base de données.
Pour plus d’informations sur les bonnes pratiques pour constituer vos formulaires web et améliorer l’expérience utilisateur,
contactez-notre équipe par téléphone au 01.84.17.99.99 ou par mail contact@capadresse.com
Crédits images : freepik.com
ɨ
ɨ
ɨ
Installer des modules
d’auto complétion :
pour déduire et
compléter
automatiquement les
informations
8
Réduire le nombre de
champs et adapter la
longueur en fonction
du contenu attendu.
Eviter de demander
deux fois la même
information
7
Eviter les listes
déroulantes :
Privilégier des champs
à remplir avec
assistance et
quelques boutons
radios pour des
données bien
spécifiques
4
Une seule colonne :
Sauf pour les champs :
Nom / Prénom ou
CP / Ville qui peuvent
être placés sur la
même ligne
2
Design épuré :
Eviter les fonds de
couleurs et artifices
inutiles
1
Validation à la volée :
En cas d’erreur, il faut
l’indiquer en temps
réel et proposer des
solutions pour la corriger
10
Insérer des textes d’aide
et des placeholders :
pour faire comprendre
à l’internaute ce qu’on
attend réellement de lui
9
Mettre en évidence
les champs
obligatoires par des
astérisques
6
Rendre visible les
boutons d’actions
(exemple : Valider)
5
Alignement :
Si l’espace vertical le
permet, il est
préférable de placer
le nom du champ au-
dessus de celui-ci.
3
ROULEZ AU PAS 150 m
400 px
800 px
70%
* *******
*
*** **
***
*
*
*
* **
***
*
* *
***
***
*
*
***
*********
*
VALIDER
Inscription
Panier
ALIGNEMENT
Des abandons
de formulaire ?
C’est par ici !
LES BONNES PRATIQUES POUR
CONSTITUER VOS FORMULAIRES WEB

Contenu connexe

En vedette

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

En vedette (20)

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 

Infographie : Les bonnes pratiques pour constituer vos formulaires web

  • 1. Adresse Cap Adresse est spécialisée dans la gestion des données clients et l’enrichissement de base de données. Pour plus d’informations sur les bonnes pratiques pour constituer vos formulaires web et améliorer l’expérience utilisateur, contactez-notre équipe par téléphone au 01.84.17.99.99 ou par mail contact@capadresse.com Crédits images : freepik.com ɨ ɨ ɨ Installer des modules d’auto complétion : pour déduire et compléter automatiquement les informations 8 Réduire le nombre de champs et adapter la longueur en fonction du contenu attendu. Eviter de demander deux fois la même information 7 Eviter les listes déroulantes : Privilégier des champs à remplir avec assistance et quelques boutons radios pour des données bien spécifiques 4 Une seule colonne : Sauf pour les champs : Nom / Prénom ou CP / Ville qui peuvent être placés sur la même ligne 2 Design épuré : Eviter les fonds de couleurs et artifices inutiles 1 Validation à la volée : En cas d’erreur, il faut l’indiquer en temps réel et proposer des solutions pour la corriger 10 Insérer des textes d’aide et des placeholders : pour faire comprendre à l’internaute ce qu’on attend réellement de lui 9 Mettre en évidence les champs obligatoires par des astérisques 6 Rendre visible les boutons d’actions (exemple : Valider) 5 Alignement : Si l’espace vertical le permet, il est préférable de placer le nom du champ au- dessus de celui-ci. 3 ROULEZ AU PAS 150 m 400 px 800 px 70% * ******* * *** ** *** * * * * ** *** * * * *** *** * * *** ********* * VALIDER Inscription Panier ALIGNEMENT Des abandons de formulaire ? C’est par ici ! LES BONNES PRATIQUES POUR CONSTITUER VOS FORMULAIRES WEB