Suite de la présentation 9 tendances ergonomiques (1 à 4). Donnée au RDV web 2012 par Cynthia Savard Saucier pour Yu Centrik

1. 5 “Responsive Design”
http://creaturebox.com/

2. Site conçu pour s'adapter aux
différentes tailles d'écran
http://www.smashingmagazine.com/tag/responsive-design/

3. Le bien

4. Contentu est adapté au contexte
d’utilisation!

5. Le mal
Seulement le visuel est adapté.

6. 6
Experience immersive complète
http://creaturebox.com/

7. Tourisme Nouvelle-Zélande
peut

8. s’étirer

9. sur

10. 2

11. écrans!
http://www.newzealand.com/nouvelle-zélande/

12. http://www.360langstrasse.sf.tv/page/

13. Cirque Du Soleil
http://www.cirquedusoleil.com/en/welcome.aspx

14. Attention, l’expérience immersive
! ne doit pas détourner l’utilisateur
de la tâche principale.

15. 7
Canvas infinis
Scroll parallax
http://creaturebox.com/

16. * Effet “wow” garanti
http://nizoapp.com/

17. Outils permettant de créer des espaces infinis
beta.mural.ly

18. * Facile a reproduire sur la tablette
http://webcanvas.com/

19. !
Attention, dans un canvas infini,
l’utilisateur doit pouvoir se
repérer.

20. 8
Design persuasif
plus subtil...
http://creaturebox.com/

21. Avant :

22. Maintenant
http://www.youeye.com/pricing

23. Mention honorable
Plus

24. le

25. don

26. est

27. élevé,

28. plus

29. le

30. Rhino

31. a

32. de

33. gazon!
http://zootool.com/

34. 9
Design émotif intelligent
http://creaturebox.com/

35. (or change in state) of a website/app where the
messaging or functionality includes attention to
details that create a user experience that feels
organic and human. These interactions can be a
big experience (like when an entire website is
down), or a very small experience (such as when
an error state on a form element appears). They
can be derived from different elements, includin
messaging and copy, color and design, and respo
siveness to user inputs and system outputs.
Combining each of these crafted experiences
creates soul and personality for a website. And i
that emotional connection with users that build
lasting loyalty, and raving fans.
http://uxdesign.smashingmagazine.com/2012/03/28/give-your-website-soul-with-emotionally-intelligent-interactions/

36. *
C’est cette connection
émotionnelle avec l’utilisateur
qui assure la loyauté des fans...

37. Jouer

38. au

39. Tic-Tac-Toe

40.
pendant

41. l’attente!
http://littlebigdetails.com/

42. Skype
Si

43. la

44. police

45. “Comic

46. Sans”

47. est

48.
choisie,

49. le

50. Smiley

51. pleure!
http://littlebigdetails.com/

52. http://littlebigdetails.com/

53. ! Attention, le design émotif ne doit
pas devenir trop enfantin.

54. ! Attention, le design émotif ne doit
pas devenir trop enfantin.

55. MERCI!
Questions
}
Commentaires
Compliments
@CynthiaSavard
INFOS!
info@yucentrik.ca
www.yucentrik.ca

56. Références
http://www.yucentrik.ca
http://webcanvas.com
http://www.nikesnowboarding.com/products
http://techland.time.com/2011/04/04/gesture-based-gmail-motion-april-fools-day-prank-gets-real/
http://en.wikipedia.org/wiki/Parallax_scrolling
http://360langstrasse.sf.tv/page/
http://www.useit.com/alertbox/ui-chrome.html
http://userexperience.evantageconsulting.com/2010/11/ui-guidelines-for-skeuomorphic-multi-touch-interfaces/
http://blog.youeye.com/youeye-announces-webcam-emotion-tracking
http://oxfam.com
http://zootool.com
http://37signals.com/svn/posts/2234-launch-highrise-for-iphone
www.feedburner.com
www.littlebigdetails.com
http://www.lukew.com/ff/entry.asp?1007
http://mail.google.com/mail/help/motion.html
http://www.fabianhemmert.com/
http://usa.autodesk.com/adsk/servlet/pc/index?id=6848332siteID=123112
http://www.smashingmagazine.com/tag/responsive-design/
Superbes illustrations
http://creaturebox.com/
http://www.flickr.com/photos/73417912@N00/4922382293/lightbox/
http://mccormicky.com/1258/awesome-add-to-cart-buttons-download/