Diapositive 1
Contents
1. S minaire design d interaction La Gestalt Illusory Contours es CI S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Percevoir c est reconnaitre une forme Sleon une dtue de l Uvinertis de Cmabrigde l odrre des ltteers dans un mtos n a pas d ipmrotncae la suele coshe ipmrotnate est que la pmeir re et la dren ire soit la bnnoe pclae Le rsete peut rte dnas un ds rorde ttoal et vuos puoevz tujoruos Irie snas porlbleme C est prace que le creaveu hmauin ne lit pas chuage Itetre elle mm e mias le mot cmome un tuot S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Percevoir c est reconnaitre une forme 2 FINISHED FILES ARE THE RE SULT OF YEARS OF SCIENTIF IC STUDY COMBINED WITH THE EXPERIENCE OF YEARS S minaire design d interaction Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Antoine Visonneau avisonneau post Simplicit et universalit se QUELQUES LNS DES MILLERS VES MILLIONS PRESQUE TOUT LE UN AUTRE L MENT P EXPLICA MONDE TION EST LYUNNERSALITE DU VESSIN HUMORISTIQUE MOINS UN VISAGE EST REALISTE PAR EXEMPLE PLUS DE GENS IL PEUT PR TENPRE REPICESENTER Scott Mac Cloud S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Le r le du contexte dans la perception Edward H Adelson S minaire design d interaction2. Antoine Visonneau avisonneau post harvard edu Pr f rer le simple au complexe e Intuitivement on interpr te la forme orange de l image A comme celle de l image B la plus simple et non comme celle de l image C la plus complexe S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Reconna tre une forme pr f rer le simple au complexe PEMANDEZ UN AMI DE DESSINER QUELQUES FORMES D LIMT ES PAR DES LIGNES COURBES REFERMEES SU ELLES MEMES MAIS AUSSI FANTAISISTES FORMER EN UN QU IL LE DESIRE VISAGE VOTRE CERVEAU N A AUCUN MAL TRANSFORMER CES FORMES EN VISAGES POURTANT CONFON URAIT IL CECH S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Les couleurs S curit Froid Prudence Partir GO eeh En marche Chaud DI anger Am ricain En arr t stop Tableau 4 Signification des couleurs selon l origine Courtney 1996 Bergum amp Bergum 1901 Entre 8 12 des hommes et 0 4 des femmes ont une forme de d ficience visuelle dans la perception des couleurs Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Capacit de concentration Quelques exemples en chiffres Savez vous pourquoi on recherche des temps de t l chargement inf rieurs 10 secondes C est le d lai maximal permettant l utilisateur de rester concentr sur ce qu il fait Si le d lai est plus
3. Comprendre le facteur numain Comprendre le facteur humain ET Le processeur humain EI Perception EI M moires D Apprentissage D Objectifs et diversit S minaire design d interaction Antoine Visonneau avisonneau post harvard edu 1 Le processeur humain Le processeur humain Selon Card Syst me perceptif Syst me cognitif Syst me moteur 5 R ponse Entr e Syst me cognitif n d t Pens e Homme ni Lox Calcul Stuart Card est chercheur a XEROX PARC centre A f ys e de recherche de XEROX connu pour l invention de EN y 7 la sou ris popularis e par la suite par Apple puis e er Microsoft Syst me percepit Figure A 2 Un parall le peut tre fait entre le foncuonnement du processeur humain et celui d un logice Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Le processeur humain Human Information Processing _ Attention Senses Feedback Prof Rob Miller MIT EECS L5 human capabilities S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Cycles cognitifs Boydes Observation Orientation OODA Loop Action D cision BK S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Th orie de l action Je souhaite avoir plus de lumi re pour lire D finir l objectif D finir intention d action Planifier l action Ex cuter l action Percevoi
4. Y COUNTRI INCLUDING HIS OWE AND TO RETURN C7 tz TO HIS COUNTRY S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Le filtre de l objectif e Qu est ce qu une pierre Il est tr s difficile de f d rer un groupe de personnes autour d une d finition prenons des individus qui ont un objectif Le g ologue voit un sujet pour son prochain article Le ma on voit un mat riau pour le mur qu il construit e Le guerrier voit une arme pour se battre Avec un objectif tout devient plus clair e De plus notre g ologue peut un jour r fl chir son article le lendemain construire un mur et tre amen se d fendre un autre jour e Dans chaque cas il verra la m me pierre sous un angle diff rent S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Le filtre de l objectif Exemple du distributeur d argent Avant apr s Tache prioritaire tache secondaire S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Arch types personas archetype utilisateur Technicien d ex cution Paul chez ADP depuis 10 ans est ex cutant hautement qualifi dans la voirie Son r le entretenir le r seau routier et le r parer au gr des al as climatiques Ses connaissances en informatiques sont tr s basiques Il a bien suivi une formation aux bases de l informatique il y a quelques ann es
5. atcl 1 machines pe ee TT we CAS a Theory of fun d a A Whegwe met noice and fail Ua make a kum GETT HEED S ms SS e SE Mod les mentaux e Le cerveau est extr mement performant pour reconna tre des sch ma ou mod les qu il a d j vu Ex un visage une m lodie O zo Mod le reconnu gt Mod le inconnu plus de travail reconna tre un sch ma connu apporte de la satisfaction e Le cerveau a pour objectif de transformer tout ce qui est nouveau en sch ma Permet d automatiser le traitement le cerveau n aura plus analyser ce probl me nouveau gt gain en performance rapidit de traitement A Theory of Fun for game design Ralph Koster S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Le caddie amazoncom Your See All 41 Amazon com Product Categories Amazon com del Get the Amazon com Visa Card Aere BE Get 30 Back Your current subtotal Amazon com Visa savings amazonconr Small business owners and students may prefer E 7 A com Business Visa Card NE Your cost after savings SE I CEE ond 1 Sho gift optit Amazon com Student Visa Card wg a Savings remaining during uu cout CT Added to your Shopping Cart 7a vee zen oe Customers who bought Designing Interactions also bought gt amp communicating Design Designing Interactions WDesigni
6. chives 002626 html Ergologique com Transmettre des connaissances avec efficacit et int r t http www ergologique com actualites actus php id _actu 765 Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Apprentissage actif L apprentissage actif est plus efficace que l apprentissage passif l apprentissage est un ph nom ne de co construction entre le sujet et l objet ele mode conversationnel est pr f rable au mode formel Aide contextuelle Creating Passionate Users Crash course in learning theory 3 http headrush typepad com creating passionate users 2006 01 Mode d emploi Synth se des th ories d apprentissage Ecole secondaire de Rochebelle http www opossum ca rochebelle archives 002627 html Synth se des th ories d apprentissage Guitef http www opossum ca guitef archives 002626 html Ergologique com Transmettre des connaissances avec efficacit et int r t http www ergologique com actualites actus php id actu 765 S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Les humains commettent des erreurs e Demander confirmation e UNDO e Garbage In Garbage Out IN NPI Co Ce train wreck at Montparnasse France 1895 Old photo S minaire design d interaction Antoine Visonneau avisonneau post harvard edu 9 Diversit et objectifs utilisateurs Antoine Visonneau avisonneau post harvard edu neutre co
7. long il se tourne vers une autre t che en attendant que l ordinateur est fini Pour viter l interruption du flux de pens e de l utilisateur m me si il le remarque le d lai maximal est d une seconde La sensation de temps r el dispose quant elle d un d lai d un dixi me de seconde ta VENN Interne Robert B Miller 1968 Karine Charrier Bonnifet d apr s R B Miller S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Interf rence e Vert e Orange e Rouge e Rose e BI eu Enoncer les couleurs voix haute S minaire design d interaction 3 M moires S minaire design d interaction Antoine Visonneau avisonneau post h Deux formes de m moire LONG TERM MEMORY e M moire court terme ou m moire transitoire Selon s George Miller la taille de la m moire court terme est de 7 2 l ments e M moire long terme ou m moire permanente Limite inconnue S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Organiser grouper pour m moriser 0621081135 06 21 08 11 35 S minaire design d interaction Organiser pour m moriser Essayer de m moriser la liste suivante Raisin Lait Pommes de terre Yaourt Carottes Oranges Beurre Pommes Cr me fra che S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Organiser pour m mo
8. mais n ayant pas eu l occasion de servir d un ordinateur par la suite il a tout oubli Par ailleurs il doit partager l ordinateur de l atelier avec plus de 10 Paul personnes Technicien d ex cution 33 ans Objectif retenu Faire moins de paperasse Sc nario Mercredi 15h 20 Paul a termin ses interventions de la journ e Il rentre l atelier Comme tous les soirs avant de se changer Paul se connecte sur la GMAO install e dans la salle de repli pour remplir sa feuille d heures du jour Aujourd hui il est chanceux personne n est install devant l ordinateur Il tape son identifiant et son login S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Conclusion CES e Nous avons vu des g n ralit s sur le facteur humain e Ce sont des fondamentaux de la culture du designer d interaction e Seule l observation permet de se forger une opinion juste sur l utilisateur et ainsi construire un syst me d information adapt S minaire design d interaction Antoine Visonneau avisonneau post harvard edu
9. ng for Interaction WHhe Laws of Simplicit Developing Web Site Bill Moggridge Creating Smart Applications and Simplicity Design Technology Documentation for Design and Hardcover Clever Devices VOICES Business Life Planning 26 37 by Dan Saffer Author by John Maeda Author by Dan Brown Author quantity 1 Price 26 40 Price 13 60 Price 26 39 subtotal 26 37 Used amp new from 19 00 Used amp new from 10 95 Used amp new from 23 11 Edit shopping cart S minaire design d interaction Antoine Visonneau avisonneau post L apprentissage grace au feedback En quelques secondes le syst me doit susciter de l int r t e expliciter son mode de fonctionnement e inviter l interaction r compenser la communication r ussie S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Fixer des objectifs r alistes Toute la connaissance niveau de connaissance cible L utilisateur est ce niveau de connaissance pb Aucune connaissance S minaire design d interaction Antoine Visonneau avisonneau post harvard edu motions Aesthetics matter attractive things work better e la motivation les motions l emportent sur la raison e lemotivite affecte les apprentissages e le plaisir est un facteur important d engagement des apprenants e le stress fait obstacle aux apprentissages Creating Passionate Users Crash course in learning theory http headr
10. ntent pas content compatis distrait 00 egocentrique largu satisfait fourbe absent perturb 5 Des attitudes diff rentes domine EK ei GE e SJ WY Je A nasp r perdu r fl chi rapporte sourit poliment embourb s coute A fa tS e LT EY Ty bonjour nerv ricane hostille complote calcule copain r S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Des jobs diff rents des objectifs diff rents Personnel divers ADP Mm i LE zs 5 e 4 Validateurs g e A I Chefs de section wi gina vi comptables x E S A CEA su da de marta d Ewe 1 Gem gag Chefs d atelier pe mesa co tostor amp w sara A N d K Techniciens Execution aston natamen Controleurs d panneurs d H MAGASIN wi S minaire design d interaction Merer 2e pow mame ge kee dee a raa Deve accosta LES RS OT pat coerce Antoine Visonneau avisonneau post harvard edu Des performances diff rentes Even more variation comes from differences in ability intelligence visual acuity memory motor skills The best users are 10 times better than the worst an enormous variation that may swamp a tiny effect you re trying to detect Robert C Miller MIT Antoine Visonneau avisonneau post harvard edu S minaire design d interaction 7 UNITED COLORS OF BENETTON EVERYONE HAS THE RIGHT TO LEAVE AN
11. r l tat modifi du monde Interpr ter ce nouvel tat valuer le r sultat Donald A Norman The design of everyday things Je vais allumer la lampe Je vais tendre le bras pour atteindre l interrupteur J active l interrupteur Il y a plus de lumi re puow 27 Ce n est pas suffisant pour lire Il me faut encore plus de lumi re S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Perception La Gestalt La figure B contient la figure A mais on ne s en aper oit pas dans un premier temps car elle nous impose sa propre structure Synth se de Laurent Muchielli dans La Gestalt l apport de la psychologie de la forme Le cerveau et la pens e la r volution des sciences cognitives Ed Sciences Humaines S minaire design d interaction Antoine Visonneau avisonneau post harvard edu La Gestalt Groupement par similarit GO 0 0 06 6 0 0 AKEEF OODODODDDOODO0 ee OEE E EEE oO Q 0 6 000 LE EEEE EEE HO I 0 O D DOO kb AA AAA GoOg000 C00 e 6 6666 6 000060 CG 10 kb AAA L 8 Geh SO eg vil ec kb AER AZZEZZIZEIZIALI RERZEZEZEZZL E EEEEESE 888658865656 See eRe EEE SE va EK ah KKK RAZZEZZZIZAZII REREELEZEZE Se RBC EE EE ah EE Groupement par proximit O Q D Les bal gt nn bai fai ra D el 5 bal Vv E O EU gt bal bal E el 2 gt E O 2 E lt
12. riser e N est ce pas plus facile Produits laitiers Oranges ona Carottes de terre S minaire design d interaction Antoine Visonneau avisonneau post harvard edu Reconna tre plut t que se souvenir e Il est plus facile reconna tre BMWTWAAOLIBMFBI BMWTW AAOLI BMFBI BMW TWA AOL IBM FBI que de se souvenir MIT EECS L5 human capabilities 5 modifie RCA TWA S minaire design d interaction External cognition Maneesh Agrawala Expand memory Multiplication 34 E x 72 5 68 2380 E 2448 Mental Paper amp Pencil S minaire design d interaction Antoine Visonneau avisonneau post harvar d edu 4 Apprentissage L ellipse M ME LE PLUS GRANO VOYAGEUR N A PAS ASSEZ D UNE VIE POUR ALLER PARTOUT QUAN NOUS SOMMES B B S NOUS SOMMES INCAPABLES V UN T L ACTE VE FO QUELQUE CHOSE QUE NOUS NE POLWONS N VOIR NI ENTENDRE NI SENTIR Ni GOUTER NI TOUCHE N EXISTE PAS S minaire design d interaction NOTRE PERCEPTION PE LA R ALIT EST IN ACTE DE FO cont SUR DES EXP RIENCES FRAGMENTAIRES LE JEU QUI CONSISTE A SE FAIRE COUCOU l REPOSE SUR CETTE ID E PETIT PETIT NOUS APPRENONS QUE MEME QUANY ELLE DISPARA T MAMAN EST TOUJOURS LA Scott mac Cloud Antoine Visonneau avisonneau post Gigi A lt Raphael Koster a Theory of fun L A ae P _ L j ec 8 n s bd H T j People are amazing pattern m
13. ush typepad com creating passionate users 2006 01 Synth se des th ories d apprentissage Ecole secondaire de Rochebelle http www opossum ca rochebelle archives 002627 html Synth se des th ories d apprentissage Guitef http www opossum ca qguitef archives 002626 html Ergologique com Transmettre des connaissances avec efficacit et int r t http www ergologique com actualites actus php id _actu 765 Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Charge cognitive e la concision r duit la surcharge cognitive aller l essentiel e la sch matisation r duit la surcharge cognitive les supports visuels facilitent le traitement de l information par le cerveau e les apprenants ont besoin de temps et de r flexion Creating Passionate Users Crash course in learning theory http headrush typepad com creating_ passionate users 2006 01 Synth se des th ories d apprentissage Ecole secondaire de Rochebelle http www opossum ca rochebelle archives 002627 html Synth se des th ories d apprentissage Guitef http www opossum ca qguitef archives 002626 html Ergologique com Transmettre des connaissances avec efficacit et int r t http www ergologique com actualites actus php id _actu 765 Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Pragmatisme e l explication de la pertinence d une activit donne un sens a
14. ux apprentissages e le r investissement des apprentissages accro t la compr hension et la m morisation e l exp rimentation et l essai erreur sont sources d apprentissages Creating Passionate Users Crash course in learning theory http headrush typepad com creating passionate users 2006 01 Synth se des th ories d apprentissage Ecole secondaire de Rochebelle http www opossum ca rochebelle archives 002627 html Synth se des th ories d apprentissage Guitef http www opossum ca qguitef archives 002626 html Ergologique com Transmettre des connaissances avec efficacit et int r t http www ergologique com actualites actus php id _actu 765 Antoine Visonneau avisonneau post harvard edu S minaire design d interaction Mise en scene de l information les strat gies de sc narisation utilis es en cin ma et litt rature maintiennent l int r t e la s duction le charme et le myst re favorisent la curiosit e les histoires monopolisent l attention et facilitent la m morisation e la diversit et l tonnement maintiennent l attention de l apprenant Creating Passionate Users Crash course in learning theory http headrush typepad com creating passionate users 2006 01 Synth se des th ories d apprentissage Ecole secondaire de Rochebelle http www opossum ca rochebelle archives 002627 html Synth se des th ories d apprentissage Guitef http www opossum ca qguitef ar
Download Pdf Manuals
Related Search