Competitic ergonomie et design site internet - numerique en entreprise

Jeudi 27 février 2014
Le design et l'ergonomie comme facteurs
clés de succès d'un site internet

Cette action s’insère dans le dispositif régional
Son objectif est de développer la compétitivité des entreprises
par un meilleur usage des Technologies de l’Information
et de la Communication
www.lenumeriquepourmonentreprise.com

Ergonomie, de quoi parle-t-on?
Ergonomie des sites Internet
Définition
Sens général :
“ Étude scientifique de la relation entre l'homme et la
machine. ”
Appliquée au web :
“ Capacité à répondre efficacement aux attentes des
internautes et à leur fournir un confort de navigation. ”

Laure POURCIN
Développement d’affaire sur Internet
06 12 47 46 92
lpourcin@wsidee.com
Agence Provence Alpes Côte d’Azur
Site web : www.wsidee.com

1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS D’UN
SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WEB AUX
TABLETTES ET SMART PHONES ?
3. COMMENT FACILITER L’ACCÈS AUX
INFORMATIONS ?
4. QUESTIONS / RÉPONSES
Comment optimiser votre site web?

Le site web s’inscrit dans votre stratégie de développement
Introduction

Le prérequis : une réflexion stratégique
Introduction
1- Quel est
l’environnement de
mon entreprise sur
Internet?
2- Quels sont mes
objectifs en ligne?
3- Quelles sont mes cibles ?
4- Quels sont leurs besoins?
5 Comment faire la différence ?
Et… comment mesurer le
résultat?
6- Comment valoriser leur visite sur mon
site ?

Le site est votre principal point de présence sur le web, mais
ce n’est pas le seul :
Introduction
 Des listings dans des annuaires
 Des pages sur les réseaux sociaux
 Des chaînes vidéos
 Des annonces publicitaires
 Des commentaires clients sur des sites
de consommateurs ou sur les réseaux
sociaux
 Etc …

Introduction : Le site web est la fondation de votre développement en ligne

1. QU’EST-CE QUI DÉTERMINE L’EXPÉRIENCE,
BONNE OU MAUVAISE, DES VISITEURS
D’UN SITE WEB ?
2. COMMENT ADAPTER VOTRE SITE WEB AUX
TABLETTES ET SMART PHONES ?
3. COMMENT FACILITER L’ACCÈS AUX
INFORMATIONS ?
4. QUESTIONS / RÉPONSES
Comment optimiser votre site web?

Première impression : l’apparence du site
Expérience utilisateur – 1ière
étape
La vitesse d’affichage
Le design
La lisibilité
La clarté du message

Deuxième étape : la recherche d’information
Expérience utilisateur - 2e
étape
Structure du catalogue
Fonction de recherche
Nombre de clicks pour accéder à l’information
Page produit/service

Avant de prendre une décision, je vérifie
Expérience utilisateur – 3e
étape
L’identité du vendeur, les mentions légales
Les avis clients
Les conditions commerciales
Les conditions de paiement

Lors d’une revisite, je retrouve :
Expérience utilisateur – Revisite
Mon panier
Ma sélection
Mes préférences
Des propositions relatives à mes achats passés
Cela permet de poursuivre le processus d’information ou d’achat, en
gagnant du temps.

Fin 2013, les mobiles (smartphones et tablettes) dépasseront
les ordinateurs fixes pour l’accès à l’internet.
Adaptation aux terminaux mobiles
Selon l’INSEE, près de 40%
des français ont utilisé
l’internet mobile en 2012,
chiffre en forte croissance.
C’est 75% des 15-29 ans.

Pour être ergonomique depuis les mobiles, un site doit être
conçu pour une grande variété de formats
Le ‘responsive design’ répond à ce besoin.

Le responsive design permet de n’avoir qu’un seul site, dont
l’apparence s’adapte au terminal utilisé pour le visiter
 Le même contenu est visible depuis tous les terminaux, ce
qui facilite la publication et les mises à jour
 La présentation de ce contenu est optimisée pour chaque
type d’appareil ciblé
 Les photos et vidéos volumineuses sont allégées ou
supprimées dans la présentation sur les mobiles
 On doit toujours optimiser la conception du site pour
chaque type de terminal en fonction des usages

Conception optimisée pour les smartphones
 Un chargement rapide (2-5
sec. maximum)
 Un menu simple
 Une taille de caractères
suffisante pour lire sur petit
écran et cliquer avec un doigt
 Un bouton d’appel
 Une image ou une vidéo, de
