Que Du Web 2017 - Archi / Protos / Tech : synthétiser la complexité UX

Archi / Protos / Tech
Synthétiser la complexité UX pour vos clients
Relax In The Air
MC Casal - Archi / Protos / Tech : synthétiser la complexité UX
Copyright @ Relax In The Air Sàrl 2017

MC Casal
UX Strategist
Relax In The Air
relaxintheair.com
@mccasal
Relax In The Air

« Life is hard, it’s harder if you’re stupid. »
John Wayne
Relax In The Air

Relax In The Air
Votre rôle
Pédagogie
Conseil
Validation
Communication
Réassurance

Relax In The Air
ClientUX designer Développeur
Audit
Pré-requis et contraintes
Stratégie d’entreprise
Stratégie UX
Recherche
Ressources
Contenus
Prototypes
Wireframes
…
Contenus
Architecture
Wireframes
Cahier des charges
Fonctionnalités
Charte d’interaction
…
?

Compréhension
Appropriation
Transmission
Relax In The Air
Client

Relax In The Air
Gouvernance

Relax In The Air
Personne ne lit
les documents

Audit
Relax In The Air

Planning
Vision commune et gouvernance
Périmètre du projet
Relax In The Air

Stratégie
Stratégie d’entreprise
Stratégie digitale
Stratégie UX
Relax In The Air

Recherche
Recherche utilisateur
Benchmarking
Analytics
Relax In The Air

Ressources
Compétences
Processus / workflows
Relax In The Air

Cahier des
charges technique
Pré-requis techniques
Fonctionnalités
Relax In The Air

Contenus
Audit
Migration des données
Ré/écriture
Optimisation SEO
Relax In The Air

Architecture
Plan de site
Discrimination
Relax In The Air

Prototypage
Prototypage rapide
Wireframes
Wireflows
Relax In The Air

Tests utilisateur
Relax In The Air

Design
Moodboards
Web design / Maquettage
Charte d’interaction
Charte typographique
Relax In The Air

Développement
Relax In The Air

Web analytics
Relax In The Air

Contrôle qualité - QA
Compatibilité
Débuggage
Consistence
404
Relax In The Air

Relax In The Air

Stratégie Recherche
Cahier des charges
Architecture
Prototypage
Design Développement
Relax In The Air
Initiation au UX et Web Design
Audit Planning
Contenus
Tests utilisateur
Web analytics QA
Ressources

Travail collaboratif
Proximité
Joli mur
Toutes sortes de Post-it
Relax In The Air

Personas
Plan de site
Workflows back-office
Fonctionnalités
Contenus
Wireframes / Prototypes / Maquettes
Wireflows
Documents
Relax In The Air

Mur
Relax In The Air

Informations personnelles
Profession
Lieu
Age
Revenus
Status familial
Informations pertinentes
Prénom
Geekiness
Capacités à utiliser le matériel /
outils
Usage des médias:
Email marketing
Mobile
Médias sociaux
Matériel à disposition
Ordinateur, tablette,
smartphone…
Objectifs clés / Besoins
primaires
• .
• .
Envies / Bénéﬁces
• .
• .
Objectifs stratégiques
• .
• .
Freins / Problèmes
• .
• .
0% 100%
0% 100%
0% 100%
Typologie d’utilisateur
Logistique et fonctionnalités
• .
• .
• .
• .
• .
• .
Relax In The Air
Persona
Groupe d’utilisateurs/consommateurs qui présentent des
comportements similaires dans leurs décisions d’achat,
utilisation de la technologie, de produits…
Fondé sur une recherche rigoureuse, la récolte et l’analyse
de statistiques, des interviews et de l’observation.

Relax In The Air
Informations personnelles
Profession
Lieu
Age
Revenus
Status familial
Informations pertinentes
Prénom
Geekiness
Capacités à utiliser le matériel /
outils
Usage des médias:
Email marketing
Mobile
Médias sociaux
Matériel à disposition
Ordinateur, tablette,
smartphone…
Objectifs clés / Besoins
primaires
• .
• .
Envies / Bénéﬁces
• .
• .
Objectifs stratégiques
• .
• .
Freins / Problèmes
• .
• .
0% 100%
0% 100%
0% 100%
Typologie d’utilisateur
Logistique et fonctionnalités
• .
• .
• .
• .
• .
• .

© Relax In The Air SàRL - 2012
Sitemap
2Deal du jour
Confirmation
Campaign Monitor
1ACCUEIL
Compact version
3Deals actuels /Anciens deals/Mon compte / 31Panier 8 7Sign Up 30
33 9
/Kids
/Lifestyle
/Voyage
/Restaurants
/Sport
4High-Tech
5Deal détail
11Profil
12Crédits
15Achats
14Payés
16Payés détail
15A payer
17A payer détail
Search
Résultats Erreur
Login Newsletter
Filtres
18Bons
18A échanger
19Utilisés
Filtres
20Expirés
/ /TopDeal /Infos Partenaires
Footer
21FAQs
22Conditions d’utilisation
23Confidentialité
25A propos
26Contact
27Jobs
28Presse
29Détail (modal window)
24Proposer un deal
34Taille...
Relax In The Air
Plan de site
Le plan de site est la colonne vertébrale du site et la
structure logique de navigation.

