5   “Responsive Design”                          http://creaturebox.com/
Site conçu pour sadapter auxdifférentes tailles décran                     http://www.smashingmagazine.com/tag/responsive-...
Le bien
Contentu est adapté au contexted’utilisation!
Le malSeulement le visuel est adapté.
6Experience immersive complète                       http://creaturebox.com/
Tourisme Nouvelle-Zélande          peut
 s’étirer
 sur
 2
 écrans!                                                                                                                  ...
http://www.360langstrasse.sf.tv/page/
Cirque Du Soleil                   http://www.cirquedusoleil.com/en/welcome.aspx
Attention, l’expérience immersive!   ne doit pas détourner l’utilisateur    de la tâche principale.
7Canvas infinisScroll parallax                  http://creaturebox.com/
*   Effet “wow” garanti              http://nizoapp.com/
Outils permettant de créer des espaces infinis                                        beta.mural.ly
*   Facile a reproduire sur la tablette                                          http://webcanvas.com/
!    Attention, dans un canvas infini,    l’utilisateur doit pouvoir se    repérer.
8Design persuasif plus subtil...                   http://creaturebox.com/
Avant :
Maintenant             http://www.youeye.com/pricing
Mention honorable         Plus
 le
 don
 est
 élevé,
 plus
 le
Prochain SlideShare
Chargement dans…5
×

9 tendances ergonomiques (suite, 5-9)

1 698 vues

Publié le

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

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 698
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
4
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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/

×