le ux ui et l’optimisation seo sem -...
TRANSCRIPT
102/08/2018
LE UX | UIET L’OPTIMISATION
SEO | SEM
Présenté par | Frédéric Meschino
02/08/2018 2
DÉFINITION
UX
FREDBLUE | UX-UI
Le UX désigne l’expérience utilisateur (User Experience). Le designer UX est la personne qui est responsable à partir des objectifs établis par le client de trouver l’équilibre entre ces objectifs et les besoins des utilisateurs. Ceci peut se traduire à travers la mise en place d’interfaces schématiques pour un site web, une application mobile,
UI
Le designer graphique est celui qui sera responsable de design de l’interface (User Interface). C’est lui qui est responsable de la portion la plus créative. Il participe aux discussions initiales avec le client et le designer UX afin de bien comprendre et assimiler les objectifs du client, son image de marque ainsi que les besoins de la clientèle cible.
UX Design = User Experience Design = Design de l’expérience utilisateurUI Design = User Interface Design = Design d’interface utilisateur
02/08/2018 3
ÉTAPES
UX
FREDBLUE | UX-UI
Sketchs: Une étape qui permet de rapidement d’établir une structure, de prévoir des itérations très rapides pour camper la hiérarchie des contenus et la séquence des interfaces.
Maquettes schématiques : C’est l’étape de « mettre au propre » dans un outil afin de réaliser des « wireframes » qui s’attardent à présenter la hiérarchie du contenu et les fonctionnalités sans égards à l’aspect visuel. Le client doit pouvoir se concentrer sur ces éléments de design visuel.
Prototypes: Dans l’éventualité où il désire voir si ce qu’il propose tiendra la route en regard des interactions avec l’utilisateur, un prototype sera produit dans lequel il sera possible à un utilisateur de naviguer à travers les différentes maquettes schématiques.
Tests d’utilisabilité:Tests uilisateurs avec des maquetes schémaiques et également avec un prototype .
Ces tests permetent de déceler des problémaiques à une étape qui permet des ajustements plus
rapides.
02/08/2018 4
ÉTAPES
UI
FREDBLUE | UX-UI
Le designer UI sera donc responsable de la production des maquettes visuelles qui seront ensuite utilisées par les développeurs. Le designer UI sera également responsable de la production d’un guide des styles (Style Guide) qui regroupera en détail l’ensemble des constituants visuels de ses interfaces.
L’objectif étant de répondre à un besoin et/ou une attente d’une cible définie en amont, on dénombre
notamment trois étapes de travail :
• la définition de la cible (les personas) ;• la conception du parcours utilisateur ;• l’analyse des besoins.
L’UX est un levier de satisfaction clients ! Elle permet de délivrer un message clair (grâce à une interface efficace)
IMPORTANT
02/08/2018 5
CONSTAT
Mettre en avant l’expérience utilisateur
FREDBLUE | UX-UI
1 $ investit en UX peut rapporter jusqu’à 100 $ de business généré.
Le prix de production d’un produit diminue de 25 % grâce à l’intégration de l’UX dans ses projets.
93 % des dirigeants pensent d’ailleurs que l’amélioration de l’expérience utilisateur est une priorité stratégique.
68 % des utilisateurs quittent un site en raison de leur mauvaise expérience, et 44 % des acheteurs en ligne partageront avec des amis cette mauvaise aventure.
Près de la moitié des visiteurs regardent les produits et services de l’entreprise avant même de regarder les autres sections.
44 % quittent le site s’ils n’y trouvent pas informations de contact et 61 % n’achèteront pas s’il manque des éléments tels que le support client live (34 %) ou des témoignages (20 %.)
02/08/2018 6
Proposer des commentaires uiles à vos
clients, l’avis est un ouil important dans le
secteur du e-commerce.
De plus, l’aichage des avis clients permet
d’améliorer le référencement naturel car
qui dit avis clients, dit enrichissement du
contenu des pages produits.
l’avis de vos clients est un levier markeing
terriblement eicace.
SIMPLIFICATION | Processus d’achat
Booster les ventes de votre e-commerce
FREDBLUE | UX-UI
02/08/2018 7
SIMPLIFICATION | Processus d’achat
FREDBLUE | UX-UI
Proposez donc des codes promos en page
d’accueil pour que vos visiteurs restent sur
votre site web.
Mettre en valeur les promotions avec des codes promo.
Cette technique de web marketing de base qui permet une meilleure rétention donc une meilleure fidélisation client.
Cela pour essayer de donner envie à l’internaute de faire une commande et de mettre en valeur d’autres produits ou promotions.
02/08/2018 8
SIMPLIFICATION | Processus d’achat
FREDBLUE | UX-UI
Placer un bouton “Acheter en 1 click” qui doit simplifier le processus d’achat.
Cela accélére le processus de paiement.
Permet de gagner des étapes dans le processus
de paiement et diminue ainsi les risques
d’abandon du panier.
Simplifier le paiement donc les étapes, c’est faciliter la tâche au client.
02/08/2018 9
SIMPLIFICATION | Processus d’achat
FREDBLUE | UX-UI
Avoir une qualité d’image.
Les uilisateurs ne pouvant pas toucher le
produit ils ont besoin d’avoir une image idèle
au produit réel
02/08/2018 10
SIMPLIFICATION | Processus d’achat
FREDBLUE | UX-UI
Au niveau moteur de recherche, proposer des filtres de recherches, précis et proposer
des produits pendant la recherche.
Faire du searchandising en plus de
l’autocompléion dans votre moteur de recherche
interne.
Ce procédé consiste à présenter au visiteur une
liste de résultats et de suggesions
Faciliter cette phase de recherche de l’utilisateur.
02/08/2018 11
Optimisation || Mot clés| Architecture| Urls des pages| Rédaction de contenus – vidéos| Balise title et metadescription| Mobile| Éviter le duplicate content| Améliorer le temps de chargement| Optimiser la version mobile| Ergonomie – UX Design| User de sitemaps| Configurer les robots
Processus d’achat simplifier grâce à une bonne optmisation
SIMPLIFICATION | TENIR COMPTE DU SEO | SEM
Analyse et Veille || Veille concurrentielle| Analyse des positions| Préconisations| Veille technique
Google préconise qu’un site internet professionnel puisse s’afficher en
moins de 2 secondes.
Pour chaque seconde d’attente supplémentaire, c’est 7% de conversions en moins sur un site
e-commerce par exemple.
FREDBLUE | UX-UI | SEO-SEM
02/08/2018 12
Statistique | 91% de recherches s'arrêtent à la première page), cette étude va plus loin en constatant que près de 68% des clics se font sur les cinq premiers résultats.
Source | Google
STRATÉGIE SEO | SEM | Un enjeu stratégique
3 axes principaux d'attaque existent pour mettre en place une stratégie SEO viable || Optimisation de l'infrastructure du site |
S'assurer de la bonne présentation du site (en matière de code), du nom de domaine, etc...| Développement du contenu |
S'assurer que les pages spécifiques de votre site soient bien référencées et optimisées| Netlinking (ou Backlinking) |
Augmenter le nombre de liens externes menant vers votre site afin de mieux le référencer
Plus de 50% du trafic utilisant les moteurs de recherche serait
mobileSource | Google
Source | Comscore
FREDBLUE | UX-UI | SEO-SEM
02/08/2018 13
Écrivez longuement pour énoncer clairement
Non seulement les lecteurs digitaux aiment les contenus longs, mais Google aussi.
En effet : longueur est souvent synonyme de pertinence, et aux
yeux du moteur de recherche
STRATÉGIE SEO | SEO = Référencement
Focalisez votre référencement naturel sur la longue traîneLa longue traîne correspond à l’ensemble des requêtes très précises tapées sur Google pour
trouver l’un de vos produits ou services.
le référencement naturel (Optimisation pour les moteurs de recherche)
le référencement payant (campagne de liens sponsorisés adwords)
FREDBLUE | UX-UI | SEO-SEM
02/08/2018 14
STRATÉGIE SEO | SEO = Référencement
FREDBLUE | UX-UI | SEO-SEM