Conférence REFAD - 2 avril : L'expérience utilisateur au sein de l'industrie du elearning

download Conférence REFAD - 2 avril : L'expérience utilisateur au sein de l'industrie du elearning

of 52

  • date post

    14-Feb-2017
  • Category

    Education

  • view

    1.018
  • download

    0

Embed Size (px)

Transcript of Conférence REFAD - 2 avril : L'expérience utilisateur au sein de l'industrie du elearning

Prsentation PowerPoint

Page couverture A

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

2

LEXPRIENCE UTILISATEUR AU SEIN DE LINDUSTRIE DU ELEARNING

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

Olivier ALFIERICharg de projet multimdia seniorCFORP

Olivier.alfieri@cforp.ca

https://twitter.com/olivier_alfieri

ca.linkedin.com/in/olivieralfieri

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

Poursuivons la discussion : http://today.io/mrx8 #refad

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

Lexprience est la perception et le ressenti dun individu qui utilise un systme dans le contexte dune interaction homme-machineSylvie DaumaUX Paris founder and leaderl# rfrence 1

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

7

subjectif et variable

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

8

()le concept de "Design motionnel" vise insuffler de lmotion travers une interface graphique ds sa conceptionAnabela Rialwebdesigner - jouve it solutions# rfrence 2

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

9

le design a une forte influence sur lengagement motionnel et lutilisabilit

le design a une forte influence sur lengagement motionnel et lutilisabilitAarron Walter. Director of user experience at MailChimp and the author of Designing for Emotion.

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|Souvent bas sur la pyramide de Maslow, le design motionnel nourrit les 5 catgories de besoins : physiologiques, de scurit et de confort, besoins sociaux (appartenance et affection), destime de soi (confiance et reconnaissance) et daccomplissement et dpanouissement personnel. Tout ceci dans loptique de valoriser lexprience utilisateur travers une diversit dinteractions entre linterface et lapprenant. Le design motionnel doit galement permettre de recrer de manire raliste les sentiments prouvs lors dun vritable change entre apprenant et formateur. Cette dmarche consiste alors recourir lemploi dune ligne ditoriale familire , lutilisation dune mascotte ou encore une iconographie de reconnaissance valorisante (trophe, mdailles, toiles, etc) - un contexte scurisant et familier qui va favoriser l'association entre apprentissage et plaisir.

Des principes du design Web que les concepteurs e-learning peuvent s'approprier facilement !10

Amy HarveyPrincipal Software Engineer with IDD, Inc.# rfrence 3

lexprience utilisateur comprend tous les lments ci-dessus.

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

11

Mais alors quest-ce que lexprience utilisateur ?

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

# rfrence 4plus utiles car toutes les fonctionnalits nont pas toujours leur place

1

2

3

4plus utilisables car le logiciel doit tre facile utiliserplus dsirables car lattrait visuel et motionnel a beaucoup dimportance chez tout tre humainplus navigables car on ne veut pas perdre son temps chercher des lmentsLexprience utilisateur a pour but de rendre des interfaces :

5plus accessibles pour les personnes ayant des handicapsux-fr.com

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

13

La lecture en ligne

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

14

La lecture en ligne

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

15

La lecture en ligne

Quelques chiffres cls

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

16

La lecture en ligne Quelques chiffres cls

http://www.nngroup.com/articles/variability-in-user-performance/

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

17

La lecture en ligne Quelques chiffres cls

http://www.nngroup.com/articles/variability-in-user-performance/

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

18

http://www.nngroup.com/articles/variability-in-user-performance/

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

19

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

20

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

21

Larchitecture dinformation

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|'architecture de l'information est la structure d'organisation sous-jacente un systme de contenu. Ce systme de contenu peut tre le web, et c'est souvent dans ce cadre que l'on parle d'architecture de l'information.

En effet, l o il y a de l'information, il y a potentiellement architecture de l'information. Cet article prsente les grands principes qui permettent de l'optimiser : systmes d'organisation, de navigation, terminologie et fonctions de recherche. 22

Larchitecture dinformation

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

23

Larchitecture dinformation

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

24

Larchitecture dinformation

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|L'architecture de l'information s'articule autour de plusieurs principes : systmes d'organisation, de navigation, appellation des lments de l'interface et systmes de recherche. Ce sont ces attributs qui permettront de concrtiser les choix d'architecture.

Organisation des contenus

Le principe le plus vident d'architecture de l'information consiste en l'organisation des contenus de l'application. Cette organisation s'effectue gnralement en 3 tapes :

Organiser les informations, c'est d'abord lister tous les contenus que l'on veut voir apparatre dans l'interface. Cette numration peut se baser sur diffrentes sources : interface existante, besoins supposs des utilisateurs, besoins exprims des utilisateurs, demandes du client (exigences marketing, de communication, stratgiques, de partenariats, etc.), analyse concurrentielle des interfaces comparables, etc.

L'tape suivante consiste catgoriser les informations prcdemment listes. L'activit de catgorisation consiste ranger les informations dans des groupes : on met ensemble ce qui se ressemble, on spare ce qui est diffrent. La technique du tri de cartes est souvent utilise pour supporter la catgorisation. Elle consiste prsenter aux utilisateurs chacun des contenus du site sous forme de cartes. Le but est qu'ils fassent les groupes de cartes qui leur semblent pertinents. (A ce propos, lire l'article Tri de cartes et ergonomie web).

25

Le Flat-design la rescousse du elearning

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

26

Le flat design est un design graphique minimaliste, dbarrass de tout ornement en relief, qui a pour but damliorer la lisibilit.

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|privilgie l'absence d'lments de styles tels que des contours, ombrages, gradients ou rflexion optique. Le flat design est donc minimaliste. Un bon exemple est l'interface de Windows 8.Read more: http://www.adviso.ca/blog/2013/11/28/flat-design/#ixzz2xghqTQ75

27

Le flat design, mais quest-ce donc ?

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

28

reprsentation symbolique dobjets sans texture

1

2

3

4palette de couleurs pour dynamiser le site la typographie structure linformation et organise de manire claire son contenu

5Amlioration de la lisibilit et de lutilisabilitusage de lignes pures

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

29

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

30

Le design est une discipline oriente vers la rsolution de problme

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

31

On nepeutrienenseignerautrui. On nepeutque l'aider le dcouvrirlui-mme. Galilehttp://tpetpe.e-monsite.com/pages/le-contexte-historique-de-la-lunette-de-galilee.html

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|Lunette astronomique

1609 heliocentrisme vs geocentrisme changement de perspective majeur

32

Une pdagogie qui suscite la pense critique

P: 555.123.4568 F: 555.123.4567123 West Main Street, New York, NY 10001www.rightcare.com|

33

Mutation des rlesApproche par enqute(s) & Dfi(s)

http://www.oce.uqam.ca/les-bulletins/109-competences-21e-siecle.html?catid=21:decembre-2013-volume-4-nume