89
Questionnements sur l'Internet prêt-à-porter Paris Web 2016 Amélie Boucher @amelieboucher

Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

Embed Size (px)

Citation preview

Page 1: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

Questionnements sur l'Internet prêt-à-porter

Paris Web 2016 Amélie Boucher @amelieboucher

Page 2: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Design studio

Page 3: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016
Page 4: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

1 Une homogénéisation des interfaces 2 Être vous

3 Chercher pour apporter du sens

4 Comment le process peut aider ?

Page 5: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

1

UNE HOMOGENEISATION DES INTERFACES, UN LISSAGE DES

EXPERIENCES

Page 6: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

« On ne va pas ré-inventer la roue ».

Page 7: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Le syndrome du design comme non-sujet.

Page 8: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 9: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Cet air de famille commun à la plupart des sites

que vous visitez ?

Page 10: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Plagiat / Templates

Page 11: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 12: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Excuse my french but…

This is a fucking gold mine

Page 13: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 14: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Êtes-vous designer ?

Page 15: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Le syndrome de la solution par l’interface

Page 16: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

C’est comme une anti-sèche sauf qu’elle contiendrait

une mauvaise réponse

Page 17: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

« tinder-like »

Page 18: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Par essence, notre métier (voire notre culture)

a tendance à produire des clones.

Page 19: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 20: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#pariswebCOURTESY OF TUESDAY BASSEN

Page 21: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Pourquoi cela n’étonne personne ?

Page 22: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 23: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Plus le modèle est spécialisé, pire c’est

Page 24: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 25: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Plus les options du modèle sont étendues,pire c’est…

Page 26: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

car j’ai l’impression d’avoir le choix.

Page 27: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

1

2

3

EWE on UI8.net

Page 28: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 29: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

2

VOTRE SITE WEB DIT QUI VOUS ÊTES

Page 30: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Plus qualitatif, mais pas seulement.

Plus VOUS

Page 31: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 32: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 33: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Quoting Jessica Hische

Page 34: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 35: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Cela permet même de s’autoriser ce qui n’est autorisable

que chez vous…

Page 36: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 37: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Ne pas faire original pour faire original

Page 38: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

3

CHERCHER POUR APPORTER DU SENS

Page 39: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Pourquoi dit-on que quelqu’un apporte

quelque chose de l’ordre d’un regard « neuf » ?

Page 40: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

3.1. (se) poser des

(bonnes) questions

Page 41: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

« c’est fou comme on a avancé aujourd’hui »

Page 42: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

se laisser aller à comprendre le domaine

… vraiment

Page 43: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb Extrait d’un catalogue de la Libraire Amélie Sourget

Page 44: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Le rôle du designer, c’est d’être dans

l’attention au détail, dans le non-facile

Page 45: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

3.2. Révéler ce qui sommeille

Page 46: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Un site qui vend de l’hôtel, comme les autres DAYUSE

Page 47: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

« Hôtel en journée, ça veut dire quoi » ?

Page 48: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

ça veut dire qu’on vend de la tranche horaire, et qu’il

faut que ça se voie !

Page 49: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 50: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

ça veut dire que nos clients vivent leurs

expériences en journée.

Page 51: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 52: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

ça veut dire qu’un client aura des attentes différentes selon son usage du dayuse

qu’est-ce que j’achète ?

Page 53: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Réfléchir aussi à ce qu’on doit minorer

Il se trouve que si vous insistez, on vend aussi

des nuits

Page 54: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

3.3. Edicter des Design Principles

Page 55: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

«  Fun and ‘engaging’ are not strong design principles. »

Adam Connor

Page 56: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

vizeat.com

Page 57: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

«  Un véritable voyage ne se limite pas à de simples visites de monuments. C’est la

rencontre authentique avec les habitants et les locaux qui sont l’âme de leur ville. »

Page 58: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

« Good wine, nice talks and lots of laughs during the evening! »

« We happened to all have a fun time »

« Quelle délicieuse soirée passée chez Namrata et Parag : couple généreux,

plein d'humour »

« Our family had the most amazing night in Patrizia's home! »

« This dinner was a highlight of our trip! »

Page 59: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

ça n’est pas un restaurant

Ce qui compte est la rencontre. Je vois des gens plutôt que des plats.

Page 60: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Une réponse de design peut être liée au contenu.

Page 61: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

4

COMMENT LE PROCESS PEUT AIDER ?

Page 62: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

4.1. Comprendre et se mettre dans la peau de l’utilisateur

Page 63: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Observer, écouter, questionner, analyser.

Avec le droit de faire des hypothèses !

Page 64: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#pariswebFROM THE BOOK GAMESTORMING (DAVE GRAY)

Page 65: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

"La carte d'empathie prépare à [des] solutions de design inattendues car elle fait

adopter d'autres points de vue »

Benoît Drouillat

dans son livre Le Design interactif,

du webdesign aux objets connectés

Page 66: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#pariswebPATH

Page 67: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

4.2. Partir de rien

et fonctionner par essais-erreurs

Page 68: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

La page blanche.

Page 69: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

"the source of creative discovery comes from the disturbance of existing ideas and the absence of a preconception; or in other words, from a realizing that you don’t know something that you thought you did know. It is like the beginner’s mind. This can happen when something fails, or different perspectives clash, or when you really ask questions."

KYNA LESKI ON THE STORM OF CREATIVITY

Page 70: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb JULIE ZHUO

The process of a junior designer

The process of a senior designer

Page 71: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Biais de confirmation d’hypothèse

Page 72: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

4.3. Les effets pervers

du benchmark

Page 73: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Tout ce qui passe par notre cerveau structure notre

pensée.

Crescendo avec le temps d’exposition.

Page 74: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Attention à la copie bête qui ne vous correspond pas

Page 75: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb MAILCHIMP

Page 76: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

4.4. Les effets pervers

du brainstorm

Page 77: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Les solutions conventionnelles sont souvent ce qui sortent des brainstorms non préparés

« oh, et nous pourrions faire comme… »

Page 78: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 79: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

4.5. Sortir de sa

zone de confort

Page 80: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 81: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Vous n’avez pas (forcément) besoin d’aller surfer pour ça.

Page 82: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

mais la routine, la bienséance et les convenances n’aident

certainement pas

Page 83: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

«  Jean-Paul Sartre aurait-il pensé l’existentialisme en sirotant du thé vert et des

biscuits bio ? »

LE SYNDROME DU BIEN-ETRE, ANDRÉ SPICER ET CARL CEDERSTRÖM

Page 84: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Cela suppose d’avoir envie.

D’être habité par l’envie de bien faire.

Page 85: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

/

QU’EST-CE QU’ON EN FAIT ALORS, DE CES UI KITS ?

Page 86: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Des sources d’inspiration

Page 87: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Page 88: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

« In a time when there's so much focus on

making, the single most important gift we can

give to our industry is to teach people how to

see the world around them —

to slow down,

derive meaning, and start the process of

designing a real solution. »

THE FLÂNEUR APPROACH TO USER EXPERIENCE DESIGN SARAH DOODY ON UX MAGAZINE

Page 89: Questionnements sur l'Internet prêt-à-porter // Paris Web 2016

#parisweb

Merci pour votre attention

Paris Web 2016 Amélie Boucher @amelieboucher