SEOCAMP Genève 2015 - Les 10 commandements UX pour retenir les utilisateurs

UX OU LES 10 COMMANDEMENTS
POUR RETENIR VOS UTILISATEURS
Relax In The Air Sàrl 2015

Business Utilisateur

Business Utilisateur
• Qu'en retire l'utilisateur pour ce qu'il vous donne?
• Quelle valeur apporte cette expérience à l’entreprise?

« Nope. UX is not only about the user.
It’s about the user, the business, the product and how
we can get the best out of everything and everyone."
MC

Le UX c’est…

1. Recherche
2. Contenus
3. Contexte
4. Conversion
5. Formulaires
6. Design
7. Tests
8. Analytics
9. Capitalisation
10. Culture & Innovation

If I asked people what they wanted,
they would have said ‘Faster Horses’.
Henry Ford

Recherche

Quantitative
Qualitative
Interviews
Call center / Service client
Médias sociaux
Observation
Récolte/Analyse statistiques
Enquêtes/Sondages
Recherche à distance
Comment?
Recherche

Output
Recherche
Données démographiques
Objectifs clés de l’utilisateur
Besoins/Envies spécifiques
Eléments à mettre en oeuvre
Objectifs avec cet utilisateur

• Stratégie utilisateur
• Workflows
• Scénarios de conversion
• Vision commune
• Demande VS utilisation
• Adaptation des contenus
Objectifs
Recherche

2. Contenus
3. Contexte
4. Conversion
5. Formulaires
6. Design
7. Tests
8. Analytics
9. Capitalisation
1. Recherche

Content precedes design. Design in the absence of
content is not design, it's decoration.
Jeffrey Zeldman

Comment?
Contenus
Eléments axés
utilisateur
Eléments axés
contenu
Structure
Définir la structure
Contenu
Identifier les objectifs,
le fond et la forme
Gouvernance
Identifier les règles
et normes
Workflow
Décrire les rôles et
les flux de travail
© Melissa Rach Content Strategy Quad

• Reflet de vos objectifs
• Reflet des besoins utilisateurs
• Clairs et utiles > superflu
• Etre cherchable et trouvable
• Adaptés au contexte
Objectifs
Contenus

3. Contexte
4. Conversion
5. Formulaires
6. Design
7. Tests
8. Analytics
9. Capitalisation
1. Recherche
2. Contenus

64%
87%
2,8

Mobile is a lot closer to TV than it is to desktop.
Mark Zuckerberg

1. EMPLACEMENT

2. ACTIVITÉ

3. CADRE SOCIAL

4. MÉDIAS

5. HUMEUR & ÉMOTIONS

• Contenu adapté
• Bon moment
• Média approprié
• Dimension émotionnelle
• Générer de la conversion
Objectifs
Contexte

4. Conversion
5. Formulaires
6. Design
7. Tests
8. Analytics
9. Capitalisation
1. Recherche
2. Contenus
3. Contexte

Our main philosophy is that we want you
to spend as little time on our site as possible
with the least amount of pain.
Steve Huffman - Hipmunk

Actions
Interactions
Logistique front
Visible par l’utilisateur
Logistique back
Invisible pour l’utilisateur
Opportunités
Take aways
Expérience
User thinking • …
• …
• …
• …
• …
• …
• …
• …
• …
• …
Etape 4Etape 3Etape 2Etape 1
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
© Relax In The Air Sàrl
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …
• …

• Identifier les obstacles
• Améliorer vos produits/services
• Comprendre vos relations aux utilisateurs
• S’adapter aux changements
• Saisir les opportunités
Objectifs
Conversion

5. Formulaires
6. Design
7. Tests
8. Analytics
9. Capitalisation
1. Recherche
2. Contenus
3. Contexte
4. Conversion

The trouble with so many of us is that
we underestimate the power of simplicity.
Robert Stuberg

Responsive
Formulaires
Nom
Acheter
Adresse
Email
Prénom
Code postal
Téléphone

Lick my finger
Formulaires
44px
44px

Touch me touch me
Formulaires
Mot de passe
Email
Acheter
Annuler ou
one@ﬁnger.com

Touch me touch me
Formulaires
Mot de passe
Email
Acheter
ou annuler
one@ﬁnger.com
Zone de sécurité
44px
Travailler pour la norme
11mm
Espace entre éléments
10px

Mot de passe
Mot de passe
Email
Labels
Formulaires
Quelle est la question?

Mot de passe
Email
Labels
Formulaires
Nom

Mot de passe
Email
Labels
Formulaires
Quelle est la question?
|

Mot de passe
Email
Labels
Formulaires
Nom
Réduire remplissage
Adapté au mobile / touch
Optimisé multi-résolutions
Meilleure accessibilité

Mot de passe
Email
Connexion / Enregistrement
Formulaires
+ 900M d’utilisateurs actifs
50% de connexions/jourConnexion
Ou connectez-vous avec

Mot de passe
Email
Inputs et attributs
Formulaires
Connexion
type=email
autocapital=OFF
Nom
type=name
autocapital=ON
type=email
autocapital=OFF

• Réduire les erreurs
• Réduire le temps de réflexion
• Réduire l’effort de compréhension
• Optimiser l’expérience
• Augmenter le taux de conversion
Objectifs
Formulaires

6. Design
1. Recherche
2. Contenus
3. Contexte
4. Conversion
5. Formulaires
7. Tests
8. Analytics
9. Capitalisation

