CINXE.COM

<!doctype html> <html class="client-nojs skin-theme-clientpref-day mf-expand-sections-clientpref-0 mf-font-size-clientpref-small mw-mf-amc-clientpref-0" lang="fr" dir="ltr"> <head> <base href="https://fr.m.wikipedia.org/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=219633911&oldid=200830561"> <meta charset="UTF-8"> <title>« Expérience utilisateur » : différence entre les versions — Wikipédia</title> <script>(function(){var className="client-js skin-theme-clientpref-day mf-expand-sections-clientpref-0 mf-font-size-clientpref-small mw-mf-amc-clientpref-0";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"70a65a2c-40d4-4616-b697-dc28ca495c14","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Expérience_utilisateur","wgTitle":"Expérience utilisateur","wgCurRevisionId":219633911,"wgRevisionId":0, "wgArticleId":5540073,"wgIsArticle":false,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Expérience_utilisateur","wgRelevantArticleId":5540073,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFMode":"stable","wgMFAmc":false,"wgMFAmcOutreachActive":false,"wgMFAmcOutreachUserEligible":false,"wgMFLazyLoadImages":true,"wgMFEditNoticesFeatureConflict":false,"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgMFIsSupportedEditRequest":true,"wgMFScriptPath":"","wgWMESchemaEditAttemptStepOversample": false,"wgWMEPageLength":30000,"extRevisionSliderTimeOffset":60,"wgDiffOldId":200830561,"wgDiffNewId":219633911,"wgEditSubmitButtonLabelPublish":true,"wgSectionTranslationMissingLanguages":[{"lang":"ace","autonym":"Acèh","dir":"ltr"},{"lang":"ady","autonym":"адыгабзэ","dir":"ltr"},{"lang":"alt","autonym":"алтай тил","dir":"ltr"},{"lang":"am","autonym":"አማርኛ","dir":"ltr"},{"lang":"ami","autonym":"Pangcah","dir":"ltr"},{"lang":"an","autonym":"aragonés","dir":"ltr"},{"lang":"ang","autonym":"Ænglisc","dir":"ltr"},{"lang":"ann","autonym":"Obolo","dir":"ltr"},{"lang":"anp","autonym":"अंगिका","dir":"ltr"},{"lang":"ar","autonym":"العربية","dir":"rtl"},{"lang":"ary","autonym":"الدارجة","dir":"rtl"},{"lang":"arz","autonym":"مصرى","dir":"rtl"},{"lang":"as","autonym":"অসমীয়া","dir":"ltr"},{"lang":"ast","autonym":"asturianu","dir":"ltr"},{"lang":"av","autonym":"авар","dir":"ltr"},{"lang":"avk","autonym":"Kotava","dir":"ltr"} ,{"lang":"awa","autonym":"अवधी","dir":"ltr"},{"lang":"ay","autonym":"Aymar aru","dir":"ltr"},{"lang":"az","autonym":"azərbaycanca","dir":"ltr"},{"lang":"azb","autonym":"تۆرکجه","dir":"rtl"},{"lang":"ba","autonym":"башҡортса","dir":"ltr"},{"lang":"ban","autonym":"Basa Bali","dir":"ltr"},{"lang":"bar","autonym":"Boarisch","dir":"ltr"},{"lang":"bbc","autonym":"Batak Toba","dir":"ltr"},{"lang":"bcl","autonym":"Bikol Central","dir":"ltr"},{"lang":"bdr","autonym":"Bajau Sama","dir":"ltr"},{"lang":"be","autonym":"беларуская","dir":"ltr"},{"lang":"bew","autonym":"Betawi","dir":"ltr"},{"lang":"bg","autonym":"български","dir":"ltr"},{"lang":"bho","autonym":"भोजपुरी","dir":"ltr"},{"lang":"bi","autonym":"Bislama","dir":"ltr"},{"lang":"bjn","autonym":"Banjar","dir":"ltr"},{"lang":"blk","autonym":"ပအိုဝ်ႏဘာႏသာႏ","dir":"ltr"},{"lang":"bm","autonym":"bamanankan","dir":"ltr"},{"lang":"bn","autonym":"বাংলা", "dir":"ltr"},{"lang":"bo","autonym":"བོད་ཡིག","dir":"ltr"},{"lang":"bpy","autonym":"বিষ্ণুপ্রিয়া মণিপুরী","dir":"ltr"},{"lang":"br","autonym":"brezhoneg","dir":"ltr"},{"lang":"bs","autonym":"bosanski","dir":"ltr"},{"lang":"btm","autonym":"Batak Mandailing","dir":"ltr"},{"lang":"bug","autonym":"Basa Ugi","dir":"ltr"},{"lang":"ca","autonym":"català","dir":"ltr"},{"lang":"cdo","autonym":"閩東語 / Mìng-dĕ̤ng-ngṳ̄","dir":"ltr"},{"lang":"ce","autonym":"нохчийн","dir":"ltr"},{"lang":"ceb","autonym":"Cebuano","dir":"ltr"},{"lang":"ch","autonym":"Chamoru","dir":"ltr"},{"lang":"chr","autonym":"ᏣᎳᎩ","dir":"ltr"},{"lang":"ckb","autonym":"کوردی","dir":"rtl"},{"lang":"co","autonym":"corsu","dir":"ltr"},{"lang":"cr","autonym":"Nēhiyawēwin / ᓀᐦᐃᔭᐍᐏᐣ","dir":"ltr"},{"lang":"crh","autonym":"qırımtatarca","dir":"ltr"},{"lang":"cs","autonym":"čeština","dir":"ltr"},{"lang":"cu","autonym": "словѣньскъ / ⰔⰎⰑⰂⰡⰐⰠⰔⰍⰟ","dir":"ltr"},{"lang":"cy","autonym":"Cymraeg","dir":"ltr"},{"lang":"da","autonym":"dansk","dir":"ltr"},{"lang":"dag","autonym":"dagbanli","dir":"ltr"},{"lang":"de","autonym":"Deutsch","dir":"ltr"},{"lang":"dga","autonym":"Dagaare","dir":"ltr"},{"lang":"din","autonym":"Thuɔŋjäŋ","dir":"ltr"},{"lang":"diq","autonym":"Zazaki","dir":"ltr"},{"lang":"dsb","autonym":"dolnoserbski","dir":"ltr"},{"lang":"dtp","autonym":"Kadazandusun","dir":"ltr"},{"lang":"dv","autonym":"ދިވެހިބަސް","dir":"rtl"},{"lang":"dz","autonym":"ཇོང་ཁ","dir":"ltr"},{"lang":"ee","autonym":"eʋegbe","dir":"ltr"},{"lang":"el","autonym":"Ελληνικά","dir":"ltr"},{"lang":"eml","autonym":"emiliàn e rumagnòl","dir":"ltr"},{"lang":"eo","autonym":"Esperanto","dir":"ltr"},{"lang":"es","autonym":"español","dir":"ltr"},{"lang":"et","autonym":"eesti","dir":"ltr"},{"lang":"eu","autonym":"euskara","dir":"ltr"},{"lang":"fa","autonym":"فارسی", "dir":"rtl"},{"lang":"fat","autonym":"mfantse","dir":"ltr"},{"lang":"ff","autonym":"Fulfulde","dir":"ltr"},{"lang":"fi","autonym":"suomi","dir":"ltr"},{"lang":"fj","autonym":"Na Vosa Vakaviti","dir":"ltr"},{"lang":"fo","autonym":"føroyskt","dir":"ltr"},{"lang":"fon","autonym":"fɔ̀ngbè","dir":"ltr"},{"lang":"frp","autonym":"arpetan","dir":"ltr"},{"lang":"frr","autonym":"Nordfriisk","dir":"ltr"},{"lang":"fur","autonym":"furlan","dir":"ltr"},{"lang":"fy","autonym":"Frysk","dir":"ltr"},{"lang":"gag","autonym":"Gagauz","dir":"ltr"},{"lang":"gan","autonym":"贛語","dir":"ltr"},{"lang":"gcr","autonym":"kriyòl gwiyannen","dir":"ltr"},{"lang":"gl","autonym":"galego","dir":"ltr"},{"lang":"glk","autonym":"گیلکی","dir":"rtl"},{"lang":"gn","autonym":"Avañe'ẽ","dir":"ltr"},{"lang":"gom","autonym":"गोंयची कोंकणी / Gõychi Konknni","dir":"ltr"},{"lang":"gor","autonym":"Bahasa Hulontalo","dir":"ltr"},{"lang":"gpe","autonym":"Ghanaian Pidgin","dir":"ltr"},{"lang": "gu","autonym":"ગુજરાતી","dir":"ltr"},{"lang":"guc","autonym":"wayuunaiki","dir":"ltr"},{"lang":"gur","autonym":"farefare","dir":"ltr"},{"lang":"guw","autonym":"gungbe","dir":"ltr"},{"lang":"gv","autonym":"Gaelg","dir":"ltr"},{"lang":"ha","autonym":"Hausa","dir":"ltr"},{"lang":"hak","autonym":"客家語 / Hak-kâ-ngî","dir":"ltr"},{"lang":"haw","autonym":"Hawaiʻi","dir":"ltr"},{"lang":"he","autonym":"עברית","dir":"rtl"},{"lang":"hi","autonym":"हिन्दी","dir":"ltr"},{"lang":"hif","autonym":"Fiji Hindi","dir":"ltr"},{"lang":"hr","autonym":"hrvatski","dir":"ltr"},{"lang":"hsb","autonym":"hornjoserbsce","dir":"ltr"},{"lang":"ht","autonym":"Kreyòl ayisyen","dir":"ltr"},{"lang":"hu","autonym":"magyar","dir":"ltr"},{"lang":"hy","autonym":"հայերեն","dir":"ltr"},{"lang":"hyw","autonym":"Արեւմտահայերէն","dir":"ltr"},{"lang":"ia","autonym":"interlingua","dir":"ltr"},{"lang":"iba","autonym":"Jaku Iban","dir":"ltr"},{"lang":"ie","autonym": "Interlingue","dir":"ltr"},{"lang":"ig","autonym":"Igbo","dir":"ltr"},{"lang":"igl","autonym":"Igala","dir":"ltr"},{"lang":"ilo","autonym":"Ilokano","dir":"ltr"},{"lang":"io","autonym":"Ido","dir":"ltr"},{"lang":"is","autonym":"íslenska","dir":"ltr"},{"lang":"it","autonym":"italiano","dir":"ltr"},{"lang":"iu","autonym":"ᐃᓄᒃᑎᑐᑦ / inuktitut","dir":"ltr"},{"lang":"ja","autonym":"日本語","dir":"ltr"},{"lang":"jam","autonym":"Patois","dir":"ltr"},{"lang":"jv","autonym":"Jawa","dir":"ltr"},{"lang":"ka","autonym":"ქართული","dir":"ltr"},{"lang":"kaa","autonym":"Qaraqalpaqsha","dir":"ltr"},{"lang":"kab","autonym":"Taqbaylit","dir":"ltr"},{"lang":"kbd","autonym":"адыгэбзэ","dir":"ltr"},{"lang":"kbp","autonym":"Kabɩyɛ","dir":"ltr"},{"lang":"kcg","autonym":"Tyap","dir":"ltr"},{"lang":"kg","autonym":"Kongo","dir":"ltr"},{"lang":"kge","autonym":"Kumoring","dir":"ltr"},{"lang":"ki","autonym":"Gĩkũyũ","dir":"ltr"},{"lang":"kk","autonym":"қазақша","dir" :"ltr"},{"lang":"kl","autonym":"kalaallisut","dir":"ltr"},{"lang":"km","autonym":"ភាសាខ្មែរ","dir":"ltr"},{"lang":"kn","autonym":"ಕನ್ನಡ","dir":"ltr"},{"lang":"ko","autonym":"한국어","dir":"ltr"},{"lang":"koi","autonym":"перем коми","dir":"ltr"},{"lang":"krc","autonym":"къарачай-малкъар","dir":"ltr"},{"lang":"ks","autonym":"कॉशुर / کٲشُر","dir":"rtl"},{"lang":"ku","autonym":"kurdî","dir":"ltr"},{"lang":"kus","autonym":"Kʋsaal","dir":"ltr"},{"lang":"kv","autonym":"коми","dir":"ltr"},{"lang":"kw","autonym":"kernowek","dir":"ltr"},{"lang":"ky","autonym":"кыргызча","dir":"ltr"},{"lang":"lad","autonym":"Ladino","dir":"ltr"},{"lang":"lb","autonym":"Lëtzebuergesch","dir":"ltr"},{"lang":"lez","autonym":"лезги","dir":"ltr"},{"lang":"lg","autonym":"Luganda","dir":"ltr"},{"lang":"li","autonym":"Limburgs","dir":"ltr"},{"lang":"lij","autonym":"Ligure","dir":"ltr"},{"lang":"lld","autonym":"Ladin","dir":"ltr"},{ "lang":"lmo","autonym":"lombard","dir":"ltr"},{"lang":"ln","autonym":"lingála","dir":"ltr"},{"lang":"lo","autonym":"ລາວ","dir":"ltr"},{"lang":"lt","autonym":"lietuvių","dir":"ltr"},{"lang":"ltg","autonym":"latgaļu","dir":"ltr"},{"lang":"lv","autonym":"latviešu","dir":"ltr"},{"lang":"mad","autonym":"Madhurâ","dir":"ltr"},{"lang":"mai","autonym":"मैथिली","dir":"ltr"},{"lang":"map-bms","autonym":"Basa Banyumasan","dir":"ltr"},{"lang":"mdf","autonym":"мокшень","dir":"ltr"},{"lang":"mg","autonym":"Malagasy","dir":"ltr"},{"lang":"mhr","autonym":"олык марий","dir":"ltr"},{"lang":"mi","autonym":"Māori","dir":"ltr"},{"lang":"min","autonym":"Minangkabau","dir":"ltr"},{"lang":"mk","autonym":"македонски","dir":"ltr"},{"lang":"ml","autonym":"മലയാളം","dir":"ltr"},{"lang":"mn","autonym":"монгол","dir":"ltr"},{"lang":"mni","autonym":"ꯃꯤꯇꯩ ꯂꯣꯟ","dir":"ltr"},{"lang":"mnw","autonym":"ဘာသာမန်","dir":"ltr"},{ "lang":"mos","autonym":"moore","dir":"ltr"},{"lang":"mr","autonym":"मराठी","dir":"ltr"},{"lang":"mrj","autonym":"кырык мары","dir":"ltr"},{"lang":"ms","autonym":"Bahasa Melayu","dir":"ltr"},{"lang":"mt","autonym":"Malti","dir":"ltr"},{"lang":"mwl","autonym":"Mirandés","dir":"ltr"},{"lang":"my","autonym":"မြန်မာဘာသာ","dir":"ltr"},{"lang":"myv","autonym":"эрзянь","dir":"ltr"},{"lang":"mzn","autonym":"مازِرونی","dir":"rtl"},{"lang":"nah","autonym":"Nāhuatl","dir":"ltr"},{"lang":"nan","autonym":"閩南語 / Bân-lâm-gú","dir":"ltr"},{"lang":"nap","autonym":"Napulitano","dir":"ltr"},{"lang":"nb","autonym":"norsk bokmål","dir":"ltr"},{"lang":"nds","autonym":"Plattdüütsch","dir":"ltr"},{"lang":"nds-nl","autonym":"Nedersaksies","dir":"ltr"},{"lang":"ne","autonym":"नेपाली","dir":"ltr"},{"lang":"new","autonym":"नेपाल भाषा","dir":"ltr"},{"lang":"nia","autonym":"Li Niha","dir":"ltr"},{"lang":"nl","autonym": "Nederlands","dir":"ltr"},{"lang":"nn","autonym":"norsk nynorsk","dir":"ltr"},{"lang":"nqo","autonym":"ߒߞߏ","dir":"rtl"},{"lang":"nr","autonym":"isiNdebele seSewula","dir":"ltr"},{"lang":"nso","autonym":"Sesotho sa Leboa","dir":"ltr"},{"lang":"ny","autonym":"Chi-Chewa","dir":"ltr"},{"lang":"oc","autonym":"occitan","dir":"ltr"},{"lang":"om","autonym":"Oromoo","dir":"ltr"},{"lang":"or","autonym":"ଓଡ଼ିଆ","dir":"ltr"},{"lang":"os","autonym":"ирон","dir":"ltr"},{"lang":"pa","autonym":"ਪੰਜਾਬੀ","dir":"ltr"},{"lang":"pag","autonym":"Pangasinan","dir":"ltr"},{"lang":"pam","autonym":"Kapampangan","dir":"ltr"},{"lang":"pap","autonym":"Papiamentu","dir":"ltr"},{"lang":"pcd","autonym":"Picard","dir":"ltr"},{"lang":"pcm","autonym":"Naijá","dir":"ltr"},{"lang":"pdc","autonym":"Deitsch","dir":"ltr"},{"lang":"pl","autonym":"polski","dir":"ltr"},{"lang":"pms","autonym":"Piemontèis","dir":"ltr"},{"lang":"pnb","autonym":"پنجابی","dir":"rtl"},{"lang":"ps","autonym": "پښتو","dir":"rtl"},{"lang":"pt","autonym":"português","dir":"ltr"},{"lang":"pwn","autonym":"pinayuanan","dir":"ltr"},{"lang":"qu","autonym":"Runa Simi","dir":"ltr"},{"lang":"rm","autonym":"rumantsch","dir":"ltr"},{"lang":"rn","autonym":"ikirundi","dir":"ltr"},{"lang":"ro","autonym":"română","dir":"ltr"},{"lang":"rsk","autonym":"руски","dir":"ltr"},{"lang":"rue","autonym":"русиньскый","dir":"ltr"},{"lang":"rup","autonym":"armãneashti","dir":"ltr"},{"lang":"rw","autonym":"Ikinyarwanda","dir":"ltr"},{"lang":"sa","autonym":"संस्कृतम्","dir":"ltr"},{"lang":"sah","autonym":"саха тыла","dir":"ltr"},{"lang":"sat","autonym":"ᱥᱟᱱᱛᱟᱲᱤ","dir":"ltr"},{"lang":"sc","autonym":"sardu","dir":"ltr"},{"lang":"scn","autonym":"sicilianu","dir":"ltr"},{"lang":"sco","autonym":"Scots","dir":"ltr"},{"lang":"sd","autonym":"سنڌي","dir":"rtl"},{"lang":"se","autonym":"davvisámegiella","dir":"ltr"},{"lang":"sg","autonym":"Sängö","dir":"ltr"},{ "lang":"sgs","autonym":"žemaitėška","dir":"ltr"},{"lang":"sh","autonym":"srpskohrvatski / српскохрватски","dir":"ltr"},{"lang":"shi","autonym":"Taclḥit","dir":"ltr"},{"lang":"shn","autonym":"ၽႃႇသႃႇတႆး ","dir":"ltr"},{"lang":"si","autonym":"සිංහල","dir":"ltr"},{"lang":"sk","autonym":"slovenčina","dir":"ltr"},{"lang":"skr","autonym":"سرائیکی","dir":"rtl"},{"lang":"sl","autonym":"slovenščina","dir":"ltr"},{"lang":"sm","autonym":"Gagana Samoa","dir":"ltr"},{"lang":"smn","autonym":"anarâškielâ","dir":"ltr"},{"lang":"sn","autonym":"chiShona","dir":"ltr"},{"lang":"so","autonym":"Soomaaliga","dir":"ltr"},{"lang":"sq","autonym":"shqip","dir":"ltr"},{"lang":"sr","autonym":"српски / srpski","dir":"ltr"},{"lang":"srn","autonym":"Sranantongo","dir":"ltr"},{"lang":"ss","autonym":"SiSwati","dir":"ltr"},{"lang":"st","autonym":"Sesotho","dir":"ltr"},{"lang":"stq","autonym":"Seeltersk","dir":"ltr"},{"lang":"su","autonym":"Sunda","dir": "ltr"},{"lang":"sv","autonym":"svenska","dir":"ltr"},{"lang":"sw","autonym":"Kiswahili","dir":"ltr"},{"lang":"szl","autonym":"ślůnski","dir":"ltr"},{"lang":"ta","autonym":"தமிழ்","dir":"ltr"},{"lang":"tay","autonym":"Tayal","dir":"ltr"},{"lang":"tcy","autonym":"ತುಳು","dir":"ltr"},{"lang":"tdd","autonym":"ᥖᥭᥰ ᥖᥬᥲ ᥑᥨᥒᥰ","dir":"ltr"},{"lang":"te","autonym":"తెలుగు","dir":"ltr"},{"lang":"tet","autonym":"tetun","dir":"ltr"},{"lang":"tg","autonym":"тоҷикӣ","dir":"ltr"},{"lang":"th","autonym":"ไทย","dir":"ltr"},{"lang":"ti","autonym":"ትግርኛ","dir":"ltr"},{"lang":"tk","autonym":"Türkmençe","dir":"ltr"},{"lang":"tl","autonym":"Tagalog","dir":"ltr"},{"lang":"tly","autonym":"tolışi","dir":"ltr"},{"lang":"tn","autonym":"Setswana","dir":"ltr"},{"lang":"to","autonym":"lea faka-Tonga","dir":"ltr"},{"lang":"tpi","autonym":"Tok Pisin","dir":"ltr"},{"lang":"tr","autonym":"Türkçe","dir":"ltr"},{"lang":"trv","autonym":"Seediq", "dir":"ltr"},{"lang":"ts","autonym":"Xitsonga","dir":"ltr"},{"lang":"tt","autonym":"татарча / tatarça","dir":"ltr"},{"lang":"tum","autonym":"chiTumbuka","dir":"ltr"},{"lang":"tw","autonym":"Twi","dir":"ltr"},{"lang":"ty","autonym":"reo tahiti","dir":"ltr"},{"lang":"tyv","autonym":"тыва дыл","dir":"ltr"},{"lang":"udm","autonym":"удмурт","dir":"ltr"},{"lang":"ur","autonym":"اردو","dir":"rtl"},{"lang":"uz","autonym":"oʻzbekcha / ўзбекча","dir":"ltr"},{"lang":"ve","autonym":"Tshivenda","dir":"ltr"},{"lang":"vec","autonym":"vèneto","dir":"ltr"},{"lang":"vep","autonym":"vepsän kel’","dir":"ltr"},{"lang":"vi","autonym":"Tiếng Việt","dir":"ltr"},{"lang":"vls","autonym":"West-Vlams","dir":"ltr"},{"lang":"vo","autonym":"Volapük","dir":"ltr"},{"lang":"vro","autonym":"võro","dir":"ltr"},{"lang":"wa","autonym":"walon","dir":"ltr"},{"lang":"war","autonym":"Winaray","dir":"ltr"},{"lang":"wo","autonym":"Wolof","dir":"ltr"},{"lang":"wuu","autonym":"吴语", "dir":"ltr"},{"lang":"xal","autonym":"хальмг","dir":"ltr"},{"lang":"xh","autonym":"isiXhosa","dir":"ltr"},{"lang":"xmf","autonym":"მარგალური","dir":"ltr"},{"lang":"yi","autonym":"ייִדיש","dir":"rtl"},{"lang":"yo","autonym":"Yorùbá","dir":"ltr"},{"lang":"yue","autonym":"粵語","dir":"ltr"},{"lang":"za","autonym":"Vahcuengh","dir":"ltr"},{"lang":"zgh","autonym":"ⵜⴰⵎⴰⵣⵉⵖⵜ ⵜⴰⵏⴰⵡⴰⵢⵜ","dir":"ltr"},{"lang":"zh","autonym":"中文","dir":"ltr"},{"lang":"zu","autonym":"isiZulu","dir":"ltr"}],"wgSectionTranslationTargetLanguages":["ace","ady","alt","am","ami","an","ang","ann","anp","ar","ary","arz","as","ast","av","avk","awa","ay","az","azb","ba","ban","bar","bbc","bcl","bdr","be","bew","bg","bho","bi","bjn","blk","bm","bn","bo","bpy","br","bs","btm","bug","ca","cdo","ce","ceb","ch","chr","ckb","co","cr","crh","cs","cu","cy","da","dag","de","dga","din","diq","dsb","dtp","dv","dz","ee","el","eml","eo","es","et","eu","fa","fat","ff", "fi","fj","fo","fon","fr","frp","frr","fur","fy","gag","gan","gcr","gl","glk","gn","gom","gor","gpe","gu","guc","gur","guw","gv","ha","hak","haw","he","hi","hif","hr","hsb","ht","hu","hy","hyw","ia","iba","ie","ig","igl","ilo","io","is","it","iu","ja","jam","jv","ka","kaa","kab","kbd","kbp","kcg","kg","kge","ki","kk","kl","km","kn","ko","koi","krc","ks","ku","kus","kv","kw","ky","lad","lb","lez","lg","li","lij","lld","lmo","ln","lo","lt","ltg","lv","mad","mai","map-bms","mdf","mg","mhr","mi","min","mk","ml","mn","mni","mnw","mos","mr","mrj","ms","mt","mwl","my","myv","mzn","nah","nan","nap","nb","nds","nds-nl","ne","new","nia","nl","nn","nqo","nr","nso","ny","oc","om","or","os","pa","pag","pam","pap","pcd","pcm","pdc","pl","pms","pnb","ps","pt","pwn","qu","rm","rn","ro","rsk","rue","rup","rw","sa","sah","sat","sc","scn","sco","sd","se","sg","sgs","sh","shi","shn","si","sk","skr","sl","sm","smn","sn","so","sq","sr","srn","ss","st","stq","su","sv","sw","szl","ta","tay","tcy","tdd","te", "tet","tg","th","ti","tk","tl","tly","tn","to","tpi","tr","trv","ts","tt","tum","tw","ty","tyv","udm","ur","uz","ve","vec","vep","vi","vls","vo","vro","wa","war","wo","wuu","xal","xh","xmf","yi","yo","yue","za","zgh","zh","zu"],"isLanguageSearcherCXEntrypointEnabled":true,"mintEntrypointLanguages":["ace","ast","azb","bcl","bjn","bh","crh","ff","fon","ig","is","ki","ks","lmo","min","sat","ss","tn","vec"],"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false,"wgMinervaPermissions":{"watchable":true,"watch":false},"wgMinervaFeatures":{"beta":false,"donate":true,"mobileOptionsLink":true,"categories":false,"pageIssues":true,"talkAtTop":false,"historyInPageActions":true,"overflowSubmenu":false,"tabsOnSpecials":true,"personalMenu":false, "mainMenuExpanded":false,"echo":true,"nightMode":true},"wgMinervaDownloadNamespaces":[0]};RLSTATE={"ext.gadget.Mobile":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.visualEditor.diffPage.init.styles":"ready","oojs-ui.styles.icons-accessibility":"ready","oojs-ui.styles.icons-editing-advanced":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","ext.RevisionSlider.lazyCss":"ready","mediawiki.interface.helpers.styles":"ready","mediawiki.diff.styles":"ready","mediawiki.helplink":"ready","skins.minerva.styles":"ready","skins.minerva.content.styles.images":"ready","mediawiki.hlist":"ready","skins.minerva.codex.styles":"ready","skins.minerva.icons":"ready","skins.minerva.amc.styles":"ready","ext.wikimediamessages.styles":"ready","mobile.init.styles":"ready","wikibase.client.init":"ready", "ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.visualEditor.diffPage.init","ext.RevisionSlider.lazyJs","mediawiki.diff","site","mediawiki.page.ready","skins.minerva.scripts","ext.centralNotice.geoIP","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch","ext.urlShortener.toolbar","ext.centralauth.centralautologin","ext.popups","mobile.init","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.cx.eventlogging.campaigns","ext.cx.entrypoints.mffrequentlanguages","ext.cx.entrypoints.languagesearcher.init","mw.externalguidance.init","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.RevisionSlider.lazyCss%7Cext.visualEditor.diffPage.init.styles%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cmediawiki.diff.styles%7Cmediawiki.helplink%2Chlist%7Cmediawiki.interface.helpers.styles%7Cmediawiki.widgets.styles%7Cmobile.init.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.icons-accessibility%2Cicons-editing-advanced%2Cindicators%7Cskins.minerva.amc.styles%7Cskins.minerva.codex.styles%7Cskins.minerva.content.styles.images%7Cskins.minerva.icons%2Cstyles%7Cwikibase.client.init&only=styles&skin=minerva"> <script async src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=minerva"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.gadget.Mobile&only=styles&skin=minerva"> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=minerva"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="noindex,nofollow,max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="theme-color" content="#eaecf0"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/User-experience-diagram.png/1200px-User-experience-diagram.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/User-experience-diagram.png/800px-User-experience-diagram.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="450"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/User-experience-diagram.png/640px-User-experience-diagram.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="360"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0"> <meta property="og:title" content="« Expérience utilisateur » : différence entre les versions — Wikipédia"> <meta property="og:type" content="website"> <link rel="manifest" href="/w/api.php?action=webapp-manifest"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Exp%C3%A9rience_utilisateur&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Exp%C3%A9rience_utilisateur"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="dns-prefetch" href="//login.wikimedia.org"> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="en"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.HWThTSqfXy8.O/am=DAY/d=1/rs=AN8SPforCdnxlZDJUkR1p8RUr9HyDr68Rg/m=corsproxy" data-sourceurl="https://fr.m.wikipedia.org/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=219633911&oldid=200830561"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.HWThTSqfXy8.O/am=DAY/d=1/exm=corsproxy/ed=1/rs=AN8SPforCdnxlZDJUkR1p8RUr9HyDr68Rg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://fr.m.wikipedia.org/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=219633911&oldid=200830561"></script> <meta name="robots" content="none"> </head> <body class="mw-article-diff mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Expérience_utilisateur rootpage-Expérience_utilisateur stable issues-group-B skin-minerva action-view skin--responsive minerva--history-page-action-enabled mw-mf-amc-disabled mw-mf"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.HWThTSqfXy8.O/am=DAY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPforCdnxlZDJUkR1p8RUr9HyDr68Rg/m=navigationui" data-environment="prod" data-proxy-url="https://fr-m-wikipedia-org.translate.goog" data-proxy-full-url="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=219633911&oldid=200830561&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-source-url="https://fr.m.wikipedia.org/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=219633911&oldid=200830561" data-source-language="auto" data-target-language="en" data-display-language="en-GB" data-detected-source-language="fr" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://fr.m.wikipedia.org/w/index.php?title%3DExp%25C3%25A9rience_utilisateur%26diff%3D219633911%26oldid%3D200830561&anno=2" data-client="tr"></script> <div id="mw-mf-viewport"> <div id="mw-mf-page-center"><a class="mw-mf-page-center__mask" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#"></a> <header class="header-container header-chrome"> <div class="minerva-header"> <nav class="navigation-drawer toggle-list view-border-box"><input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button"> <label role="button" for="main-menu-input" id="mw-mf-main-menu-button" aria-hidden="true" data-event-name="ui.mainmenu" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet toggle-list__toggle"> <span class="minerva-icon minerva-icon--menu"></span> <span></span> </label> <div id="mw-mf-page-left" class="menu view-border-box"> <ul id="p-navigation" class="toggle-list__list"> <li class="toggle-list-item "><a class="toggle-list-item__anchor menu__item--home" href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:Accueil_principal?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-mw="interface"> <span class="minerva-icon minerva-icon--home"></span> <span class="toggle-list-item__label">Accueil</span> </a></li> <li class="toggle-list-item "><a class="toggle-list-item__anchor menu__item--random" href="https://fr-m-wikipedia-org.translate.goog/wiki/Sp%C3%A9cial:Page_au_hasard?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-mw="interface"> <span class="minerva-icon minerva-icon--die"></span> <span class="toggle-list-item__label">Au hasard</span> </a></li> <li class="toggle-list-item skin-minerva-list-item-jsonly"><a class="toggle-list-item__anchor menu__item--nearby" href="https://fr-m-wikipedia-org.translate.goog/wiki/Sp%C3%A9cial:Nearby?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-event-name="menu.nearby" data-mw="interface"> <span class="minerva-icon minerva-icon--mapPin"></span> <span class="toggle-list-item__label">À proximité</span> </a></li> </ul> <ul id="p-personal" class="toggle-list__list"> <li class="toggle-list-item "><a class="toggle-list-item__anchor menu__item--login" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Exp%C3%A9rience+utilisateur&returntoquery=diff%3D219633911%26oldid%3D200830561&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-event-name="menu.login" data-mw="interface"> <span class="minerva-icon minerva-icon--logIn"></span> <span class="toggle-list-item__label">Se connecter</span> </a></li> </ul> <ul id="pt-preferences" class="toggle-list__list"> <li class="toggle-list-item skin-minerva-list-item-jsonly"><a class="toggle-list-item__anchor menu__item--settings" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Sp%C3%A9cial:MobileOptions&returnto=Exp%C3%A9rience+utilisateur&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-event-name="menu.settings" data-mw="interface"> <span class="minerva-icon minerva-icon--settings"></span> <span class="toggle-list-item__label">Configuration</span> </a></li> </ul> <ul id="p-donation" class="toggle-list__list"> <li class="toggle-list-item "><a class="toggle-list-item__anchor menu__item--donate" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source%3Ddonate%26utm_medium%3Dsidebar%26utm_campaign%3DC13_fr.wikipedia.org%26uselang%3Dfr%26wmf_key%3Dminerva" data-event-name="menu.donate" data-mw="interface"> <span class="minerva-icon minerva-icon--heart"></span> <span class="toggle-list-item__label">Faire un don</span> </a></li> </ul> <ul class="hlist"> <li class="toggle-list-item "><a class="toggle-list-item__anchor menu__item--about" href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-mw="interface"> <span class="toggle-list-item__label">À propos de Wikipédia</span> </a></li> <li class="toggle-list-item "><a class="toggle-list-item__anchor menu__item--disclaimers" href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-mw="interface"> <span class="toggle-list-item__label">Avertissements</span> </a></li> </ul> </div><label class="main-menu-mask" for="main-menu-input"></label> </nav> <div class="branding-box"><a href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:Accueil_principal?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"> <span><img src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" alt="Wikipédia" width="119" height="18" style="width: 7.4375em; height: 1.125em;"> </span> </a> </div> <form action="/w/index.php" method="get" class="minerva-search-form"> <div class="search-box"><input type="hidden" name="title" value="Spécial:Recherche"> <input class="search skin-minerva-search-trigger" id="searchInput" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f"> <span class="search-box-icon-overlay"><span class="minerva-icon minerva-icon--search"></span> </span> </div><button id="searchIcon" class="cdx-button cdx-button--size-large cdx-button--icon-only cdx-button--weight-quiet skin-minerva-search-trigger"> <span class="minerva-icon minerva-icon--search"></span> <span>Rechercher</span> </button> </form> <nav class="minerva-user-navigation" aria-label="Navigation utilisateur"> </nav> </div> </header> <main id="content" class="mw-body"> <div class="banner-container"> <div id="siteNotice"></div> </div> <div class="pre-content heading-holder"> <div class="page-heading"> <h1 id="firstHeading" class="firstHeading mw-first-heading">« Expérience utilisateur » : différence entre les versions</h1> <div class="tagline"></div> </div> <nav class="page-actions-menu"> <ul id="p-views" class="page-actions-menu__list"> <li id="language-selector" class="page-actions-menu__list-item"><a role="button" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-mw="interface" data-event-name="menu.languages" title="Langue" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet language-selector disabled"> <span class="minerva-icon minerva-icon--language"></span> <span>Langue</span> </a></li> <li id="page-actions-watch" class="page-actions-menu__list-item"><a role="button" id="ca-watch" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Exp%C3%A9rience+utilisateur&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-event-name="menu.watch" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet menu__item--page-actions-watch"> <span class="minerva-icon minerva-icon--star"></span> <span>Suivre</span> </a></li> <li id="page-actions-history" class="page-actions-menu__list-item"><a role="button" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&action=history&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-event-name="menu.history" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet menu__item--page-actions-history"> <span class="minerva-icon minerva-icon--history"></span> <span>Voir l’historique</span> </a></li> <li id="page-actions-edit" class="page-actions-menu__list-item"><a role="button" id="ca-edit" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-event-name="menu.edit" data-mw="interface" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet edit-page menu__item--page-actions-edit"> <span class="minerva-icon minerva-icon--edit"></span> <span>Modifier</span> </a></li> </ul> </nav> <div id="mw-content-subtitle"></div> </div> <div id="bodyContent" class="content"> <div id="mw-content-text" class="mw-body-content"> <script>function mfTempOpenSection(id){var block=document.getElementById("mf-section-"+id);block.className+=" open-block";block.previousSibling.className+=" open-block";}</script> <div class="mw-revslider-container"> <span style="width: 100%; text-align: center;" id="ooui-php-1" class="mw-revslider-toggle-button oo-ui-widget oo-ui-widget-enabled oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-indicatorElement oo-ui-labelElement oo-ui-buttonWidget" data-ooui="{"_":"OO.ui.ButtonWidget","rel":["nofollow"],"framed":false,"indicator":"down","label":"Navigation interactive dans l\u2019historique","title":"Ouvrir la glissi\u00e8re des versions","classes":["mw-revslider-toggle-button"]}"><a role="button" title="Ouvrir la glissière des versions" tabindex="0" rel="nofollow" class="oo-ui-buttonElement-button"><span class="oo-ui-iconElement-icon oo-ui-iconElement-noIcon"></span><span class="oo-ui-labelElement-label">Navigation interactive dans l’historique</span><span class="oo-ui-indicatorElement-indicator oo-ui-indicator-down"></span></a></span> <div class="mw-revslider-slider-wrapper" style="display: none;"> <div class="mw-revslider-placeholder"> <div class="mw-revslider-spinner"> <div class="mw-revslider-bounce"></div> </div> </div> </div> </div> <div class="mw-diff-revision-history-links"> <a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=prev&oldid=200830561&diffonly=1&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-diff-revision-history-link-previous" title="Expérience utilisateur">← Modification précédente</a> </div> <div class="mw-diff-table-prefix" dir="ltr" lang="fr"> <div class="mw-diff-inline-legend"> <span class="mw-diff-inline-legend-del">Contenu supprimé</span> <span class="mw-diff-inline-legend-ins">Contenu ajouté</span> </div> <div class="ve-init-mw-diffPage-diffMode"> <span class="oo-ui-widget oo-ui-widget-enabled oo-ui-buttonGroupWidget"><span aria-disabled="true" class="oo-ui-widget oo-ui-widget-disabled oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-iconElement oo-ui-labelElement oo-ui-buttonWidget"><a role="button" tabindex="-1" aria-disabled="true" rel="nofollow" class="oo-ui-buttonElement-button"><span class="oo-ui-iconElement-icon oo-ui-icon-eye oo-ui-image-invert"></span><span class="oo-ui-labelElement-label">Visuel</span><span class="oo-ui-indicatorElement-indicator oo-ui-indicatorElement-noIndicator oo-ui-image-invert"></span></a></span><span class="oo-ui-widget oo-ui-widget-enabled oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-iconElement oo-ui-labelElement oo-ui-buttonWidget oo-ui-buttonElement-active"><a role="button" tabindex="0" rel="nofollow" class="oo-ui-buttonElement-button"><span class="oo-ui-iconElement-icon oo-ui-icon-wikiText oo-ui-image-invert"></span><span class="oo-ui-labelElement-label">Wikicode</span><span class="oo-ui-indicatorElement-indicator oo-ui-indicatorElement-noIndicator oo-ui-image-invert"></span></a></span></span> </div> </div> <table class="diff diff-type-inline diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <colgroup> <col class="diff-marker"> <col class="diff-content"> <col class="diff-marker"> <col class="diff-content"> </colgroup> <tbody> <tr class="diff-title" lang="fr"> <td colspan="2" class="diff-otitle diff-side-deleted"> <div id="mw-diff-otitle1"> <strong><a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&oldid=200830561&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Expérience utilisateur">Version du 27 janvier 2023 à 15:16</a> <span class="mw-diff-edit"><a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&action=edit&oldid=200830561&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Expérience utilisateur">modifier</a></span><span class="mw-diff-timestamp" data-timestamp="2023-01-27T14:16:27Z"></span></strong> </div> <div id="mw-diff-otitle2"> <a href="https://fr-m-wikipedia-org.translate.goog/wiki/Utilisateur:Oph%C3%A9lieBU?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-userlink" title="Utilisateur:OphélieBU" data-mw-revid="200830561"><bdi>OphélieBU</bdi></a> <span class="mw-usertoollinks">(<a href="https://fr-m-wikipedia-org.translate.goog/wiki/Discussion_utilisateur:Oph%C3%A9lieBU?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-usertoollinks-talk" title="Discussion utilisateur:OphélieBU">discuter</a> | <a href="https://fr-m-wikipedia-org.translate.goog/wiki/Sp%C3%A9cial:Contributions/Oph%C3%A9lieBU?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-usertoollinks-contribs" title="Spécial:Contributions/OphélieBU">contributions</a>)</span> <div class="mw-diff-usermetadata"> <div class="mw-diff-userroles"></div> <div class="mw-diff-usereditcount"> <span>1 608</span> modifications </div> </div> </div> <div id="mw-diff-otitle3"><span class="comment comment--without-parentheses"><span class="autocomment"><a href="https://fr-m-wikipedia-org.translate.goog/wiki/Exp%C3%A9rience_utilisateur?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Bibliographie" title="Expérience utilisateur">→<bdi dir="ltr">Bibliographie</bdi></a> : </span> + référence / #1Lib1Ref #scdAMU</span> </div> <div id="mw-diff-otitle5"> <span class="mw-tag-markers"><a href="https://fr-m-wikipedia-org.translate.goog/wiki/Sp%C3%A9cial:Balises?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Spécial:Balises">Balise</a> : <span class="mw-tag-marker mw-tag-marker-visualeditor"><a href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:%C3%89diteurVisuel?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">Éditeur visuel</a></span></span> </div> <div id="mw-diff-otitle4"> <a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&diff=prev&oldid=200830561&diffonly=1&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Expérience utilisateur" id="differences-prevlink">← Modification précédente</a> </div></td> <td colspan="2" class="diff-ntitle diff-side-added"> <div id="mw-diff-ntitle1"> <strong><a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&oldid=219633911&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Expérience utilisateur">Dernière version du 21 octobre 2024 à 13:36</a> <span class="mw-diff-edit"><a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Expérience utilisateur">modifier</a></span><span class="mw-diff-timestamp" data-timestamp="2024-10-21T12:36:30Z"></span> <span class="mw-diff-undo"><a href="https://fr-m-wikipedia-org.translate.goog/w/index.php?title=Exp%C3%A9rience_utilisateur&action=edit&undoafter=200830561&undo=219633911&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="« Annuler » rétablit la modification précédente et ouvre la fenêtre de modification en mode prévisualisation. Il est possible d’ajouter une raison dans le résumé.">annuler</a></span></strong> </div> <div id="mw-diff-ntitle2"> <a href="https://fr-m-wikipedia-org.translate.goog/wiki/Utilisateur:Pautard?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-userlink" title="Utilisateur:Pautard" data-mw-revid="219633911"><bdi>Pautard</bdi></a> <span class="mw-usertoollinks">(<a href="https://fr-m-wikipedia-org.translate.goog/wiki/Discussion_utilisateur:Pautard?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-usertoollinks-talk" title="Discussion utilisateur:Pautard">discuter</a> | <a href="https://fr-m-wikipedia-org.translate.goog/wiki/Sp%C3%A9cial:Contributions/Pautard?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-usertoollinks-contribs" title="Spécial:Contributions/Pautard">contributions</a>)</span> <div class="mw-diff-usermetadata"> <div class="mw-diff-userroles"></div> <div class="mw-diff-usereditcount"> <span>896 280</span> modifications </div> </div> </div> <div id="mw-diff-ntitle3"> <abbr class="minoredit" title="Cette modification est mineure.">m</abbr> <span class="comment comment--without-parentheses">préexistantes</span> </div> <div id="mw-diff-ntitle5"></div> <div id="mw-diff-ntitle4">   </div></td> </tr> <tr> <td colspan="4" class="diff-multi" lang="fr">(22 versions intermédiaires par 14 utilisateurs non affichées)</td> </tr> <tr> <td colspan="4"> <div class="mw-diff-inline-header"> Ligne 1 : </div> <div class="mw-diff-inline-context"> {{Confusion|Interface utilisateur|}} </div> <div class="mw-diff-inline-changed"> [[Fichier:User-experience-diagram.png|thumb|Diagramme situant l'expérience utilisateur <ins title="Contenu ajouté">.</ins>]] </div> <div class="mw-diff-inline-added mw-diff-empty-line"> <ins title="Contenu ajouté"> </ins> </div> <div class="mw-diff-inline-changed"> L''''expérience utilisateur'''<ref>{{GDT|expérience utilisateur}}.</ref> (EU) (en anglais, ''{{Langue|en|user experience}}'', abrégé <ins title="Contenu ajouté">en "</ins>{{langue|en|UX}} <ins title="Contenu ajouté">"</ins><ref>Le X figure la prononciation anglaise de la première syllabe de ''{{langue|en|experience}}''.</ref>) est la qualité du vécu de l'utilisateur dans des environnements numériques ou physiques. C'est une notion de plus en plus courante là où l'on utilisait, encore récemment, les notions d'[[ergonomie]] des logiciels et d'[[utilisabilité]]<ref name="Barcenilla">{{Article|langue=fr|auteur1=J. Barcenilla|auteur2=J.M.C. Bastien|titre=L'acceptabilité des nouvelles technologies : quelles relations avec l'ergonomie, l'utilisabilité et l'expérience utilisateur ?|périodique=Le travail humain|volume=72|date=2009|issn=|lire en ligne=|pages=311-331}}.</ref>. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> == Définitions == </div> <div class="mw-diff-inline-context"> [[Fichier:UX Design.png|thumb|L'utilisateur au centre de la conception des applications]] </div> <div class="mw-diff-inline-changed"> La notion d’expérience utilisateur marque une évolution disciplinaire (pluridisciplinaire), méthodologique et conceptuelle dans la façon de concevoir la relation de l'utilisateur aux produits et aux systèmes techniques, d'une part, et de considérer leur qualité « ergonomique », d'autre part<ref name="Barcenilla" />. Cette évolution passe par la prise en compte des caractéristiques non instrumentales (non liées à l'efficacité, la sécurité ou la fiabilité) des produits et des systèmes techniques, soit l'apparence, l'esthétique, le plaisir, l'émotion, etc.<ref name="Barcenilla" />. <del title="Contenu supprimé"></del> </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> [[Donald Norman]], professeur émérite en <ins title="Contenu ajouté">[[</ins>sciences cognitives <ins title="Contenu ajouté">]]</ins> de l'[[Université de Californie à San Diego]], invente le terme dans les années 1990, dans l'ouvrage ''{{Lien|The Design of Everyday Things}}''. Il y développe l'idée d'une « [[conception centrée utilisateur]] »<ref>{{Ouvrage|langue=en|auteur1=D.A. Norman|auteur2=S. Draper|directeur2=oui|directeur3=oui|titre=User Centered System design : New perspectives on Human-computer Interaction|éditeur=Lawrence Earlbaum Association|lieu=Hillsdale|année=1986|isbn=}}.</ref>{{,}}<ref>{{Ouvrage|langue=en|auteur1=J. Karat|auteur2=J.L. Bennett|titre=Designing Interaction|éditeur=Cambridge University Press|lieu=Cambridge|année=1991|passage=269-285|isbn=|titre chapitre=Working within the design process: Supporting effective and efficient design}}.</ref>. L'idée consiste à considérer l'ensemble des caractéristiques et des besoins des utilisateurs lors du développement des produits, et à faire participer ceux-ci activement au processus de leur conception<ref name="Barcenilla" />. Norman souhaite ainsi étendre le champ trop étroit de l’[[utilisabilité]] afin de couvrir tous les aspects de l’expérience d’un individu avec un produit ou un système. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> Norman explique d’ailleurs l’invention du terme, dans un échange privé avec Peter Merholz, cité par Aurélien Tabard et Alain Mille<ref>{{Ouvrage|langue=fr|auteur1=Jean-Michel Salaün|auteur2=Benoît Habert|titre=Architecture de l'information|sous-titre=méthodes, outils, enjeux|éditeur=De Boeck|lieu=Louvain-la-Neuve/Paris|date= <del title="Contenu supprimé">DL 2015, ©</del>2015|pages totales=205|isbn=978-2-8041-9140-5|isbn2=2804191400|oclc=910530453 <del title="Contenu supprimé">|lire en ligne=https://www.worldcat.org/oclc/910530453|consulté le=2019-01-05</del>}}.</ref> : </div> <div class="mw-diff-inline-changed"> {{citation bloc|J’ai inventé <del title="Contenu supprimé"></del> l’expression car je pensais que Interface Humaine (Human Interface) et utilisabilité (usability) étaient trop limités : je voulais couvrir tous les aspects de l’expérience d’une personne avec un système, en considérant le design industriel, le graphisme, l’interface, l’interaction physique et le manuel. Depuis, l’expression s’est diffusée énormément, tellement qu’elle a commencé à perdre de son sens.}} </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> Popularisée dans les années 2000, l'UX a été abordée de diverses manières et de nombreuses définitions ont été suggérées, sans donner lieu à un réel consensus<ref name="Barcenilla" />. Cette absence de consensus a été soulignée par Barcenilla et Bastien, de l'[[Université de Metz]] : </div> <div class="mw-diff-inline-header"> Ligne 16 ⟶ 17 : </div> <div class="mw-diff-inline-context"> {{citation bloc|La notion d’expérience utilisateur peut être envisagée dans un premier temps comme un cadre intégrateur, inclusif et holistique des différentes composantes relatives à l’interaction utilisateur/produit qui constituent autant de variables permettant de rendre compte de l’expérience subjective de l’utilisateur. Cependant, il n’y a pas une approche « expérience de l’utilisateur » mais des approches, étant donné la diversité de points de vue disciplinaires, méthodologiques et conceptuels sur le sujet. Il est donc difficile de trouver un consensus permettant d’arriver à une définition unique de ce qu’on peut entendre par « expérience de l’utilisateur »<ref name="Barcenilla" />.}} </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> Une première définition a été proposée par Lauralee Alben en 1996, pour qui l'UX regroupe {{Citation|tous les aspects liés à la manière dont les gens utilisent un produit interactif : la sensation du produit dans leurs mains, la compréhension de son fonctionnement, le ressenti durant l’usage, l’accomplissement de leurs buts mais également son adéquation avec le contexte global dans lequel ils l’utilisent <ins title="Contenu ajouté">}}</ins><ref>{{Article |langue=en |prénom1=Lauralee|nom1=Alben |titre=Quality of experience: defining the criteria for effective interaction design|périodique=interactions|volume=3|numéro=3|date=1996-05-01|issn=1072-5520|doi=10.1145/235008.235010|lire en ligne=https://dx.doi.org/10.1145/235008.235010 |consulté le=2019-01-05 |pages=11–15}}.</ref>. <del title="Contenu supprimé">}}</del> En 2003, Arhippainen et Tähti proposent de définir l'UX comme le {{Citation|résultat de l'interaction de cinq catégories de facteurs : sociaux, culturels, ceux liés aux caractéristiques de l'utilisateur, ceux liés au contexte et ceux liés aux caractéristiques du produit <ins title="Contenu ajouté">}}</ins><ref>{{en}} <ins title="Contenu ajouté"></ins>L. Archippainen et M. Tähti, « Empirical evaluation of user experience in two adaptative mobile application prototypes », ''Proceedings of the 2nd International Conference on Mobile and Ubiquitous Multimedia'' (MUM), Norrköping, Sweden, 2003.</ref>. <del title="Contenu supprimé">}}</del> Cette définition suggère la prise en considération du contexte et de la motivation du sujet. Semblablement, en 2006, Hassenzahl et Tractinsky définissent l'UX comme {{Citation|la conséquence de l'état interne de l'utilisateur (prédispositions, attentes, besoins, motivations, humeur{{etc.}}), des caractéristiques du système (exemple : complexité, objectif, utilisabilité, fonctionnalité{{etc.}}) et du contexte (ou environnement) dans lequel ont lieu les interactions <ins title="Contenu ajouté">}}</ins><ref name=":1">{{Article|langue= <del title="Contenu supprimé">anglais</del> <ins title="Contenu ajouté">en</ins>|auteur1=M. Hassenzahl|auteur2=N. Tractinsky|titre=User experience - a research agenda|périodique=Behavior & Information Technology|volume=25|date=2006|issn=|lire en ligne=|pages=91-97}}.</ref>. <del title="Contenu supprimé">}}</del> Mahlke identifie lui trois dimensions à l'UX : la perception des qualités instrumentales (utilisabilité) ; la perception des qualités non instrumentales (esthétique, valeur véhiculées, facteurs motivationnels{{etc.}}) ; et les réactions émotionnelles (sentiments subjectifs, expressions motrices et comportementales, réactions physiologiques, évaluation cognitives{{etc.}})<ref>{{Ouvrage|langue=en |auteur1=S. Mahlke|titre=User experience of interaction with technical system |passage= |lieu=Saarbrücken |éditeur=VDM|date=2008|pages totales=|isbn <del title="Contenu supprimé">=|lire en ligne</del>=}}.</ref>{{refinc|date=avril 2021}}. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> La littérature plus récente souligne que les interactions personne-système dépendent de deux composantes : une composante non expérientielle, qui se rattache à la fonction utilitaire, et une composante expérientielle, qui renvoie au ressenti et aux réponses cognitives et émotionnelles de la situation d’interaction. Ces deux interactions dépendent des conditions cognitives et sociales de la situation dans laquelle intervient l’UX. Cette double articulation implique par conséquent des champs théoriques relevant de <del title="Contenu supprimé">l’ergonomie</del> <ins title="Contenu ajouté">l’[[ergonomie</ins> cognitive <ins title="Contenu ajouté">]]</ins> et d’autres liés à la psychologie sociale<ref>{{Article |prénom1=Alexandra |nom1=Nemery |prénom2=Eric |nom2=Brangier |prénom3=Steve |nom3=Kopp |titre=Proposition d'une grille de critères d'analyse ergonomiques des formes de persuasion interactive |périodique=Conférence internationale francophone sur l'interaction homme-machine (IHM '10) |éditeur=ACM Press |date=09/2010 |pages=153-156 |isbn=9781450304108 |doi=10.1145/1941007.1941034 |lire en ligne=https://dx.doi.org/10.1145/1941007.1941034 |consulté le=2019-01-07}}.</ref>. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> La communauté des designers UX s'est développée à partir des années 2000. Elle est principalement représentée à l'international par la <del title="Contenu supprimé">{{lien|</del> <ins title="Contenu ajouté">[[</ins>User Experience Professionals Association <del title="Contenu supprimé">}}</del> <ins title="Contenu ajouté">]]</ins> (UXPA) fondée en 1991 et qui comprend près de {{nb|2400 membres}}{{Quand|date=février 2020}}{{Référence nécessaire|date=février 2020}}. Son chapitre français est la Flupa (Association francophone des professionnels de l'expérience utilisateur). En France, l'association [[Designers interactifs]] est aussi très active dans le domaine de l'UX et revendique {{nb|1200 membres}}{{Quand|date=février 2020}}{{Référence nécessaire|date=février 2020}}. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> == Modèles théoriques == </div> <div class="mw-diff-inline-changed"> Les modèles théoriques de l'expérience utilisateur sont généralement mobilisés dans les travaux scientifiques et peuvent concerner plusieurs disciplines comme les sciences cognitives, les <ins title="Contenu ajouté">[[</ins>sciences de gestion <ins title="Contenu ajouté">]]</ins>, ou les sciences de l'information et de la communication. Ces modèles sont également utilisés par des professionnels dans le cadre de la conception des interface homme machines ou plus récemment dans la réalisation de pages internet. Il existe de nombreux modèles dans la littérature néanmoins <ins title="Contenu ajouté">,</ins> trois modèles principaux sont fréquemment cités : le modèle d’ Hassenzahl, le modèle de Mahlke et le modèle de Karapanos. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> === Le modèle d’Hassenzahl : de la perspective du concepteur à la perspective de l’utilisateur === </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-destination mw-diff-inline-moved-downwards"> <a name="movedpara_20_0_rhs"></a>Le modèle d’Hassenzahl (2003) <del title="Contenu supprimé"></del> souligne la différence prépondérante existant entre la perspective du concepteur et la perspective de l’utilisateur. Le concepteur, ou le producteur par son degré d’expertise ou ses connaissances va élaborer les dispositifs sans pouvoir se projeter objectivement à la place de l’utilisateur. Son jugement et a fortiori sa production peut être biaisée par ses propres représentations. Le concepteur choisit et combine des éléments (contenu, <ins title="Contenu ajouté">[[</ins>graphisme <ins title="Contenu ajouté">]]</ins>, design, fonctionnalités, modalités d’interaction) pour donner au produit un caractère particulier. Cependant, celui-ci est subjectif et traduit seulement l’intention du <del title="Contenu supprimé">[[</del>concepteur <del title="Contenu supprimé">]]</del>. Il n’est pas assuré que l’utilisateur perçoive et apprécie le produit de la manière souhaitée. C’est justement l’étude UX qui va garantir l’adéquation entre les points de vue du concepteur et de l’utilisateur<ref name="Lallemand">{{Ouvrage|langue= <del title="Contenu supprimé">Français</del> <ins title="Contenu ajouté">fr</ins>|auteur1=Lallemand & al|titre=Méthodes de design UX: 30 méthodes fondamentales pour concevoir et évaluer les systèmes interactifs|passage=|lieu=FR|éditeur=Éditions Eyrolles <del title="Contenu supprimé">.</del>|date=2015|pages totales=|isbn <del title="Contenu supprimé">=|lire en ligne</del>=}}</ref>. (Lallemand, Gronier, 2015).<a class="mw-diff-movedpara-right" title="Paragraphe déplacé. Cliquer pour accéder à l’ancien emplacement." data-title-tag="new" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_23_0_lhs">▼</a> </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-destination mw-diff-inline-moved-downwards"> <a name="movedpara_22_0_rhs"></a>=== Le modèle de Mahlke : un cadre d’analyse global <del title="Contenu supprimé"></del> ===<a class="mw-diff-movedpara-right" title="Paragraphe déplacé. Cliquer pour accéder à l’ancien emplacement." data-title-tag="new" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_27_0_lhs">▼</a> </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-source mw-diff-inline-moved-upwards"> <a name="movedpara_23_0_lhs"></a><a class="mw-diff-movedpara-left" title="Paragraphe déplacé. Cliquer pour accéder au nouvel emplacement." data-title-tag="old" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_20_0_rhs">▲</a>Le modèle d’Hassenzahl (2003) souligne la différence prépondérante existant entre la perspective du concepteur et la perspective de l’utilisateur. Le concepteur, ou le producteur par son degré d’expertise ou ses connaissances va élaborer les dispositifs sans pouvoir se projeter objectivement à la place de l’utilisateur. Son jugement et a fortiori sa production peut être biaisée par ses propres représentations. Le concepteur choisit et combine des éléments (contenu, graphisme, design, fonctionnalités, modalités d’interaction) pour donner au produit un caractère particulier. Cependant, celui-ci est subjectif et traduit seulement l’intention du [[concepteur]]. Il n’est pas assuré que l’utilisateur perçoive et apprécie le produit de la manière souhaitée. C’est justement l’étude UX qui va garantir l’adéquation entre les points de vue du concepteur et de l’utilisateur<ref name="Lallemand">{{Ouvrage|langue=Français|auteur1=Lallemand & al|titre=Méthodes de design UX: 30 méthodes fondamentales pour concevoir et évaluer les systèmes interactifs|passage=|lieu=FR|éditeur=Éditions Eyrolles.|date=2015|pages totales=|isbn=|lire en ligne=}}</ref>. (Lallemand, Gronier, 2015). </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-destination mw-diff-inline-moved-downwards"> <a name="movedpara_24_0_rhs"></a>Ce modèle propose d’intégrer les différents aspects de l’expérience de l’utilisateur qu’on retrouve éparpillés dans la littérature, en les étayant par des données expérimentales. En effet partant d’une revue de littérature et de résultats de recherches [[Empirisme|empiriques]] Malke propose un cadre d’analyse plus global qui intègre la plupart des composantes de l’expérience utilisateur que l’on trouve dans les différentes approches<ref>{{Article|langue= <del title="Contenu supprimé">Anglais</del> <ins title="Contenu ajouté">en</ins>|auteur1=Thüring, M., & Mahlke, S.|titre=Usability, aesthetics and emotions in human–technology interaction|périodique=International Journal of Psychology|date=2007|issn=|lire en ligne=|pages=42(4), 253-264.}}</ref> (Thuring et Mahlke, 2007 ; Malke, 2008), notamment de deux dimensions caractéristiques : la perception des qualités instrumentales qui correspondent à l’utilité perçue et à la notion d’utilisabilité (dimension1) et la perception des qualités non instrumentales comme l’esthétique, les facteurs motivation réels (dimension2). Cependant le modèle se distingue par une troisième dimension (dimension 3) soulignant le rôle des [[émotion]]s en tant que fonction médiatrice entre les caractéristiques perçues d’un système et les conséquences de son usage.<a class="mw-diff-movedpara-right" title="Paragraphe déplacé. Cliquer pour accéder à l’ancien emplacement." data-title-tag="new" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_28_1_lhs">▼</a> </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-destination mw-diff-inline-moved-downwards"> <a name="movedpara_26_0_rhs"></a>Les caractéristiques de l’utilisateur et les paramètres du contexte ont une influence sur les [[Interactions homme-machine|interactions]] entre les trois dimensions de l’expérience utilisateur évoquées plus haut, ainsi que sur les conséquences de l’expérience de l’utilisateur (jugements et comportements). Les qualités instrumentales et non instrumentales sont perçues par les utilisateurs comme étant indépendantes, bien que les réactions émotionnelles soient influencées par ces deux catégories de facteurs. Bien que cela ne soit pas mentionné de manière explicite, ce modèle intègre également des composantes des approches dites de l’ acceptabilité qui se sont développées, indépendamment des approches de l’utilisabilité, plutôt dans une perspective [[Épistémologie|épistémologique]] socio-cognitiviste<ref>{{Article|langue= <del title="Contenu supprimé">Français</del> <ins title="Contenu ajouté">fr</ins>|auteur1=Barcenilla, J., & Bastien, J.M|titre=L'acceptabilité des nouvelles technologies : quelles relations avec l'ergonomie, l'utilisabilité et l'expérience utilisateur ?|périodique=Le Travail Humain|date=2009|issn=|lire en ligne=|pages=72 (4), 311-331.}}</ref> (Barcenilla, Bastien 2009)<a class="mw-diff-movedpara-right" title="Paragraphe déplacé. Cliquer pour accéder à l’ancien emplacement." data-title-tag="new" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_28_3_lhs">▼</a> </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-source mw-diff-inline-moved-upwards"> <a name="movedpara_27_0_lhs"></a><a class="mw-diff-movedpara-left" title="Paragraphe déplacé. Cliquer pour accéder au nouvel emplacement." data-title-tag="old" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_22_0_rhs">▲</a>=== Le modèle de Mahlke : un cadre d’analyse global === </div> <div class="mw-diff-inline-deleted mw-diff-empty-line"> <del title="Contenu supprimé"> </del> </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-source mw-diff-inline-moved-upwards"> <a name="movedpara_28_1_lhs"></a><a class="mw-diff-movedpara-left" title="Paragraphe déplacé. Cliquer pour accéder au nouvel emplacement." data-title-tag="old" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_24_0_rhs">▲</a>Ce modèle propose d’intégrer les différents aspects de l’expérience de l’utilisateur qu’on retrouve éparpillés dans la littérature, en les étayant par des données expérimentales. En effet partant d’une revue de littérature et de résultats de recherches [[Empirisme|empiriques]] Malke propose un cadre d’analyse plus global qui intègre la plupart des composantes de l’expérience utilisateur que l’on trouve dans les différentes approches<ref>{{Article|langue=Anglais|auteur1=Thüring, M., & Mahlke, S.|titre=Usability, aesthetics and emotions in human–technology interaction|périodique=International Journal of Psychology|date=2007|issn=|lire en ligne=|pages=42(4), 253-264.}}</ref> (Thuring et Mahlke, 2007 ; Malke, 2008), notamment de deux dimensions caractéristiques : la perception des qualités instrumentales qui correspondent à l’utilité perçue et à la notion d’utilisabilité (dimension1) et la perception des qualités non instrumentales comme l’esthétique, les facteurs motivation réels (dimension2). Cependant le modèle se distingue par une troisième dimension (dimension 3) soulignant le rôle des [[émotion]]s en tant que fonction médiatrice entre les caractéristiques perçues d’un système et les conséquences de son usage. </div> <div class="mw-diff-inline-deleted mw-diff-empty-line"> <del title="Contenu supprimé"> </del> </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-source mw-diff-inline-moved-upwards"> <a name="movedpara_28_3_lhs"></a><a class="mw-diff-movedpara-left" title="Paragraphe déplacé. Cliquer pour accéder au nouvel emplacement." data-title-tag="old" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_26_0_rhs">▲</a>Les caractéristiques de l’utilisateur et les paramètres du contexte ont une influence sur les [[Interactions homme-machine|interactions]] entre les trois dimensions de l’expérience utilisateur évoquées plus haut, ainsi que sur les conséquences de l’expérience de l’utilisateur (jugements et comportements). Les qualités instrumentales et non instrumentales sont perçues par les utilisateurs comme étant indépendantes, bien que les réactions émotionnelles soient influencées par ces deux catégories de facteurs. Bien que cela ne soit pas mentionné de manière explicite, ce modèle intègre également des composantes des approches dites de l’ acceptabilité qui se sont développées, indépendamment des approches de l’utilisabilité, plutôt dans une perspective [[Épistémologie|épistémologique]] socio-cognitiviste<ref>{{Article|langue=Français|auteur1=Barcenilla, J., & Bastien, J.M|titre=L'acceptabilité des nouvelles technologies : quelles relations avec l'ergonomie, l'utilisabilité et l'expérience utilisateur ?|périodique=Le Travail Humain|date=2009|issn=|lire en ligne=|pages=72 (4), 311-331.}}</ref> (Barcenilla, Bastien 2009) </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> === Le modèle de Karapanos : la temporalité comme quatrième dimension de l’UX === </div> <div class="mw-diff-inline-context"> Les modèles ci-dessus ne font pas état de la dimension temporelle de l’activité. Si l’expérience en temps réel vécue par un sujet pendant l’interaction avec un système est généralement considérée comme le cœur de l’UX, {{Style à revoir|il semble important de se préoccuper|date=avril 2021}} des différentes étapes chronologiques du cours d’action dans lequel le sujet est inscrit. Aux trois composantes classiques que sont le système, l’utilisateur et le contexte, Lallemand proposent en 2015 d’inclure la dimension temporelle<ref name="Lallemand" />. En effet, les attentes et les cognitions d’un utilisateur peuvent être reliées aux étapes antérieures, alors que le comportement final attendu est lié à des étapes ultérieures. La prise en considération des phases temporelles de l’UX a fait l’objet de travaux de recherche notamment via le cadre d’analyse de E. Karapanos, qui propose d’aborder l’expérience utilisateur de la phase d’anticipation (attentes de l’utilisateur) jusqu’à une phase à plus long terme d’attachement émotionnel<ref>{{Article |langue=en |auteur1=Karapanos, E. |auteur2=Zimmerman, J. |auteur3=Forlizzi, J. |auteur4=Martens, J. B. |titre=User experience over time: an initial framework |périodique=Proceedings of the SIGCHI conference on human factors in computing systems|date=2009|issn=|lire en ligne=https://dl.acm.org/citation.cfm?id=1518814 |pages=729-738}}.</ref>. </div> <div class="mw-diff-inline-added mw-diff-empty-line"> <ins title="Contenu ajouté"> </ins> </div> <div class="mw-diff-inline-context"> [[Fichier:Geoffrey-crofte-experience-utilisateur-globale-temporelle-@2x.png|alt=Avant l'utilisation ou la réutilisation, l'utilisateur en a un souvenir ou un a priori fourni par l'aspect social (ses amis) ; pendant, il s'agit de l'utilisation de l'interface ; et après, il s'agit du souvenir que vous conserverez de son utilisation, et le partage que vous en ferez.|vignette|Une expérience utilisateur globale incluant la temporalité et le souvenir, proposée par Geoffrey Crofte<ref>{{Lien web |langue=en |prénom=Quentin |nom=Kuntzmann |titre=La place de la Psychologie dans le Design UX |url=https://medium.com/design-ux-francophone/place-psychologie-design-ux-beeb62351cb0 |site=Medium |date=2021-02-26 |consulté le=2021-04-01}}.</ref>.]] </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> == Débats == </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-destination mw-diff-inline-moved-downwards"> <a name="movedpara_32_0_rhs"></a>La prise en compte des émotions, autour de laquelle gravite le concept d'expérience utilisateur, ne fait pas l'objet d'un consensus parmi les auteurs. Précurseur de cette approche, [[Donald Norman]] défend une « conception émotionnelle » de l'[[utilisabilité]], où les traitements d'ordre cognitif et affectif s'influencent mutuellement<ref name=":2">{{Ouvrage |langue=en |auteur1=[[Donald Norman]] |titre=Emotional Design |lieu=New York |éditeur=Basic Books|date=2004 |pages totales=|isbn= <del title="Contenu supprimé">|lire en ligne=</del>|passage= <del title="Contenu supprimé"></del>}}</ref>{{refinc|date=février 2020}}. Son modèle permet de distinguer trois niveaux de <ins title="Contenu ajouté">[[</ins>traitement de l'information <ins title="Contenu ajouté">]]</ins> des caractéristiques des produits, soit les niveaux viscéral, comportemental et réflexif.<a class="mw-diff-movedpara-right" title="Paragraphe déplacé. Cliquer pour accéder à l’ancien emplacement." data-title-tag="new" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_34_0_lhs">▼</a> </div> <div class="mw-diff-inline-deleted mw-diff-empty-line"> <del title="Contenu supprimé"> </del> </div> <div class="mw-diff-inline-moved mw-diff-inline-moved-source mw-diff-inline-moved-upwards"> <a name="movedpara_34_0_lhs"></a><a class="mw-diff-movedpara-left" title="Paragraphe déplacé. Cliquer pour accéder au nouvel emplacement." data-title-tag="old" href="https://fr-m-wikipedia-org.translate.goog/w/index.php?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#movedpara_32_0_rhs">▲</a>La prise en compte des émotions, autour de laquelle gravite le concept d'expérience utilisateur, ne fait pas l'objet d'un consensus parmi les auteurs. Précurseur de cette approche, [[Donald Norman]] défend une « conception émotionnelle » de l'[[utilisabilité]], où les traitements d'ordre cognitif et affectif s'influencent mutuellement<ref name=":2">{{Ouvrage |langue=en |auteur1=[[Donald Norman]] |titre=Emotional Design |lieu=New York |éditeur=Basic Books|date=2004 |pages totales=|isbn=|lire en ligne= |passage= }}</ref>{{refinc|date=février 2020}}. Son modèle permet de distinguer trois niveaux de traitement de l'information des caractéristiques des produits, soit les niveaux viscéral, comportemental et réflexif. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> {{citation bloc|Le rôle de l'ergonome dans cette perspective serait d'examiner les caractéristiques du produit et les réactions qu'il provoque à ces différents niveaux de traitement, afin de déceler et modifier les aspects qui conduisent à des états affectifs à valence négative, et qui empêchent ou interfèrent avec les traitements cognitifs ou moteurs nécessaires à la réalisation de la tâche<ref name="Barcenilla" />.}} </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> Différents auteurs ont critiqué cette approche. Une première critique souligne l'état de la recherche sur les émotions, de même que la diversité des approches (théoriques et méthodologiques) pour en rendre compte. Une deuxième critique défend l'idée selon laquelle les interactions utilisateur/produit ne peuvent être réduites aux phénomènes affectifs. Cette critique, portée par Palen et Bodker, souligne la nécessité de considérer le rôle du contexte, de l'expérience de l'individu et d'autres qualités des produits (efficience, sécurité, fiabilité) dans l'expérience émotionnelle de l'individu<ref>{{Ouvrage|langue=en|auteur1=L. Palen|auteur2=S. Bodker|titre=Affect and Emotion in human-computer interaction|éditeur=Springer Verlag|lieu=Heidelberg|année=2008|passage=12-22|isbn=|titre chapitre=Don't get emotional}}</ref>. Enfin, une troisième critique souligne le caractère éphémère des émotions<ref>{{Article|langue= <del title="Contenu supprimé">anglais</del> <ins title="Contenu ajouté">en</ins>|auteur1=M. Hassenzahl|titre=Emotions can be quite ephemeral: We can not design for then|périodique=Interactions|volume=11|numéro=5|date=2004|issn=|lire en ligne=|pages=46-48}}</ref>. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> Un autre sujet de dissension veut que l'émotion précède l'usage<ref name=":2" />, ou qu'elle suit l'interaction utilisateur/produit<ref name=":1" />{{,}}<ref>Desmet, P.M.A., Hekkert, P. et M.G. Hillen. 2004. « Values and emotion ». Proceedings of the Fifth European Academy of Design Conference. Barcelona, Spain.</ref>. </div> <div class="mw-diff-inline-header"> Ligne 53 ⟶ 52 : </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> Et cela est exactement ce que les designers produits font à votre esprit. Ils jouent avec vos vulnérabilités psychologiques (consciemment ou inconsciemment) dans la quête d’attirer votre attention.}} </div> <div class="mw-diff-inline-added mw-diff-empty-line"> <ins title="Contenu ajouté"> </ins> </div> <div class="mw-diff-inline-changed"> Cette préoccupation rejoint la notion beaucoup plus ancienne de [[Techniques de persuasion|technique de persuasion]]. Appliquée dans les services numériques, elle a été baptisée [[captologie]] en 1996 par B.J. Fogg<ref>{{Ouvrage <ins title="Contenu ajouté">|langue=en</ins>|prénom1=Fogg, B.|nom1=J.|titre=Persuasive Technology|sous-titre=Using Computers to Change What We Think and Do|éditeur=Morgan Kaufmann Publishers|année=2003|pages totales=312|isbn=978-0-08-047994-1|isbn2=0080479944|isbn3=9781281049278|oclc=154232343 <del title="Contenu supprimé">|lire en ligne=https://www.worldcat.org/oclc/154232343|consulté le=2019-01-10</del>}}</ref> de l' <ins title="Contenu ajouté">[[Université Stanford|</ins>université de Standford <ins title="Contenu ajouté">]]</ins>. En France, le débat est porté notamment par l'association [https://designersethiques.org/ Designers Ethiques]. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> == Critères et méthodes d'analyse de l'expérience utilisateur == </div> <div class="mw-diff-inline-context"> {{Section à sourcer|date=novembre 2018}} </div> <div class="mw-diff-inline-changed"> Il est actuellement difficile de s'accorder sur des critères d'analyse qui couvrent l'ensemble des facteurs (des plus subjectifs aux plus objectifs), la satisfaction de l'utilisateur étant autant liée à la promesse d'attractivité du service qu'à son accessibilité, son ergonomie, sa cohérence, sa réelle utilité, son environnement concurrentiel et son contexte d'utilisation. Néanmoins, il existe un grand nombre de manuels et de ressources en ligne sur les méthodes utilisées par les designers UX. Ainsi Carine Lallemand et Guillaume Gronier regroupent dans leur livre<ref>{{Ouvrage|prénom1= <del title="Contenu supprimé">Lallemand,</del>Carine <del title="Contenu supprimé">,</del>|nom1= <del title="Contenu supprimé">author.</del> <ins title="Contenu ajouté">Lallemand</ins>|titre=Méthodes de design UX : 30 méthodes fondamentales pour concevoir des expériences optimales|éditeur=|année=|isbn=978-2-212-73397-6|isbn2=2212733976|oclc=1059124909 <del title="Contenu supprimé">|lire en ligne=http://worldcat.org/oclc/1059124909|consulté le=2019-01-18</del>}}</ref> les méthodes en cinq phases successives : </div> <div class="mw-diff-inline-changed"> # Planification (définition du projet, recrutement des utilisateurs, <del title="Contenu supprimé">déontologie...</del> <ins title="Contenu ajouté">déontologie…</ins>) ; </div> <div class="mw-diff-inline-changed"> # Exploration (entretiens, focus groups, observation, questionnaires exploratoires, sonde <del title="Contenu supprimé">culturelle...</del> <ins title="Contenu ajouté">culturelle…</ins>) ; </div> <div class="mw-diff-inline-changed"> # Idéation (brainstorming, cartes d'idéation, design studio, experience map, <del title="Contenu supprimé">personas...</del> <ins title="Contenu ajouté">personas…</ins>) ; </div> <div class="mw-diff-inline-changed"> # Génération (design persuasif, gamification, iconographie, maquettage, story boarding, tris de <del title="Contenu supprimé">cartes...</del> <ins title="Contenu ajouté">cartes…</ins>) ; </div> <div class="mw-diff-inline-changed"> # Évaluation (complétion de phrases, courbes d'évaluation, échelles d'utilisabilité, échelles UX, évaluation des émotions, évaluation experte, inspection cognitive, journal de bord, <del title="Contenu supprimé">tests...</del> <ins title="Contenu ajouté">tests…</ins>). </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> La recherche en Design UX repose sur le principe que pour délivrer une expérience utilisateur réussie, il ne faut pas présupposer connaître son utilisateur, mais réellement chercher et découvrir ses besoins au travers de méthodes scientifiques. Dans le cadre du Design UX, cette phase de recherche se découpe en plusieurs étapes : </div> <div class="mw-diff-inline-changed"> # La recherche secondaire : elle repose sur les données déjà existantes (exemples : analyse comparatives, études <del title="Contenu supprimé">pré-existantes</del> <ins title="Contenu ajouté">préexistantes</ins>) ; </div> <div class="mw-diff-inline-changed"> # La recherche primaire : elle regroupe certaines pratiques comme l'entrevue en face à face avec l'utilisateur ou le ''shadowing''<ref>{{Lien web |langue=en |auteur=Interaction Design Foundation |titre=Shadowing in User Research - Do You See What They See? |url=https://www.interaction-design.org/literature/article/shadowing-in-user-research-do-you-see-what-they-see}}</ref> (un anglicisme représentant une méthode d'[[observation]] sur le terrain), qui permettent d'acquérir une connaissance de l'expérience utilisateur dans le cadre spécifique d'un projet<ref>{{Lien web|langue= <del title="Contenu supprimé">français</del> <ins title="Contenu ajouté">fr</ins>|titre=UX Design : qu'est-ce que c'est ?|url=https://www.mobizel.com/ux-design-quest-ce-cest/|site=mobizel.com|périodique=Guide technique|date=04/10/2016|consulté le=02/02/2019}}.</ref>. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> == Concepts voisins == </div> <div class="mw-diff-inline-changed"> L'[[interface utilisateur]] est un concept voisin mais différent de l'expérience utilisateur. En effet, l'interface utilisateur est pour l'utilisateur le moyen d'interagir avec un produit informatique, alors que l'expérience utilisateur est le résultat de cette interaction. Une analogie illustrant cette différence est celle de la cuillère (interface) et du bol de céréales (produit), l'expérience utilisateur étant ce que l'utilisateur éprouve lorsqu'il mange les céréales avec la cuillère<ref>{{Ouvrage|langue=en|nom1=Platt, David S.,|titre=The Joy of UX|sous-titre=User Experience and Interactive Design for Developers|éditeur=|année=2016|pages totales=240|passage=3|isbn=978-0-13-427780-6|isbn2=0134277805|oclc=949043596 <del title="Contenu supprimé">|lire en ligne=https://www.worldcat.org/oclc/949043596|consulté le=2019-10-09</del>}}.</ref>. </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-context"> == Notes et références == </div> <div class="mw-diff-inline-context"> {{Références}} </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-changed"> == <del title="Contenu supprimé">Bibliographie</del> <ins title="Contenu ajouté">Voir aussi</ins> == </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">=== Articles connexes ===</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">{{colonnes|taille=18|</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Temps de cerveau disponible]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Attention]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Engagement (psychologie sociale)]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Interaction humain-machine]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Interface utilisateur]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Accessibilité]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Ergonomie]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Confort]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Utilisabilité]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Satisfaction]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Immersion (réalité virtuelle)|immersion]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Personnalisation]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* [[Navigation]]</ins> </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">}}</ins> </div> <div class="mw-diff-inline-context">   </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">=== Bibliographie ===</ins> </div> <div class="mw-diff-inline-context"> * D.A. Norman et S. Draper ({{dir.}}), ''User System Centered design : New perpectives on Human-computer Interactions'', Hillsdale, Lawrence Earlbaum Association, 1986. </div> <div class="mw-diff-inline-changed"> * Donald Norman, ''Emotional Design'', New York, <ins title="Contenu ajouté">[[</ins>Basic Books <ins title="Contenu ajouté">]]</ins>, 2004 </div> <div class="mw-diff-inline-changed"> * <del title="Contenu supprimé">Krug,</del> <ins title="Contenu ajouté">[[</ins>Steve <ins title="Contenu ajouté">Krug]]</ins>. ''Don’t make me think! a common sense approach to Web usability''. 2nd ed. Berkeley, Calif: New Riders Pub, 2006. </div> <div class="mw-diff-inline-context"> * Lallemand & al, ''Méthodes de Design UX : 30 méthodes fondamentales pour concevoir et évaluer les systèmes interactifs'', FR, Éditions Eyrolles., 2015 </div> <div class="mw-diff-inline-context"> * Platt, David S.,''The Joy of UX : User Experience and Interactive Design for Developers'', 2016, 240&nbsp;{{p.}} </div> <div class="mw-diff-inline-added"> <ins title="Contenu ajouté">* {{Ouvrage |langue=fr |auteur1=Liv Danthon Lefebvre |titre=33 bonnes pratiques en UX design |sous-titre=les fondamentaux de la psychologie numérique |lieu=Paris |éditeur=Éditions Eyrolles|année=2019|pages totales=XIV-159|isbn=978-2-212-67846-8}}.</ins> </div> <div class="mw-diff-inline-changed"> * <ins title="Contenu ajouté">{{Ouvrage |langue=fr |auteur1=</ins>Jean-François Nogier <del title="Contenu supprimé">,</del> <del title="Contenu supprimé">''</del> <ins title="Contenu ajouté">|titre=</ins>UX design & ergonomie des interfaces <del title="Contenu supprimé">.'' 7e édition.</del> <ins title="Contenu ajouté">|lieu=</ins>Malakoff <del title="Contenu supprimé">:</del> <ins title="Contenu ajouté">|éditeur=</ins>Dunod <del title="Contenu supprimé">,</del> <ins title="Contenu ajouté">|année=</ins>2020 <del title="Contenu supprimé">.</del> <ins title="Contenu ajouté">|pages</ins> <ins title="Contenu ajouté">totales=</ins>XVI-350 <del title="Contenu supprimé">p. ISBN</del> <ins title="Contenu ajouté">|isbn=</ins>978-2-100-80696-6 <ins title="Contenu ajouté">}}.</ins> </div> <div class="mw-diff-inline-changed"> * <ins title="Contenu ajouté">{{Ouvrage |langue=fr |auteur1=</ins>Kinneret Yifrah <del title="Contenu supprimé">,</del> <del title="Contenu supprimé">''</del> <ins title="Contenu ajouté">|titre=</ins>UX writing <del title="Contenu supprimé">:</del> <ins title="Contenu ajouté">|sous-titre=</ins>le guide de la microcopie <del title="Contenu supprimé">''.</del> <ins title="Contenu ajouté">|lieu=</ins>Malakoff <del title="Contenu supprimé">:</del> <ins title="Contenu ajouté">|éditeur=</ins>Dunod <del title="Contenu supprimé">,</del> <ins title="Contenu ajouté">|année=</ins>2020 <del title="Contenu supprimé">.</del> <ins title="Contenu ajouté">|pages</ins> <ins title="Contenu ajouté">totales=</ins>252 <del title="Contenu supprimé">p. ISBN</del> <ins title="Contenu ajouté">|isbn=</ins>978-2-10-080685-0 <ins title="Contenu ajouté">}}.</ins> </div> <div class="mw-diff-inline-changed"> * <ins title="Contenu ajouté">{{Ouvrage |langue=fr |auteur1=</ins>Célia Hodent <del title="Contenu supprimé">,</del> <del title="Contenu supprimé">''</del> <ins title="Contenu ajouté">|titre=</ins>L'UX c'est quoi exactement? <del title="Contenu supprimé">:</del> <ins title="Contenu ajouté">|sous-titre=</ins>une approche bienveillante pour des expériences optimales <del title="Contenu supprimé">.''</del> <ins title="Contenu ajouté">|lieu=</ins>Malakoff <del title="Contenu supprimé">:</del> <ins title="Contenu ajouté">|éditeur=</ins>Dunod <del title="Contenu supprimé">,</del> <ins title="Contenu ajouté">|année=2022|pages</ins> <del title="Contenu supprimé">2022.</del> <ins title="Contenu ajouté">totales=</ins>127 <del title="Contenu supprimé">p. ISBN</del> <ins title="Contenu ajouté">|passage=</ins> <ins title="Contenu ajouté">|isbn=</ins>978-2-10-083888-2 <ins title="Contenu ajouté">}}.</ins> </div> <div class="mw-diff-inline-added mw-diff-empty-line"> <ins title="Contenu ajouté"> </ins> </div> <div class="mw-diff-inline-context"> {{Portail|design|informatique}} </div> <div class="mw-diff-inline-context">   </div></td> </tr> </tbody> </table> <noscript> <img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=mobile" alt="" width="1" height="1" style="border: none; position: absolute;"> </noscript> <div class="printfooter" data-nosnippet=""> Ce document provient de « <a dir="ltr" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://fr.wikipedia.org/wiki/Exp%C3%A9rience_utilisateur">https://fr.wikipedia.org/wiki/Expérience_utilisateur</a> ». </div> </div> </div> <div class="post-content" id="page-secondary-actions"> </div> </main> <footer class="mw-footer minerva-footer" role="contentinfo"> <div class="post-content footer-content"> <div id="p-lang"> <h4>Langues</h4> <section> <ul id="p-variants" class="minerva-languages"></ul> <ul class="minerva-languages"></ul> <p>Cette page n’est pas disponible dans les autres langues.</p> </section> </div> <div class="minerva-footer-logo"> <img src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" alt="Wikipédia" width="119" height="18" style="width: 7.4375em; height: 1.125em;"> </div> <ul id="footer-info" class="footer-info hlist hlist-separated"> </ul> <ul id="footer-places" class="footer-places hlist hlist-separated"> <li id="footer-places-privacy"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="https://fr-m-wikipedia-org.translate.goog/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">Avertissements</a></li> <li id="footer-places-contact"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://stats.wikimedia.org/%23/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-terms-use"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.m.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use/fr">Conditions d’utilisation</a></li> <li id="footer-places-desktop-toggle"><a id="mw-mf-display-toggle" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://fr.wikipedia.org/w/index.php?title%3DExp%25C3%25A9rience_utilisateur%26diff%3D219633911%26oldid%3D200830561%26mobileaction%3Dtoggle_view_desktop" data-event-name="switch_to_desktop">Version de bureau</a></li> </ul> </div> </footer> </div> </div> <div class="mw-notification-area" data-mw="interface"></div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-5945864d7d-m8f89","wgBackendResponseTime":222});});</script> <script>(window.NORLQ=window.NORLQ||[]).push(function(){var ns,i,p,img;ns=document.getElementsByTagName('noscript');for(i=0;i<ns.length;i++){p=ns[i].nextSibling;if(p&&p.className&&p.className.indexOf('lazy-image-placeholder')>-1){img=document.createElement('img');img.setAttribute('src',p.getAttribute('data-src'));img.setAttribute('width',p.getAttribute('data-width'));img.setAttribute('height',p.getAttribute('data-height'));img.setAttribute('alt',p.getAttribute('data-alt'));p.parentNode.replaceChild(img,p);}}});</script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('fr', 'en', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en-GB&client=wt" type="text/javascript"></script> </body> </html>

CINXE.COM

« Expérience utilisateur » : différence entre les versions — Wikipédia

« Expérience utilisateur » : différence entre les versions — Wikipédia