32
10 Tendances ergonomiques incontournables @CynthiaSavard 9

9 Tendances ergonomiques (1-4)

Embed Size (px)

DESCRIPTION

Première partie de la présentation donnée au RDV web 2012 par Cynthia Savard Saucier pour Yu Centrik.

Citation preview

Page 1: 9 Tendances ergonomiques (1-4)

10 Tendances ergonomiques incontournables

@CynthiaSavard

9

Page 2: 9 Tendances ergonomiques (1-4)

Fondé en 2003

Spécialisé en expérience utilisateur

Équipe multi-disciplinaire

www.yucentrik.ca

Page 3: 9 Tendances ergonomiques (1-4)

Si ma maison brûlait

Page 4: 9 Tendances ergonomiques (1-4)

Attention, suivre une tendance aveuglément, sans la comprendre, peut nuire à l’expérience utilisateur. !

Page 6: 9 Tendances ergonomiques (1-4)

Sku- o -morphisme

Page 7: 9 Tendances ergonomiques (1-4)

“Skeuomorph or Skeuomorphism is a term used in the history of architecture, design, and archaeology. It refers to a derivative object which retains ornamental design cues to structure that was necessary in the original.[1] Skeuomorphs may be deliberately employed to make the new look comfortably old and familiar,[2] such as copper cladding on zinc pennies or computer printed postage with circular town name and cancellation lines. The word derives from Greek, skeuos for 'vessel' or 'tool' and morphe for 'shape”

Page 8: 9 Tendances ergonomiques (1-4)

Parfois, c’est bien

Page 9: 9 Tendances ergonomiques (1-4)

2-����������� ������������������  ajouts����������� ������������������  utiles

Page 10: 9 Tendances ergonomiques (1-4)

Parfois, c’est mal

Page 11: 9 Tendances ergonomiques (1-4)

3-����������� ������������������  ajouts����������� ������������������  inutiles

2-����������� ������������������  Ne����������� ������������������  respecte����������� ������������������  pas����������� ������������������  le����������� ������������������  concept����������� ������������������  du����������� ������������������  livre

1-����������� ������������������  Élément����������� ������������������  interactif����������� ������������������  caché����������� ������������������  dans����������� ������������������  la����������� ������������������  décoration����������� ������������������  

Page 12: 9 Tendances ergonomiques (1-4)

2Briser la dépendance au sentier

http://creaturebox.com/

Page 13: 9 Tendances ergonomiques (1-4)

Pourquoi les lettres sur les claviers ne sont pas en ordre alphabétique?

Page 14: 9 Tendances ergonomiques (1-4)

Le clavier 8 pen brise la dépendance au QUERTY

http://www.8pen.com/

Page 15: 9 Tendances ergonomiques (1-4)

Bank Simple

http://www.simple.com/

Le����������� ������������������  concept����������� ������������������  de����������� ������������������  “Safe-to-Spend”,����������� ������������������  au����������� ������������������  lieu����������� ������������������  de����������� ������������������  “Balance”.

Page 16: 9 Tendances ergonomiques (1-4)

Changer le formulaire

http://www.lukew.com/ff/entry.asp?1007

Page 17: 9 Tendances ergonomiques (1-4)

! Attention, la facilité d’apprentissage ne doit pas être sacrifiée au bénéfice de l’innovation seulement!

Page 18: 9 Tendances ergonomiques (1-4)

3Nouvelles méthodes d’interactions

http://creaturebox.com/

Page 19: 9 Tendances ergonomiques (1-4)

1 AVRIL 2011 :

Google annonce Gmail Motion

er

Page 20: 9 Tendances ergonomiques (1-4)

http://mail.google.com/mail/help/motion.html

Page 21: 9 Tendances ergonomiques (1-4)

“Gmail Motion April Fools' gag inevitably turned into reality ...”

4 AVRIL 2011 :

Page 22: 9 Tendances ergonomiques (1-4)

Avant:

Scroll

Click

Type

Manettes

Page 23: 9 Tendances ergonomiques (1-4)
Page 24: 9 Tendances ergonomiques (1-4)

Avant:

Scroll

Click

Type

Manettes

Pinch

Zoom

Swipe

Tap

Danse

Maintenant:

Page 25: 9 Tendances ergonomiques (1-4)
Page 26: 9 Tendances ergonomiques (1-4)

Avant:

Scroll

Click

Type

Manettes

Pinch

Zoom

Swipe

Tap

Danse

Maintenant:

Masse

Texture

micro mouvements

Bientôt:

Page 27: 9 Tendances ergonomiques (1-4)

http://www.fabianhemmert.com/

Téléphone qui change de forme en fonction du contenu présenté

Page 29: 9 Tendances ergonomiques (1-4)

Le����������� ������������������  chrome,����������� ������������������  c’est����������� ������������������  ce����������� ������������������  qui����������� ������������������  est����������� ������������������  autour����������� ������������������  du����������� ������������������  contenu����������� ������������������  et����������� ������������������  qui����������� ������������������  permet����������� ������������������  

de����������� ������������������  contrôler.

Page 31: 9 Tendances ergonomiques (1-4)

Sketchbook :