Top Banner
Ce document est la propriété d’Akiani et il ne peut être reproduit ou communiqué sans autorisation. [email protected] HOW TO DESIGN FOR GIANTS Axel JOHNSTON Designer d’expérience utilisateur Cofondateur d’Akiani [email protected] www.akiani.fr @akiani_fr
38
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]

HOW TO DESIGN FOR GIANTSAxel JOHNSTON

Designer d’expérience utilisateurCofondateur d’Akiani

[email protected]@akiani_fr

Page 2: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 2

Axel JOHNSTON

Page 3: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 3

Designer d’expérience utilisateur

Page 4: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 4

Cofondateur

Page 5: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 5

Formateur

Intervenant conférences UX & CXResponsable antenne Flupa Bordeaux

Page 6: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 6Flickr / jaumescar

Page 7: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected] / 7

Page 8: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected] / 8

Logo google : temps fou pour un élément passant sur X device

Page 9: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected] / 9

Page 10: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 10

Page 11: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 11

Page 12: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 12

Cultures / Société / Pays

Flickr/tonythemisfit

Page 13: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 13

Page 14: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 14

Page 15: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 15

Page 16: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 16Flickr / jaumescar

#1 segmentez votre cible utilisateur

@akiani_fr

Page 17: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 17Flickr / jaumescar

« L’acheteur fait son choix dans les 90 premières secondes de la visite »

Stéphane Plaza (Agent immobilier)

Page 18: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 18Flickr / jaumescar

« Users often leave Web pages in 10-20 seconds »

Jakob Nielsen (Gouru de l’utilisabilité web)

Page 19: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 19Flickr / jaumescar

#2 soignez votre interface

The devil is in the detail

@akiani_fr

Page 20: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 20

Page 21: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 21

Page 22: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 22

Page 23: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 23

Page 24: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 24

Page 25: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 25Flickr / jaumescar

#3 proposez des niveaux d’expertise

@akiani_fr

Page 26: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 26

P. Zorn.

Page 27: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 27Flickr / jaumescar

#4 restez dans des usages connus

@akiani_fr

Page 28: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 28

Use case

Analyse du besoin & focus groupes

maquettes graphiquesanimations

Benchmark & usages

IHM

Développement / Prototypage

Alpha

Tests utilisateurs

Architecture de l’informationZoningWireframes

Page 29: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 29

Use case

Analyse du besoin & focus groupes

maquettes graphiquesanimations

Benchmark & usages

IHM

Développement / Prototypage

Alpha

Tests utilisateurs

Tests A/B

Architecture de l’informationZoningWireframes

Page 30: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 30

A B

Page 31: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 31

A B

Page 32: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 32

Campagne Obama ‘08

Page 33: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 33

Page 34: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 34

8,26% 11,6% de taux de souscription(+40%)

Page 35: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 35

+ 2,88 millions de souscriptions

Page 36: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 36Flickr / jaumescar

#5 objectivez votre design via des test A/B

@akiani_fr

Page 37: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]/04/2023 37

#1 segmentez votre cible utilisateur

#2 soignez votre interface

#3 proposez des niveaux d’expertise

#4 restez dans des usages connus

#5 objectivez votre design via des tests A/B

Page 38: How to design for giants

Ce document est la propriété d’Akiani et il ne peut être

reproduit ou communiqué sans [email protected]

HOW TO DESIGN FOR GIANTSAxel JOHNSTON

Designer d’expérience utilisateurCofondateur d’Akiani

[email protected]@akiani_fr