Design can be art. Design can be aesthetics.
Design is so simple, that’s why it is so complicated.
Paul Rand

Une colonne
Design
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in volup-
tate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat, sunt in
culpa qui officia deserunt mollit anim id
est laborum.
aliqua. Duis aute irure dolor in reprehen-
derit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur.
Votre bouton d’action
Lorem ipsum dolor sit
amet, consectetur adip-
isicing elit, sed do eius-
mod tempor incididunt
ut labore et dolore
magna aliqua. Ut enim
ad minim veniam, quis
nostrud exercitation
ullamco laboris nisi ut
aliquip ex ea commodo
consequat.
Lorem ipsum dolor sit
amet, consectetur adip-
isicing elit, sed do eius-
mod tempor incididunt
ut labore et dolore
magna aliqua. Ut enim
ad minim veniam, quis
nostrud exercitation
ullamco laboris nisi ut
aliquip ex ea commodo
consequat.

Une colonne
Design
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in volup-
tate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat, sunt in
culpa qui officia deserunt mollit anim id
est laborum.
aliqua. Duis aute irure dolor in reprehen-
derit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur.

Design
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius-
mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehen-
derit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat, sunt in culpa qui officia deserunt mollit
anim id est laborum.
mod tempor incididunt ut labore et dolore magna aliqua. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.
Titre de l’article Bouton d’action
Répétition zone d’action

Répétition zone d’action
Design
Titre de l’article Bouton d’action

Contraste
Design

Consistence
Design
Bouton 2Bouton 1 Bouton 3

Labels
Design
Titre de l’article

Labels
Design
Titre de l’article
DeleteModify Duplicate

Plus grand
Design
Connexion sécurisée
Votre email
Votre mot de passe
Connexion
Veuillez vous connecter:
Mot de passe oublié?

• Invisible
• Compréhensible
• Utile
• Stratégique
• Valeur
Objectifs
Design

7. Tests
8. Analytics
9. Capitalisation
1. Recherche
2. Contenus
3. Contexte
4. Conversion
5. Formulaires
6. Design

Usability testing is the killing field of cherished notions.
David Orr

Let’s get started
Tests
Pourquoi?
Quoi?
Quand?
Comment?

Tests
Papier / Crayon
Wireframes / Prototypes
Caméra / Softwares / Ordinateur
Word
Comment?
Guerilla
Recrutement
Protocole
Utilisateurs
Matériel

• Feedback direct des publics cibles
• Régler les débats internes
• Pointer les problèmes/opportunités
• Améliorer l’expérience > conversion
• Réduire les risques
Objectifs
Tests

8. Analytics
1. Recherche
2. Contenus
3. Contexte
4. Conversion
5. Formulaires
6. Design
7. Tests
9. Capitalisation

One accurate measurement is worth more than a
thousand expert opinions.
Grace Hopper

Quoi?
Analytics
Problèmes sur le site
Interactions avec les visiteurs
Améliorations de design

Problèmes
Analytics
Bounce et Exit rate

Interactions
Analytics
Average time on page

Améliorations
Analytics
A/B testing

• Indicateurs quantitatifs / qualitatifs
• Améliorer le site et l’expérience
• Améliorer les tunnels de conversion
• Savoir sur quelles pages se concentrer
• Développer une culture des analytics
Objectifs
Analytics

9. Capitalisation
1. Recherche
2. Contenus
3. Contexte
4. Conversion
5. Formulaires
6. Design
7. Tests
8. Analytics

The information is in the people, not in your head.
Edward T. Hall

Capitalisation
vo
tre marq
ue
EXPERIENCE
EXPERIENCE
app
Site
on site
Médias
s
ocial partage
s
likes
commentaires
wOM
opportunités
opportunités
Public

Ecosystème
Capitalisation
@
business on site

Catégories
Capitalisation
Lieux
Points de contact
Processus
Personnes
Employés
Partenaires
Processus
Institution
Règles
Corporate
Social
ENVIRONN
EM
EN
T
H
U
M
AIN
ENTREPRISE

Récolte et triage
Capitalisation
1. Identifier les feedbacks
2. Répondre
3. Définissez l’utilisateur
4. Priorisez
5. Classifiez

Priorité et roadmap
Capitalisation
Priority 1
Priority 2
Priority 3
Humain
Call center inadéquat
Réceptionnistes de qualité

• Rester à l’écoute
• Collaborer avec vos utilisateurs
• Identifier des opportunités / problèmes
• Prioriser les changements
• Innover
Objectifs
Capitalisation

1. Recherche
2. Contenus
3. Contexte
4. Conversion
5. Formulaires
6. Design
7. Tests
8. Analytics
9. Capitalisation

Question everything.
Do not question certain things.
Question everything.
Repeat.
Robert Hoekman Jr.

Spin, Shazam! And tadaaa

Adapter et améliorer les rôles et responsabilités
Etre collaboratif et stimuler l’engagement
Partager la connaissance à travers l’entreprise
Appliquer le changement à tous les niveaux
Changer avec une orientation axée client

We think and design experiences that deliver value.
Merci
relaxintheair.com
hello@relaxintheair.com
@mccasal
+41 76 539 77 01

SEOCAMP Genève 2015 - Les 10 commandements UX pour retenir les utilisateurs

Recommended

Recommended

More Related Content

More from Relax In The Air

More from Relax In The Air (20)

SEOCAMP Genève 2015 - Les 10 commandements UX pour retenir les utilisateurs