9 tendances ergonomiques (suite, 5-9)

1,687 views

Published on

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,687
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

9 tendances ergonomiques (suite, 5-9)

  1. 1. 5 “Responsive Design” http://creaturebox.com/
  2. 2. Site conçu pour sadapter auxdifférentes tailles décran http://www.smashingmagazine.com/tag/responsive-design/
  3. 3. Le bien
  4. 4. Contentu est adapté au contexted’utilisation!
  5. 5. Le malSeulement le visuel est adapté.
  6. 6. 6Experience immersive complète http://creaturebox.com/
  7. 7. Tourisme Nouvelle-Zélande peut
  8. 8.  s’étirer
  9. 9.  sur
  10. 10.  2
  11. 11.  écrans! http://www.newzealand.com/nouvelle-zélande/
  12. 12. http://www.360langstrasse.sf.tv/page/
  13. 13. Cirque Du Soleil http://www.cirquedusoleil.com/en/welcome.aspx
  14. 14. Attention, l’expérience immersive! ne doit pas détourner l’utilisateur de la tâche principale.
  15. 15. 7Canvas infinisScroll parallax http://creaturebox.com/
  16. 16. * Effet “wow” garanti http://nizoapp.com/
  17. 17. Outils permettant de créer des espaces infinis beta.mural.ly
  18. 18. * Facile a reproduire sur la tablette http://webcanvas.com/
  19. 19. ! Attention, dans un canvas infini, l’utilisateur doit pouvoir se repérer.
  20. 20. 8Design persuasif plus subtil... http://creaturebox.com/
  21. 21. Avant :
  22. 22. Maintenant http://www.youeye.com/pricing
  23. 23. Mention honorable Plus
  24. 24.  le
  25. 25.  don
  26. 26.  est
  27. 27.  élevé,
  28. 28.  plus
  29. 29.  le
  30. 30.  Rhino
  31. 31.  a
  32. 32.  de
  33. 33.  gazon! http://zootool.com/
  34. 34. 9Design émotif intelligent http://creaturebox.com/
  35. 35. (or change in state) of a website/app where themessaging or functionality includes attention todetails that create a user experience that feelsorganic and human. These interactions can be abig experience (like when an entire website isdown), or a very small experience (such as whenan error state on a form element appears). Theycan be derived from different elements, includinmessaging and copy, color and design, and resposiveness to user inputs and system outputs.Combining each of these crafted experiencescreates soul and personality for a website. And ithat emotional connection with users that buildlasting loyalty, and raving fans. http://uxdesign.smashingmagazine.com/2012/03/28/give-your-website-soul-with-emotionally-intelligent-interactions/
  36. 36. *C’est cette connectionémotionnelle avec l’utilisateurqui assure la loyauté des fans...
  37. 37. Jouer
  38. 38.  au
  39. 39.  Tic-Tac-Toe
  40. 40.   pendant
  41. 41.  l’attente! http://littlebigdetails.com/
  42. 42. Skype Si
  43. 43.  la
  44. 44.  police
  45. 45.  “Comic
  46. 46.  Sans”
  47. 47.  est
  48. 48.   choisie,
  49. 49.  le
  50. 50.  Smiley
  51. 51.  pleure! http://littlebigdetails.com/
  52. 52. http://littlebigdetails.com/
  53. 53. ! Attention, le design émotif ne doit pas devenir trop enfantin.
  54. 54. ! Attention, le design émotif ne doit pas devenir trop enfantin.
  55. 55. MERCI!Questions }CommentairesCompliments @CynthiaSavardINFOS!info@yucentrik.cawww.yucentrik.ca
  56. 56. Référenceshttp://www.yucentrik.cahttp://webcanvas.comhttp://www.nikesnowboarding.com/productshttp://techland.time.com/2011/04/04/gesture-based-gmail-motion-april-fools-day-prank-gets-real/http://en.wikipedia.org/wiki/Parallax_scrollinghttp://360langstrasse.sf.tv/page/http://www.useit.com/alertbox/ui-chrome.htmlhttp://userexperience.evantageconsulting.com/2010/11/ui-guidelines-for-skeuomorphic-multi-touch-interfaces/http://blog.youeye.com/youeye-announces-webcam-emotion-trackinghttp://oxfam.comhttp://zootool.comhttp://37signals.com/svn/posts/2234-launch-highrise-for-iphonewww.feedburner.comwww.littlebigdetails.comhttp://www.lukew.com/ff/entry.asp?1007http://mail.google.com/mail/help/motion.htmlhttp://www.fabianhemmert.com/http://usa.autodesk.com/adsk/servlet/pc/index?id=6848332siteID=123112http://www.smashingmagazine.com/tag/responsive-design/Superbes illustrationshttp://creaturebox.com/http://www.flickr.com/photos/73417912@N00/4922382293/lightbox/http://mccormicky.com/1258/awesome-add-to-cart-buttons-download/

×