petite arithmétique de l’ux : choisir, renoncer, construire

102
petite arithmétique de l’UX : choisir, renoncer, construire Amélie Boucher & Nacéra Benfedda , Viadeo Paris Web, 13 octobre 2011

Upload: association-paris-web

Post on 05-Dec-2014

1.950 views

Category:

Technology


1 download

DESCRIPTION

Présenté par Nacéra Benfedda et Amélie Boucherhttp://www.paris-web.fr/2011/conferences/petite-arithmetique-de-lux-choisir-renoncer-construire.php

TRANSCRIPT

Page 1: Petite arithmétique de l’UX : choisir, renoncer, construire

petite arithmétique de l’UX : choisir, renoncer, construire

Amélie Boucher & Nacéra Benfedda , Viadeo Paris Web, 13 octobre 2011

Page 2: Petite arithmétique de l’UX : choisir, renoncer, construire

une histoire du sacrifice

Page 3: Petite arithmétique de l’UX : choisir, renoncer, construire

l’ergonome, un alibi?

Page 4: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 5: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 6: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 7: Petite arithmétique de l’UX : choisir, renoncer, construire

+ de fonctions = compliqué 2

Page 8: Petite arithmétique de l’UX : choisir, renoncer, construire

coût du pixel

Page 9: Petite arithmétique de l’UX : choisir, renoncer, construire

1. avant l’interface… déjà renoncer

Page 10: Petite arithmétique de l’UX : choisir, renoncer, construire

- de fonctions

Page 11: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 12: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 13: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 14: Petite arithmétique de l’UX : choisir, renoncer, construire

résistance #1 : nous

Page 15: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 16: Petite arithmétique de l’UX : choisir, renoncer, construire

résistance #1 : nous

Page 17: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 18: Petite arithmétique de l’UX : choisir, renoncer, construire

résistance #1 : nous résistance #2 : l’utilisateur

Page 19: Petite arithmétique de l’UX : choisir, renoncer, construire

résistance #1 : nous résistance #2 : l’utilisateur résistance #3 : la concurrence

Page 20: Petite arithmétique de l’UX : choisir, renoncer, construire

aving the shortest feature list is our biggest feature. ”

Photo: Jessica Wynne

Page 21: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 22: Petite arithmétique de l’UX : choisir, renoncer, construire

comment ?

Page 23: Petite arithmétique de l’UX : choisir, renoncer, construire

#1 prioriser

Page 24: Petite arithmétique de l’UX : choisir, renoncer, construire

Business Value Cost

Page 25: Petite arithmétique de l’UX : choisir, renoncer, construire

com

plex

ité

valeur

1 2 3 4 5

Noise Between Stations

‘on oublie’ ‘prioritaire’

‘quick wins en parallèle’ ‘plus tard’

2

1

3

4

5

Page 26: Petite arithmétique de l’UX : choisir, renoncer, construire

#1 prioriser #2 raconter une histoire

Page 27: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 28: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 29: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 30: Petite arithmétique de l’UX : choisir, renoncer, construire

#1 prioriser #2 raconter une histoire #3 qu’est-ce que ça ne doit pas faire ?

Page 31: Petite arithmétique de l’UX : choisir, renoncer, construire

#1 prioriser #2 raconter une histoire #3 qu’est-ce que ça ne doit pas faire ?

#4 “ mobile first ”

Page 32: Petite arithmétique de l’UX : choisir, renoncer, construire

#1 prioriser #2 raconter une histoire #3 qu’est-ce que ça ne doit pas faire ? #4 “ mobile first ” #5 ce qu’on peut faire… et maintenir

Page 33: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 34: Petite arithmétique de l’UX : choisir, renoncer, construire

adopter

Page 35: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 36: Petite arithmétique de l’UX : choisir, renoncer, construire

#1 prioriser #2 raconter une histoire #3 qu’est-ce que ça ne doit pas faire ? #4 “ mobile first ” #5 ce qu’on peut faire… et maintenir #6 et l’instinct ? le culot ? la folie ?

