Gagnez en productivité en faisant travailler vos utilisateurs pour vous !
Assistez la saisie de vos formulaires internet grâce à nos 20 conseils d’expert.
Gagnez en productivité en faisant travailler vos utilisateurs pour vous !
Assistez la saisie de vos formulaires internet grâce à nos 20 conseils d’expert.
Assistez la saisie de vos formulaires internet grâce à nos 20 conseils d’expert.
Assistez la saisie de vos formulaires internet grâce à nos 20 conseils d’expert.
J'optimise mon formulaire
1
Qui sait mieux que vous renseigner votre formulaire que votre cible !
Il est donc primordial de lui faciliter la tâche afin de collecter des données de qualité et ainsi réduire vos coûts de traitement !
1.1 – Coche de « validation »
Une coche de validation de champs est un indicateur visuel qui a la sortie d’un champs teste la donnée saisie et indique à l’utilisateur s’il a bien ou mal remplit le champ.
Pour les champs validés, une croix ou cadre vert autour du champ
Pour les champs mal renseignés, une croix ou cadre rouge autour du champ
1.2 – « Étoile » champ obligatoire
Le plus connu des indicateurs de formulaire est l’étoile « champs obligatoire » cela indique à l’utilisateur qu’il ne pourra valider le formulaire qu’après avoir renseigné ce champ.
À la validation du formulaire, une bulle d’aide apparaît et précise la liste des champs obligatoires non renseignés pour guider l’utilisateur.
Astuce : si votre formulaire contient plus de champs obligatoires que de champs non obligatoires indiquez en haut du formulaire que tous les champs sont obligatoires sauf ceux précisez par le libellé « Facultatif »
1.3 – Le Placeholder
Un placeholder est un exemple, une indication présente dans le champ de saisi lui-même.
Généralement en italique, grisé, le placeholder disparaît dès qu’on commence à saisir du texte dans le champ
Code HTML5 :
<input type= »text » placeholder= »présent sur votre carte d’identité »>
1.4 – Bulle d’aide
Essentiel lors de la compréhension de données complexes et/ou technique, la bulle d’aide permet de préciser de manière explicite et NON invasive, le type d’information demandée.
Elle peut contenir :
- Un texte explicatif
- Un exemple
- Un visuel
- Un lien vers une ressource externe
1.5 – Tel/Mobile
Les numéros de téléphone sont des données importantes à usages multiples
- Appelle "commerciale", support "client"
- impression sur support papier
- publication sur internet
- notification sur mobile
- Élément de liste
Ajouter en face de chaque champ « téléphone », un champ « Indicatif » pays qui permettra en fonction du pays sélectionné, appliquer le bon format au numéro.
Astuce : L’indicatif pays peut être choisit par défaut si l’utilisateur a choisi auparavant une adresse « postale »
1.6 – Email
Les emails sont des données importantes à usages multiples
- relation client
- Identification de compte
- impression sur support papier
- publication sur internet
- Signature électronique
Il est donc important qu’ils soient correctement formatés à l’aide d’une @ est d’une extension commençant par un « . »
Astuce : REGEX
1.7 – Adresse
L’adresse postale permet de localiser géographiquement un contact, une entreprise et de proposer ainsi des services ou des tarifs adaptés.
Il existe 2 types d’adresse postale.
Type N°1 : L’adresse géographique des particuliers :
Ligne 1 : Civilité / Titre ou Qualité Prénom / Nom
Ligne 2 : N° appartement ou BAL / étage / Couloir / Escalier
Ligne 3 : Entrée / bâtiment / Immeuble résidence
Ligne 4 : N° et libellé de la voie
Ligne 5 : Lieu-dit ou service particulier de distribution
Ligne 6 : Code postal et Localisation de destination OU Code Cedex et Libellé Cédex
Ligne 7 : Pays
La ligne 1 permet d’identifier le destinataire, la ligne 2 le point de remise.
La ligne 2 correspond à tout ce qui est situé à l’intérieur d’un bâtiment, la ligne 3 tout ce qui est à l’extérieur.
Type N°2 : L’adresse géographique des entreprises :
Ligne 1 : Raison sociale ou Dénomination
Ligne 2 : Identité du destinataire et/ou Service
Ligne 3 : Entrée / bâtiment / Immeuble / Résidence / Zone Industriel
Ligne 4 : N° et libellé de la voie
Ligne 5 : Mention spéciale et Commune géographique (si différent de celle indiquée en ligne 6)
Ligne 6 : Code postal et Localisation de destination OU Code Cedex et Libellé Cédex
Ligne 7 : Pays
Astuce : Il est possible d’assister l’utilisateur dans la saisie de son adresse grâce à l’API Google Map.
Après saisie de quelques caractères et d’un code postal, l’API renvoie une liste d’adresses google valide. Il sélectionne l’adresse de son choix et les champs sont automatiquement renseignés.
Test LIVE Google MAP
1.8 – Pré remplissage
Saisir un formulaire représente un effort, un travail pour votre utilisateur. Vous pouvez lui faciliter la vie en lui proposant de le préremplir en automatique !
A partir de LinkedIn :
1er réseau professionnel mondial, les données du profil utilisateur LinkedIn sont de très bonne qualité. En haut du formulaire, proposer à votre utilisateur préremplissait les données PROFIL et ENTREPRISE de votre formulaire à l’aide de ses données LinkedIn en saisissant ses identifiants.
Champs PROFIL :
https://docs.microsoft.com/en-us/linkedin/shared/references/fields/basic-profile
- Civilité
- Nom, prénom
- Fonction
- Url de la photo
- Expertise
- ...
A partir de votre système d’information :
Pour les utilisateurs existants, votre base de données contient déjà des informations précieuses.
Après identification de l’internaute par login et mot de passe ou par l’envoi d’un code par SMS, par courriel, vous pouvez préremplir le formulaire des données disponibles.
L’utilisateur n’aura plus qu’à valider, corriger ou bien compléter les données manquantes
1.9 – Réseau social
Twitter, Facebook, YouTube, LinkedIn, etc le nouvel eldorado !
En collectant, les URLS des réseaux sociaux de vos interlocuteurs, vous pouvez mettre en place des stratégies automatisées
pour :
- Identifier leur actualité et leur proposer des services, produits
- Valider les informations collecter
- Communiquer avec eux
- Identifier leur actualité et leur proposer des services, produits
- Valider les informations collecter
- Communiquer avec eux
Il est donc important qu’elles soient correctement formatées en fonction du réseau social et du type d’URL
Astuce : Appeler l’API du réseau pour valider sa validité
1.10 – Reconnaissance auto
1.11 – OCR
Imaginez, l’utilisateur charge en PDF ou prend sa carte d’identité en photo grâce à la reconnaissance optique de caractères le formulaire est prérempli
Un vrai gain de temps !
1.12 – Référentiels
Ex : liste catégorie, liste pays, Liste civilité
Souvent présenter dans des menus déroulant / liste à choix uniques où multiples les référentiels permettent :
- De faire gagner du temps à l'utilisateur
- De s'assurer de la qualité de la donnée
Il est donc important de les tenir à jour
Nos conseils :
- Mettez en haut de liste le top 3 des données les plus sélectionnées
- Personnalisez le top 3 des valeurs saisies précédemment par l'utilisateur
- Pour les longues listes, proposez un moteur de recherche avec auto-complétions
1.13 – Auto – Complétions
Derrière ce terme technique ce cache une fonctionnalité que vous utilisez tous les jours sur Google
Vous saisissez les 3 premiers caractères de votre recherche et une liste apparaît avec les meilleures propositions
Conseils :
- À utiliser dans la recherche de référentiels
- Ne déclencher la recherche qu’après saisie du 3ème caractère
1.14 – Test doublon live
1.15 – Signature électronique
Je valide les données en automatique
2
2.1 – Valider un email
L’email est une donnée importante !
En plus d’être un canal de communication évident, il est utilisé comme :
- Identifiant dans de nombreux systèmes
- Clé de dédoublonnage
Il est donc primordial de le valider !
Solution N1 : Validation d’un code de contrôle
A la soumission du formulaire, l’internaute reçoit un code ou un lien d’activation
Solution N2 : Service de validation SMTP externe
A la saisi de l’email, un appelle caché est fait à un service externe qui valide de l’existence de la boîte email
2.2 – Valider un numéro de mobile
Le numéro de portable est une donnée privilégiée !
Comme l’email, c’est un canal de communication stratégique qui en plus peut être utilisé comme :
- Service de notification
- identifiant
- Clé de dédoublonnage
- Outil de signature électronique
Le mobile peut être validé par l’envoi d’un code ou un lien d’activation par SMS
2.3 – Profil LinkedIn
LinkedIn est le 1er réseau social B2B mondial. Les données des profils utilisateurs sont généralement à jour car elle représente la carte de visite de l’utilisateur
2.4 – Computer vision
J'améliore les données existantes
3
3.1 – Identifier les doublons CSV
3.2 – Redresser les adresses
3.3 – Tester la validité d’un email/tel
3.4 – Je nettoie mes référentiels
Hello, nous sommes
les Cookies !
Nous avons été préparés pour rendre votre voyage des plus agréables …
Faites confiance à notre recette !
