0:00:00.702,0:00:04.871
À mon avis, l'idée la plus importante de ce cours

0:00:04.871,0:00:10.424
est que le prototypage est extrêmement précieux dans la création d'un design efficace.

0:00:10.424,0:00:15.239
Dans cette vidéo, je vais présenter ce que j'entends par prototypage et pourquoi je pense que c'est extrêmement important.

0:00:15.239,0:00:20.262
Cela va servir de cadre pour les prochaines vidéos dans lesquelles nous présenterons des techniques concrètes.

0:00:21.355,0:00:24.556
Dans ce cours, lorsque nous parlons de prototypage, cela signifie

0:00:24.556,0:00:29.857
créer rapidement une approximation d'une idée de conception afin que vous puissiez rapidement obtenir un retour et apprendre

0:00:29.857,0:00:35.241
Le prototypage est la tâche charnière dans l'innovation, la collaboration et la créativité structurée dans la conception.

0:00:35.241,0:00:39.020
Les prototypes incarnent les hypothèses de conception et permettent aux concepteurs d'obtenir des retours.

0:00:39.020,0:00:42.731
C'est ce que Donald Schon appelle « une conversation réfléchie et documentée ».

0:00:42.731,0:00:48.023
En essayant des choses et en apprenant — de cette exploration — vous êtes en mesure d'améliorer votre conception

0:00:48.023,0:00:52.144
et êtes en mesure de mieux comprendre que dans le cas contraire, vous n'aurez pas saisi.

0:00:52.144,0:00:57.081
Il ne faut pas oublier que le but dans le prototypage n'est pas l'artefact ; c'est le retour d'information :

0:00:57.081,0:01:02.048
Construisez des prototypes, essayez-les, et généralement vous apprendriez à essayer dans la prochaine conception.

0:01:02.048,0:01:06.048
Une façon de penser à un prototype, c'est que c'est une question sous forme d'artefact.

0:01:06.048,0:01:11.246
C'est quelque chose que vous faites comme une façon de communiquer avec d'autres intervenants :

0:01:11.246,0:01:15.706
Il peut s'agir de clients. Il peut s'agir d'autres personnes de votre équipe de conception.

0:01:15.706,0:01:19.864
Il peut s'agir des utilisateurs dans un système interactif. Ça peut aussi être vous-même.

0:01:19.864,0:01:25.162
Et ce prototype sert de terrain d'entente dans cette communication

0:01:25.162,0:01:29.715
pour aider les gens à comprendre vraiment concrètement ce dont tout le monde parle.

0:01:29.731,0:01:33.897
Voici un exemple de ce que je veux dire par un prototype, avec la permission de la firme de design IDEO :

0:01:33.897,0:01:41.158
Dans le milieu des années 90, Kodak a contacté IDEO, et leur a demandé de les aider à concevoir un appareil photo numérique d'entrée de gamme.

0:01:41.158,0:01:44.190
Appareils photo numériques constituaient une technologie très intéressante,

0:01:44.190,0:01:49.623
parce qu'ils offraient de nouvelles possibilités pour afficher et modifier vos photos sur l'appareil photo

0:01:49.623,0:01:51.658
Ce n'était pas possible avec l'appareil photo argentique.

0:01:51.658,0:01:57.251
IDEO était chargé de comprendre les interactions possibles avec un appareil photo numérique

0:01:57.251,0:02:01.146
et de restituer celles-ci sur une interface utilisateur concrète.

0:02:01.146,0:02:06.684
Ce qu'ils ont proposé est finalement devenu ceci : l'appareil photo numérique Kodak DC-210.

0:02:06.684,0:02:09.265
Voici l'interface utilisateur sur le dos :

0:02:09.265,0:02:13.344
Il y a un écran et plusieurs boutons pour parcourir les photographies.

0:02:13.344,0:02:18.953
Il a aussi ici une molette pour plusieurs modes et un contrôleur zoom ici.

0:02:18.953,0:02:21.574
Maintenant regardons le prototype à l'écran :

0:02:21.574,0:02:25.140
Vous remarquerez probablement quelques similitudes, mais aussi quelques différences.

0:02:25.140,0:02:29.684
Le prototype de l'écran et le produit final ont tous deux des boutons.

0:02:29.684,0:02:34.187
Ils ont un écran. Ils ont dans ce cas des fonctionnalités similaires.

0:02:34.187,0:02:39.938
Cependant, il y a aussi certaines différences importantes entre ce prototype et la version finale.

0:02:39.938,0:02:41.888
La première est que le prototype est beaucoup plus grand :