Relax In The Air
© Relax In The Air SàRL - 2012
Sitemap
2Deal du jour
Confirmation
Campaign Monitor
1ACCUEIL
Compact version
3Deals actuels /Anciens deals/Mon compte / 31Panier 8 7Sign Up 30
33 9
/Kids
/Lifestyle
/Voyage
/Restaurants
/Sport
4High-Tech
5Deal détail
11Profil
12Crédits
15Achats
14Payés
16Payés détail
15A payer
17A payer détail
Search
Résultats Erreur
Login Newsletter
Filtres
18Bons
18A échanger
19Utilisés
Filtres
20Expirés
/ /TopDeal /Infos Partenaires
Footer
21FAQs
22Conditions d’utilisation
23Confidentialité
25A propos
26Contact
27Jobs
28Presse
29Détail (modal window)
24Proposer un deal
34Taille...

Relax In The Air
Deals du jour Deals actuels Mon compte Anciens deals
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Proﬁl
Crédits
Achats
Search
Résultats
Panier

Workflow 4 Site institutionnel Blog XXX
Inscription newsletter Inscription newsletter
Page de qualification (site institutionnel)
http://institutions.ville-geneve.ch/fr/xxxxxxxxxxxxxxx
Détails: voir workflow 2
VALIDER
BASE DE DONNEES
EMAILS
Données liées à la newsletter updatent
le profil sur la base de données (type de newsletter)
BOÎTE EMAIL
L’email est inscrit sans validation
dans la base de données email marketing
Données liées à l’abonnement
au XXXX et aux invitations aux
vernissages envoient un email
formaté à
….@nomdedomaine.ch
Relax In The Air
Workflows back-office
Les workflows identifiés lors de l’analyse des ressources
internes permet de cartographier les besoins des
utilisateurs back. Cela permet d’optimiser le back-office
lors du développement technique, de mettre en place des
workflows ou processus de mises à jour et de faciliter le
travail et la collaboration internes.

Relax In The Air
Workflow 4 Site institutionnel Blog XXX
Inscription newsletter Inscription newsletter
Page de qualification (site institutionnel)
http://institutions.ville-geneve.ch/fr/xxxxxxxxxxxxxxx
Détails: voir workflow 2
VALIDER
BASE DE DONNEES
EMAILS
Données liées à la newsletter updatent
le profil sur la base de données (type de newsletter)
BOÎTE EMAIL
L’email est inscrit sans validation
dans la base de données email marketing
Données liées à l’abonnement
au XXXX et aux invitations aux
vernissages envoient un email
formaté à
….@nomdedomaine.ch

Workflow 1
Relax In The Air
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Profil
Crédits
Achats
Search
Résultats
Panier
Workflow 2 Workflow 3 Workflow 4 Workflow 5

Workflow 1
Relax In The Air
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Profil
Crédits
Achats
Search
Résultats
PanierW1 W1
W2
W5
W3
W4
Workflow 2 Workflow 3 Workflow 4 Workflow 5

Relax In The Air
Fonctionnalités
Listes des développements front et back oﬃce qui vont
aider les utilisateurs dans leurs tâches sur le site. Ces
fonctionnalités sont généralement listées sur un roadmap
donnant la priorité d’implémentation.

Relax In The Air
Workflow 1 Workflow 2 Workflow 3 Workflow 4 Workflow 5
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Profil
Crédits
Achats
Search
Résultats
PanierW1 W1
W2
W5
W3
W4

Relax In The Air
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Proﬁl
Crédits
Achats
Search
Résultats
PanierW1 W1
W2
W5
W3
W4
Fonctionnalité 1
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 14
Fonctionnalité 4
Fonctionnalité 5
Fonctionnalité 7
Fonctionnalité 9
Fonctionnalité 1
Fonctionnalité 3
Fonctionnalité 14
Fonctionnalité 3
Fonctionnalité 4
Fonctionnalité 7
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 3
Fonctionnalité 13

Relax In The Air
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Proﬁl
Crédits
Achats
Search
Résultats
PanierW1 W1
W2
W5
W3
W4
Fonctionnalité 1
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 14
Fonctionnalité 4
Fonctionnalité 5
Fonctionnalité 7
Fonctionnalité 9
Fonctionnalité 1
Fonctionnalité 3
Fonctionnalité 14
Fonctionnalité 3
Fonctionnalité 4
Fonctionnalité 7
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 3
Fonctionnalité 13
F1
F3
F3
F3
F3
F3
F9
F7
F4
F5
F8 F2

