Download - Webcom nathalie berger-panel_ux-mobile_utilisabilite-design_17nov2010

Transcript
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