0:02:41.888,0:02:45.978
Pour pouvoir construire rapidement une version, ils ne pouvaient pas tout miniaturiser.

0:02:45.978,0:02:51.503
Donc il faut plus d'espace ; la disposition est semblable, mais l'échelle a changé.

0:02:51.503,0:02:56.513
En second lieu, une des choses plus importantes au sujet d'un appareil photo numérique est que vous pouvez l'emporter avec vous car il est mobile ;

0:02:57.682,0:03:01.431
Ce prototype d'appareil photo a ici un cordon ombilical qui remonte à un Macintosh

0:03:01.431,0:03:04.578
qui s'est en fait chargé de tous les calculs et les interactions,

0:03:04.593,0:03:07.737
donc il n'y a aucun calcul sur l'appareil lui-même.

0:03:07.737,0:03:12.629
Et finalement, c'était un prototype d'appareil photo où vous ne pouvez pas prendre de photos.

0:03:12.629,0:03:16.477
Il n'y a pas d'objectif; Il n'y a pas d'éléments photographiques dans ce prototype ;

0:03:16.477,0:03:23.034
C'est purement un moyen de mieux comprendre le dos des interactions de l'appareil photo pour afficher et éditer des photos.

0:03:23.034,0:03:26.008
Et je pense que c'est un point très important à propos des prototypes :

0:03:26.008,0:03:31.714
C'est que les prototypes sont presque toujours et devraient être incomplet.

0:03:32.822,0:03:35.048
Revenons à cet exemple :

0:03:35.048,0:03:40.123
Le prototypage est une stratégie pour composer efficacement avec les choses qui sont difficiles à prévoir.

0:03:40.123,0:03:43.145
Et ces choses difficiles à prévoir sont à la fois

0:03:43.145,0:03:49.072
les point pour lesquels vous vous demandez s'ils poseront problème, mais sans savoir les réponses à l'avance — vos "inconnues connues" —

0:03:49.072,0:03:54.866
et les choses que vous ne connaissez pas, auxquelles vous n'avez même jamais pensé — celes qui sont vos « inconnues inconnues ».

0:03:54.866,0:03:58.828
Et ce qui est précieux à propos de prototypage est qu'il vous aide à obtenir des commentaires rapidement,

0:03:58.828,0:04:01.846
en vous évitant de passer du temps sur la mauvaise voie.

0:04:01.846,0:04:06.898
Si vous avez déjà pris un cours d'art, vous connaissez l'expérience de l'esquisse avant de faire une peinture.

0:04:06.898,0:04:09.935
Ce n'est pas juste pour les novices : Picasso a fait la même chose.

0:04:09.935,0:04:14.655
Une des choses que nous savons sur la psychologie humaine qui est que

0:04:14.655,0:04:18.308
les gens sont notoirement mauvais pour estimer l'espace des résultats possibles.

0:04:18.308,0:04:22.571
Nous considérons souvent beaucoup moins d'options que celles qui sont réellement susceptibles de se produire.

0:04:22.571,0:04:26.595
Et c'est tout aussi vrai dans le monde de la finance que dans l'univers créatif.

0:04:26.595,0:04:32.364
Pour tout système complexe, que ce soit en finance ou en conception, les interactions de tous ces ingrédients

0:04:32.364,0:04:38.379
dominent de loin les choses que vous pouvez facilement prévoir, et par conséquent nos intuitions sont souvent fausses.

0:04:38.949,0:04:42.414
La stratégie que nous allons vous enseigner dans cette classe consiste à mettre l'accent sur

0:04:42.414,0:04:47.390
les objectifs de la conception, plutôt que de réfléchir à une conception particulière elle-même

0:04:47.390,0:04:50.904
et essayer d'avancer selon cette stratégie.

0:04:50.904,0:04:54.243
Une erreur classique de novice consiste à venir avec une idée de conception :

0:04:54.243,0:04:59.531
Vous pensez que vous tenez quelque chose de super cool et vous vous entêtez dans cette voie.

0:04:59.531,0:05:02.801
Au lieu d'avoir cette chose concrète que vous voulez soutenir,

0:05:02.801,0:05:07.508
Pensez à ce que vous espérez réaliser avec cette idée de conception — quel est votre but.

0:05:08.385,0:05:14.637
Dans ce cours, nous allons apprendre à fixer des objectifs dès le début et les faire évoluer et réviser votre conception à l'aide de données.

0:05:14.637,0:05:19.112
Comme Bill Buxton fait remarquer dans son excellent livre « Sketching User Interfaces »

0:05:19.112,0:05:23.287
les types d'alternatives que vous allez étudier à différents moments du processus de conception

