Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

15
utilisabilitequeb ec.org 1 17 novembre 2010 Montréal - Québec MOBILITÉ ET UX L’avenir de l’utilisabilité et du design dans un monde mobile

description

Panel sous le thème «Mobilité et UX: L’avenir de l’utilisabilité et du design dans un monde mobile », animé par Nathalie Berger, présidente d'Idéactif conseil et Utilisabilité Québec. Présenté à Montréal dans le cadre de WEBCOM, la 9e conférence internationale sur le Web (2.0 et +). Les panélistes invités sont : * Lucie Jolicoeur - Webmestre/ergonome, Desjardins * Julie Saulnier - Consultante en ergonomie cognitive, en utilisabilité et en accessibilité. * Martin Dufort, PDG fondateur, WhereCloud * Sylvie Lachize, Directrice de l’expérience utilisateur, Ericsson Les heuristiques et la plasticité. Les bonnes pratiques et les tendances. Les enjeux et défis. Les "guidelines", méthodes, techniques, outils de l’avenir. Le multiplateforme. La géolocalisation. Twitter : #WMTD06 et #webcomMT

Transcript of Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

Page 1: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

1

17 novembre 2010 Montréal - Québec

MOBILITÉ ET UXL’avenir de l’utilisabilité et du design dans un monde mobile

Page 2: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

2

Journée mondiale de l’utilisabilité 201011 novembre 2010 Montréal - Québec

Page 3: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

3

Panelistes

• Lucie Jolicoeur, webmestre, Desjardins

• Julie Saulnier : consultante en ergonomie cognitive, utilisabilité et accessibilité

• Martin Dufort, PDG fondateur, WhereCloud

• Sylvie Lachize, Directrice de l’expérience utilisateur, Ericsson

Animatrice/modératrice : 

• Nathalie Berger, présidente, Idéactif Conseil et Utilisabilité Québec

Twitter : #WMTD06 et #webcomMT

Page 4: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

4

Mobile Desjardins

Fonctions disponibles pour les particuliers dans l’application iPhone :

Page 5: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

5

Mobile Desjardins

Trouver un guichet automatique Desjardins par géolocalisation sur iPhone :

Page 6: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

6

Mobile Desjardins

Paiement d’une facture dans l’application iPhone :

Page 7: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

7

Les heuristiquesTake advantage of learned behaviors

Avoid interaction inconsistencies

Put space between action

Plan for accidental overswiping

Don’t rely exclusively on multi-touch

Provide interaction affordances

Westerman, B. (2008). How people really use the Iphone. Create with Context.

International Journal of Mobile Human Computer Interaction, 1(1), 20-41, January-March 2009

Ease of input, screen readability and glancability

Flexibility, and personalization

Aesthetic and emotional aspect

Error management

Page 8: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

8

La plasticité

Calvary, G. et Coutaz, J. Plasticité des interfaces : une nécessité !. CLIPS-IMAG BP53, 38041 Codex 9. Grenoble

Page 9: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

9

mobile est sexy

Page 10: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

10

1- Fonction2- Contenu3- Simplicité

Page 11: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

11

1- Résultats concordants2- Position courante3- Position ajustée

Page 12: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

12

Lifestore deployments:

• Primarily high growth markets

– 45+ networks

– 425M+ subscribers

• Targeting lowmed devices

• Mobilisation of Facebook / Twitter as primary push

• Strategy of creating new interaction with subscribers

Page 13: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

13

Lifestore deployments:

Page 14: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

utilisabilitequebec.org

14

How do you design for these two?

The iPhone The Spice S-700

128 px

160 px

Page 15: Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

Abonnez-vous à notre liste d’envoi : [email protected]

Inscrivez-vous à nos groupes:

Facebook

Linked In

www.utilisabilitequebec.org