Relax In The Air
Contenus
Tous les contenus!

Relax In The Air
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Proﬁl
Crédits
Achats
Search
Résultats
PanierW1 W1
W2
W5
W3
W4
Fonctionnalité 1
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 14
Fonctionnalité 4
Fonctionnalité 5
Fonctionnalité 7
Fonctionnalité 9
Fonctionnalité 1
Fonctionnalité 3
Fonctionnalité 14
Fonctionnalité 3
Fonctionnalité 4
Fonctionnalité 7
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 3
Fonctionnalité 13
F1
F3
F3
F3
F3
F3
F9
F7
F4
F5
F8 F2
1 2 3 4 5 6
2.1
2.2
2.3
2.4
2.5
2.5.1
3.1
3.2
3.3
5.1

Relax In The Air
Prototypes / Wireframes / Maquettes
Les prototypes et les wireframes sont des guides visuels basiques
ou HD qui suggèrent la structure des pages.
La maquette est la concrétisation graphique des dits guides visuels.

La Maison
Les pièces d’exception
Les instruments d’écriture
Haute Ecriture
La Maison La Maison
Les pièces d’exception Les instruments d’écriture
La Maison
Artistes & professionnels
Loisirs
Les Beaux Arts
Maison
La Maison
La Maison
Histoire
Savoir-faire
Shops
Contacts
La Maison
afdsdfasdfsdfasdfa
fadsfjalskdf alkdsfj lkaj
dflkadsjf lkajd flkaj dfslkaj
flkadsjf lkajdf lkadj flkadjf
lakjdf alkdsjf lakdsjgokv
okmcklmealk jaeiowv
clkml cmaoie aomeoc-
Sous-menu pastel / choix des différents
pastels
Switch entre les deux univers:
Haute Ecriture & Beaux Arts
Pastels
Liste roulante de tous les produits du
sous-menu
Catégories: Pastels, Crayons de couleur,
Pinceaux & Peintures
Pastels
Relax In The Air
Wireﬂows
Les wireﬂows représentent l’organisation interactive des pages
entre-elles. Ils montrent la logique des liens essentielle au
développement pour la compréhension des connexions inter-pages.

Relax In The Air
La Maison
Les pièces d’exception
Les instruments d’écriture
Haute Ecriture
La Maison La Maison
Les pièces d’exception Les instruments d’écriture
La Maison
Loisirs
Les Beaux Arts
Maison
La Maison
La Maison
Histoire
Savoir-faire
Shops
Contacts
La Maison
afdsdfasdfsdfasdfa
fadsfjalskdf alkdsfj lkaj
dflkadsjf lkajd flkaj dfslkaj
flkadsjf lkajdf lkadj flkadjf
lakjdf alkdsjf lakdsjgokv
okmcklmealk jaeiowv
clkml cmaoie aomeoc-
Sous-menu pastel / choix des différents
pastels
Switch entre les deux univers:
Haute Ecriture & Beaux Arts
Pastels
Liste roulante de tous les produits du
sous-menu
Catégories: Pastels, Crayons de couleur,
Pinceaux & Peintures
Pastels

Relax In The Air
Accueil
Kids
Lifestyle
Voyage
Restaurants
Sports
Deal Sport détail
Proﬁl
Crédits
Achats
Search
Résultats
PanierW1 W1
W2
W5
W3
W4
Fonctionnalité 1
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 14
Fonctionnalité 4
Fonctionnalité 5
Fonctionnalité 7
Fonctionnalité 9
Fonctionnalité 1
Fonctionnalité 3
Fonctionnalité 14
Fonctionnalité 3
Fonctionnalité 4
Fonctionnalité 7
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 4
Fonctionnalité 9
Fonctionnalité 12
Fonctionnalité 2
Fonctionnalité 3
Fonctionnalité 13
F1
F3
F3
F3
F3
F3
F9
F7
F4
F5
F8 F2
1 2 3 4 5 6
2.1
2.2
2.3
2.4
2.5
2.5.1
3.1
3.2
3.3
5.1
> 2.3
> 3.1 > 5.1
> 3.3
> 3.2

Intérêt du projet
Mesurer Tester
Améliorer
Relax In The Air

La vulgarisation aide à la compréhension
La compréhension aide à l’appropriation
L’appropriation aide à la validation
Relax In The Air

Relax In The Air
Bonheur

We think and design
experiences that deliver value.
relaxintheair.com
hello@relaxintheair.com
@mccasal
+41 22 808 02 10

Que Du Web 2017 - Archi / Protos / Tech : synthétiser la complexité UX

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

Similaire à Que Du Web 2017 - Archi / Protos / Tech : synthétiser la complexité UX

Similaire à Que Du Web 2017 - Archi / Protos / Tech : synthétiser la complexité UX (20)

Plus de Relax In The Air

Plus de Relax In The Air (20)

Que Du Web 2017 - Archi / Protos / Tech : synthétiser la complexité UX