0:05:23.287,0:05:25.151
vont être différentes.

0:05:25.151,0:05:30.006
Dès le départ, vous pouvez penser à un très large éventail de possibilités.

0:05:30.713,0:05:33.772
Et puis vous pourriez le restreindre dans pendant un petit moment.

0:05:33.772,0:05:36.606
Ensuite, vous pourriez envisager des alternatives et restreindre à nouveau.

0:05:36.606,0:05:41.991
Et cette alternance flair et focus est la marque d'un processus de conception efficace.

0:05:41.991,0:05:45.492
Par la suite dans la conception, que vous approchez le produit final,

0:05:45.492,0:05:51.141
vous allez penser à de petites variations comme des polices ou des couleurs ou des micro changements dans la disposition.

0:05:51.141,0:05:54.530
Au début, vous pourriez penser à des idées plus larges comme :

0:05:54.530,0:05:57.822
Est ce que ça va être un service destiné aux mobiles ou aux ordinateurs de bureau ?

0:05:57.822,0:06:01.168
Et quel genre de chose est ce que ça va être ?

0:06:01.168,0:06:08.140
Reconnaître la nécessité et la valeur de cette oscillation peut vous aider à vous préparer à un processus de conception efficace.

0:06:08.140,0:06:13.351
Le processus de conception du Palm Pilot fournit un merveilleux exemple de prototypage.

0:06:13.351,0:06:18.714
Le Palm Pilot est l'un du premier PDA numériques, assistants numériques personnels —

0:06:18.714,0:06:24.044
et il aidait à gérer vos listes de tâches, et calendrier, et personnes à contacter et notes.

0:06:25.137,0:06:30.564
Son principal inventeur était Jeff Hawkins ; et Jeff, quand il a d'abord envisagé le Palm Pilot,

0:06:30.564,0:06:37.111
une des premières choses qu'il a fait était de créer un bloc de bois qui était de la taille du périphérique qu'il avait imaginé.

0:06:37.111,0:06:42.678
Ce qu'il a fait, est de porter ce bloc de bois autour de lui et de l'utiliser comme s'il s'agissait d'un véritable périphérique :

0:06:42.678,0:06:48.470
Il pouvait entrer des données, ajouter des contacts, enregistrer des choses dans son calendrier,

0:06:48.470,0:06:53.222
prendre des notes, et griffonner furieusement tout le temps.

0:06:53.222,0:06:56.584
Donc, qu'est-ce que Jeff et son équipe ont appris de ce prototype ?

0:06:56.584,0:07:01.870
Eh bien, ils n'ont évidemment pas appris quoi que ce soit sur le silicone ou la vie de la batterie ou quoi que ce soit de la Palm Pilot

0:07:01.870,0:07:04.038
parce que tout cela était fait en bois !

0:07:04.038,0:07:08.113
Ce qu'ils ont appris porte sur le facteur de forme, et ce que nous pouvons voir ici

0:07:08.113,0:07:14.194
qu'il s'agissait d'un excellent exemple des droits et des rôles qu'un prototype peut jouer dans le processus de conception.

0:07:14.194,0:07:20.106
Un prototype ne devrait pas être tenu d'être complet ; Il va être incomplet sur des points stratégiques et importants.

0:07:20.506,0:07:26.266
Il devrait être facile à changer — Vous n'aimez pas la taille de votre Palm Pilot ? Découpez une taille différente !

0:07:26.866,0:07:28.682
Et enfin, on devrait l'abandonner :

0:07:28.682,0:07:34.708
Lorsque vous passez à une phase ultérieure du processus de conception, vous nn'avez plus besoin des premiers prototypes.

0:07:35.324,0:07:39.807
Étant donné que nous sommes dans une classe sur la conception de systèmes informatiques et nous parlons d'un bloc de bois,

0:07:39.807,0:07:46.288
vous pourriez raisonnablement demander, « Qu'est-ce qui se passe ici? » ou, peut-être, "qu'est-ce qu'un prototype prototype?"

0:07:46.288,0:07:50.525
Et la réponse est qu'il y a plusieurs choses qu'un prototype peut prototyper.

0:07:50.525,0:07:56.268
Une sorte de prototypes prototype la sensation — « À quoi est-ce que ça ressemble ? »

0:07:56.268,0:08:01.397
Un autre genre prototype la mise en œuvre — « À quoi cette tâche ressemblerait-t-elle ? »

0:08:01.397,0:08:05.016
Et encore une autre sorte de prototype prototype le rôle —