faible résolution
 Quelques actions simples et
claires (contact, liens)

Exemple du site élu meilleur site mobile de l’année 2012 :
Le site mobile de Lafourchette
Le jury a notamment apprécié:
-l'expérience de consultation
rapide
-le système de réservation
simplifié et accessible en
quelques clics,
-l’utilisation pertinente et efficace
des outils de géo-localisation
-le recours à des dispositifs de
promotion pour accélérer la
transformation instantanée.
Source : Google

Exemple de site construit en responsive design
Apparence sur un écran de PC
Apparence sur une tablette
Apparence sur smartphone
Site conçu et réalisé par WSI Digital Marketing à Montpellier

Exemple où les sites Internet et mobiles se complètent:
Site web : toute l’information
Une adresse url unique www.les3poussins.com
Sites réalisés par WSI Digital Marketing à Rueil-Malmaison www.wsiexpertweb.fr
Site mobile : l’essentiel en situation de mobilité

Pourquoi faut-il avoir un site Internet optimisé pour les
terminaux mobiles?
 Les prospects et les clients vont déjà sur le site web via
leur mobile (données Google Analytics)
 S’ils ont une mauvaise expérience de visualisation de votre
site sur un mobile, la plupart n’y reviendront pas
 Ils utilisent leur terminal mobile lorsqu’ils ont un besoin
urgent
 La plupart des transactions de site Web sont facilement
transposables sur un site mobile

Quels sont les avantages à avoir un site Internet optimisé
pour les terminaux mobiles?
 Atteindre une audience plus large
 Accueillir du trafic supplémentaire généré par des
campagnes marketing mobile
SMS
QR Codes
Référencement
Réseaux sociaux mobiles
 Accroître le nombre de conversions pour l’entreprise

Structure simple et accès facile au catalogue
Accès aux informations
Site conçu et réalisé par WSI Digital Agency à Paris

Accès au catalogue par préoccupation
Accès aux informations - exemple

Accès au catalogue par usage

Accès au catalogue par produit

Fonction de recherche interne sur le site

Et aussi des rubriques spécifiques de saison, des rubriques
produits stars, en promotion ou en sélection :
Pour les offres répondant à une demande saisonnière.
…

Pouvoir obtenir des informations supplémentaires, par d’autres points de
contact.

Etre visible sur Google pour les bons termes de recherche – le référencement
Votre recherche
Référencement
naturel
Référencement
Payant
(G. Adwords)
Référencemen
t
local

Etre visible sur Google pour les bons termes de recherche – le référencement
Stratégie de mots clés :

Usez de la Vidéo et référencez la...

Optimiser les pages d’atterrissage
Convertir les visiteurs en clients potentiels
 Voir la vidéo :

Les ‘trucs’ pour optimiser son site web en 2014
Ergonomie des sites web
En conclusion
 Penser expérience client avant tout :
Qui sont-ils et que cherchent-ils ? Comment leur
simplifier la vie?
Attention au service rendu en mobilité
Faciliter le dialogue entre et avec ses clients
 Penser business – comment le site va-t-il contribuer à mes
objectifs et quelles conversion viser ?
Quelles informations sont nécessaires pour y parvenir?
 Tester et s’améliorer

Les ‘must’ pour optimiser son site web en 2014
Ergonomie des sites web
En conclusion
 Design adapté aux terminaux mobiles ‘responsive’
 Optimisation pour le référencement
 Navigation aisée et informations complètes : commerciales,
légales, sécurité des paiements, etc.
 Liens de partage avec les réseaux sociaux
 Privilégier les visuels : photos, infographies, vidéos
 Messages clairs et conversions simples
 Suivi analytique du trafic et des conversions

Continuons à échanger …
: twitter.com/competitic
: communauté competitic
: lenumeriquepourmonentreprise.com

41
Nous contacter
Agence Provence-Alpes-Côte d’Azur
Site web : www.wsidee.com
Laure POURCIN
06 12 47 46 92
lpourcin@wsidee.com

Competitic ergonomie et design site internet - numerique en entreprise

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Andere mochten auch

Andere mochten auch (8)

Ähnlich wie Competitic ergonomie et design site internet - numerique en entreprise

Ähnlich wie Competitic ergonomie et design site internet - numerique en entreprise (20)

Mehr von COMPETITIC

Mehr von COMPETITIC (20)

Competitic ergonomie et design site internet - numerique en entreprise