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