0:08:05.016,0:08:08.635
« Que pourrait être l'expérience de l'utilisation de ce système interactif ? »

0:08:08.635,0:08:12.966
Ce cours va vous apprendre un certain nombre de stratégies qui couvrent un peu de chacune de ces catégories.

0:08:12.966,0:08:15.604
Vous pouvez dessiner un prototype en deux dimensions.

0:08:15.604,0:08:18.645
Vous pouvez penser à quel point vous apprendrez de prototype,

0:08:18.645,0:08:21.388
et vous pouvez penser à combien de temps il a fallu pour le créer.

0:08:21.388,0:08:24.466
Et ce que vous voulez faire, en particulier au début de la phase de conception

0:08:24.466,0:08:28.638
est de pouvoir maximiser la quantité d'apprentissage que vous êtes en mesure d'obtenir du prototype,

0:08:28.638,0:08:31.719
et réduire la quantité de temps qu'il va falloir pour le créer

0:08:32.380,0:08:35.665
car, n'oubliez pas — un prototype va être incomplet,

0:08:35.665,0:08:39.488
et ça va être quelque chose dont vous allez vraissemblablement vous débarrasser à un certain moment dans le processus,

0:08:39.488,0:08:44.240
et il n'y a donc aucun intérêt passer beaucoup de temps dans quelque chose que vous allez bientôt jeter.

0:08:45.886,0:08:50.473
Le prototypage n'est pas juste pour les petites choses. Dans votre prototypage vous pouvez penser grand, vraiment grand.

0:08:50.473,0:08:54.155
Voici un exemple de Walter Dorwin Teague, ce gars ici.

0:08:54.770,0:08:58.340
Il est un des plus grands designer industriel en Amérique.

0:08:58.340,0:09:03.371
Et il se tient à l'intérieur de l'un des premiers avions Boeing pouvant traverser les USA.

0:09:03.371,0:09:09.597
Et il est en train de jeter un œil sur le design intérieur que sa compagnie a réalisé pour Boeing,

0:09:09.597,0:09:12.910
(et ils travaillent toujours avec Boeing à ce jour).

0:09:12.910,0:09:17.747
Ce qui est remarquable ici, c'est que vous avez l'intérieur d'un avion, mais il n'y a aucun avion !

0:09:17.747,0:09:25.172
Tout est simulé dans un entrepôt. C'est l'expérience d'un avion sans l'avion.

0:09:25.172,0:09:30.878
En créant ce prototype, ils ont invité un certain nombre d'utilisateurs, et certaines personnes sont venues avec leurs bagages

0:09:30.878,0:09:36.898
pour essayer l'avion, pour voir où ils seraient assis, pendant la durée

0:09:36.898,0:09:42.127
d'un vol. Les hôtesses passèrent leur offrir nourriture et autres services,

0:09:42.127,0:09:45.159
et vous pouviez voir des choses comme « Les allées sont-elles assez larges ? »,

0:09:45.159,0:09:50.669
"Les sièges sont-ils confortables?", "Est-ce que le porte-bagages peut porter les bagages nécessaires ?"

0:09:50.669,0:09:55.423
Walter Teague n'a pas été le seul designer industriel à utiliser ces grands prototypes d'échelle.

0:09:55.423,0:10:00.793
Bon nombre des concepteurs de navires long-courrier a essayé la même stratégie

0:10:00.793,0:10:07.613
de prototypage des intérieurs dans des entrepôts et en fait comme la biographie de Steve Jobs par Walter Isaacson le rapporte,

0:10:07.613,0:10:13.345
Quand Apple créait ses premiers magasins au détail, ils avaient quelques locaux d'entreposage à l'extérieur de San José,

0:10:13.345,0:10:19.909
et chaque semaine, il allait dans un faux magasin pour essayer l'expérience de la vente avant la première ouverture,

0:10:19.909,0:10:25.672
et une des choses que cette biographie rapporte au sujet de l'expérience de la vente au détail chez Apple,

0:10:25.672,0:10:32.028
est que la vertu du prototypage est de puvoir essayer différentes configurations du magasin, l'équipe Apple s'est rendu compte

0:10:32.028,0:10:39.290
que les magasins peuvent être configurés autour d'activités — tels que la musique — plutôt qu'autour des produits,

0:10:39.290,0:10:43.823
et ceci a considérablement changé la disposition des magasins Apple avant leur ouverture.

0:10:44.700,0:10:48.679
Linus Pauling est peut-être le premier chimiste au XXe siècle.

0:10:48.679,0:10:53.138
Il a reçu le prix Nobel pour ses travaux sur la description de la nature des liaisons chimiques.