Page 37: Petite arithmétique de l’UX : choisir, renoncer, construire

vous gagnez la légèreté

Page 38: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 39: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 40: Petite arithmétique de l’UX : choisir, renoncer, construire

… savoir garder aussi.

Page 41: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 42: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 43: Petite arithmétique de l’UX : choisir, renoncer, construire

“ less isn't more; just enough is more. ”

Milton Glaser

Page 44: Petite arithmétique de l’UX : choisir, renoncer, construire

utilisabilité ≠ simplicité

Page 45: Petite arithmétique de l’UX : choisir, renoncer, construire

(triplog)

Page 46: Petite arithmétique de l’UX : choisir, renoncer, construire

renoncer pour le web, une chance

Page 47: Petite arithmétique de l’UX : choisir, renoncer, construire

2. construire l’interface

Page 48: Petite arithmétique de l’UX : choisir, renoncer, construire

nécessite de hiérarchiser

Page 49: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 50: Petite arithmétique de l’UX : choisir, renoncer, construire

nombre de choses à l’écran

Page 51: Petite arithmétique de l’UX : choisir, renoncer, construire

adjacent dans l’espace

Page 52: Petite arithmétique de l’UX : choisir, renoncer, construire

empilé dans le temps

Page 53: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 54: Petite arithmétique de l’UX : choisir, renoncer, construire

ratio signal / bruit

Page 55: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 56: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 57: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 58: Petite arithmétique de l’UX : choisir, renoncer, construire

miniaturiser pour alléger l’écran

Page 59: Petite arithmétique de l’UX : choisir, renoncer, construire

miniaturiser à base d’icônes : voie rêvée ?

Page 60: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 61: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 62: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 63: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 64: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 65: Petite arithmétique de l’UX : choisir, renoncer, construire

miniaturiser les éléments textuels

Page 66: Petite arithmétique de l’UX : choisir, renoncer, construire

“ We overlabel ”

Page 67: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 68: Petite arithmétique de l’UX : choisir, renoncer, construire

“ Je n’ai fait cette lettre-ci plus longue que parce que je n’ai pas eu le loisir de

la faire plus courte. ”

(Blaise Pascal)

Page 69: Petite arithmétique de l’UX : choisir, renoncer, construire

cacher

Page 70: Petite arithmétique de l’UX : choisir, renoncer, construire

faciliter le travail d’attention sélective

Page 71: Petite arithmétique de l’UX : choisir, renoncer, construire

“ computer administrative junk ” (Tufte)

Page 72: Petite arithmétique de l’UX : choisir, renoncer, construire

“ computer administrative debris ” (Tufte)

Page 73: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 74: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 75: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 76: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 77: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 78: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 79: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 80: Petite arithmétique de l’UX : choisir, renoncer, construire

survols

Page 81: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 82: Petite arithmétique de l’UX : choisir, renoncer, construire

notion de moments d’interaction

Page 83: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 84: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 85: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 86: Petite arithmétique de l’UX : choisir, renoncer, construire

cacher vraiment

Page 87: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 88: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 89: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 90: Petite arithmétique de l’UX : choisir, renoncer, construire

Truc de ouf !!!!

Page 91: Petite arithmétique de l’UX : choisir, renoncer, construire

+ de fonctions = compliqué 2 renoncer x taux de résistance - de fonctions miniaturiser ranger utilisabilité ≠ simplicité + construire

Page 92: Petite arithmétique de l’UX : choisir, renoncer, construire

+ de fonctions = compliqué 2 renoncer x taux de résistance - de fonctions miniaturiser ranger utilisabilité ≠ simplicité + construire

+ ♥ émotion

Page 93: Petite arithmétique de l’UX : choisir, renoncer, construire

3. pas seulement de l’arithmétique…

Page 94: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 95: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 96: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 97: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 98: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 99: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 100: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 101: Petite arithmétique de l’UX : choisir, renoncer, construire
Page 102: Petite arithmétique de l’UX : choisir, renoncer, construire

faire simple, c’est pas simple

(mais c’est ça qui est génial).