0:10:53.138,0:10:56.900
Il partage la même philosophie de travail qu'avec les concepteurs professionnels

0:10:56.900,0:11:02.714
Qui consiste à essayer plusieurs thèses, approches et stratégies de solution.

0:11:02.714,0:11:06.808
Comme il le dit ici, « le meilleur moyen d'avoir une bonne idée est d'avoir beaucoup d'idées. »

0:11:07.223,0:11:12.670
Et nous voyons ici une centaine de prototypes différents que la firme de design IDEO a produit pour Microsoft

0:11:12.670,0:11:15.495
quand il créait sa première souris.

0:11:15.495,0:11:21.051
Il y a un certain nombre d'alternatives de forme qu'il a exploré, un modèle symétrique ou asymétriques,

0:11:21.051,0:11:25.241
ceux qui privilégient l'ergonomie par rapport aux autres qui soulignent le style —

0:11:25.241,0:11:29.165
et être en mesure de voir toutes ces alternatives et de les tenir dans la main

0:11:29.165,0:11:33.852
a aidé Microsoft à comprendre quel le design était le plus adapté pour le commercialiser.

0:11:34.498,0:11:39.910
Pour les geeks de l'auditoire : vous pouvez penser à ce genre de stratégie de prototypage rapide dont nous parlons.

0:11:39.910,0:11:45.185
comme en quelque sorte comme le recuit simulé, où vous avez un espace d'options possibles,

0:11:48.078,0:11:53.687
certaines d'entre elles sont meilleures que les autres, et ce qui arrive souvent avec le design itératif

0:11:53.687,0:11:56.802
C'est que vous pouvez parvenir à la meilleure.

0:11:56.802,0:11:58.906
Mais l'amélioration locale ne suffit pas :

0:11:58.906,0:12:04.384
Vous devez être capable de sauter autour de l'espace de conception et essayer différentes alternatives.

0:12:04.384,0:12:07.323
De cette façon, vous pouvez trouver le maximum global.

0:12:07.323,0:12:12.546
Lorsque vous créez une stratégie de prototypage, il est important de réfléchir au coût du changement au fil du temps.

0:12:12.546,0:12:18.816
Pour les produits physiques — comme une voiture, un grille-pain —, le coût des modifications augmente considérablement au fil du temps

0:12:18.816,0:12:23.393
tout au long du processus de conception et encore plus nettement après la commercialisation.

0:12:24.655,0:12:30.317
Avec les logiciels de bureau distribbués sur, disons, un CDROM, les hausses de coût ne sont pas dramatiques.

0:12:30.317,0:12:35.654
mais c'est tout de même significatif, c'est plus difficile d'apporter des modifications au fur et à mesure que vous avancez dans le processus de conception,

0:12:35.654,0:12:39.091
et beaucoup plus difficile une fois que vous l'avez expédié aux consommateurs.

0:12:41.798,0:12:47.328
Les sites Web et autres formes d'applications web, rendent beaucoup plus facile d'apporter des modifications au fil du temps.

0:12:49.913,0:12:55.269
Mais le coût et la difficulté d'apporter des modifications continue d'augmenter pour diverses raisons.

0:12:55.269,0:13:00.631
L'un des plus importants est que les gens s'habituent à un morceau particulier de logiciel au fil du temps.

0:13:00.631,0:13:05.724
Et donc même si vous pouvez le remplacer facilement, vous bouleverserez et troublerez un nombre important d'utilisateurs.

0:13:05.724,0:13:11.724
Il en va de même pour les développeurs d'un logiciel qui propose une API utilisée par d'autres pour écrire des logiciels.

0:13:11.724,0:13:16.665
Une fois que les gens s'habituent à elle, ou ont construit des choses qui s'appuient sur un morceau de logiciel,

0:13:16.665,0:13:19.190
Il devient plus difficile à modifier.

0:13:19.190,0:13:22.507
Au total, cela signifie que vous voulez créer un processus de conception

0:13:22.507,0:13:25.431
où faites vos changements les plus importants dès le début,

0:13:27.431,0:13:31.411
et alors que vous prenez de la vitesse avec vos utilisateurs, vous continuez à affiner,

0:13:31.411,0:13:34.777
à adapter, modifier et améliorer votre système au fur et à mesure.

0:13:36.792,0:13:41.071
Je pense que je peux résumer le message d'introduction de cette vidéo de cadrage en une seule phrase :

0:13:41.071,0:13:47.186
C'est que « les prototypes sont des questions ; posez-en beaucoup.

0:13:47.186,0:13:50.555
Au revoir.