Février 2013a RITAteachingRelax In The Air7UX / Webdesign/ visual design
consistence
MarqueCouleurFormeImagesAvatarDiscoursmises à jouroutils/plateformesconsistenceEcosystèmeRelax In The AirFévrier 2013Copyr...
Votre marque vous appartient.Prenez-en soin. Rendez-la jolie et désirablede jour comme de nuit.
404
404
404
Relax In The Airnewsletterconsistence600pxFévrier 2013Copyright© 2013 Relax In The Air
Relax In The AirFévrier 2013Copyright© 2013 Relax In The Air
cms
cms____________________Jonathan KahnTrying to fix an organization’s contentproblems by installing a CMS is like tryingto s...
• Gestion dynamique de contenu.• Séparer gestion de forme et de contenu.• Collaboration sur une même plateforme.• Donner d...
cmsLe choix du CMS doit être déterminé par laproblématique du client.
Wordpress Drupal Joomla Magento Umbraco Typo3CMStop 6Relax In The AirFévrier 2013Copyright© 2013 Relax In The Air
navigateur
____________________AlsacréationsLorsque lon parle de compatibilité, onparle de rendu cohérent et uniforme dunmême site we...
Browserton univers impitoyable
Chrome Firefox Safari IEnavigateurtop 4
evolution
mobile
natif(iOS/Android)vsweb app(html)
1) budget2) BUTS3) compétences4) délais
mobile first
standard HTML5
encapsuler
responsive web design
responsive web designResponsive Web design is the approach thatsuggests that design and developmentshould respond to the u...
Grille flexiblelayout flexiblemedia queriesévolutionresponsive / AdaptatifRelax In The AirFévrier 2013Copyright© 2013 Rela...
1) budget2) BUTS3) Contexte4) compétences5) délais
Relax In The Airhttp://www.bostonglobe.comhttp://foodsense.ishttp://www.fork-cms.comhttp://www.anderssonwise.comhttp://201...
listen, talk with
Any idea is dangerous if it’sa person’s only idea.nouveau paradigme
Were moving to a worldin which every devicegenerates useful data,in which every actioncreates ‘informationshadows’ on the ...
PRE-DIGITALInterruptionManipulation d’imageDire des choses aux gensValeur intangiblePerceptionPOST-DIGITALParticipationCré...
ecosystemRelax In The Air© Relax In The Air 2013USERearly adoptercustomerpartnersBRANDEXPERIENCEEXPERIENCEappswebsitetools...
On parle de vos produits.On ré-invente vos publicités sur Youtube.On vous définit sur Wikipedia.On se ligue contre vous su...
Que vous le vouliez ou non, les conversationsexistent avec ou sans vous.Tournez la force de vos utilisateurs àvotre avanta...
Plus participatifPlus socialPlus fragmentéPlus transparentPlus joueurToujours branchésouvent géolocalisélisten, talk withn...
Parler à > Parler avec
« Transmedia is storytelling by authors who share and createcontent for distribution across multiple forms of media.Transm...
Captiver et interagirà travers un réseau deplate-formes
Raconter une histoire.Réseau de plate-formes.Divers points d’entrée.Expérience coordonnée.Expérience augmentée.Relax In Th...
Tout doit être fait pour engager l’audience defaçon individuelle, valider leur engagement etrenforcer positivement leur pa...
« So far, the most successful transmediafranchises have emerged when a single creatormaintains control over the franchise....
providing joy Since 1977
Geekdom has entered the mainstream.
Henry Jenkins on Transmedia
jeff gomez on Transmedia
liens utileshttp://www.teehanlax.com/downloads/ipad-gui-psd-retina-display/http://www.teehanlax.com/downloads/ios-5-gui-ps...
Merci !Mai 2011relaxintheair.com@relaxintheairRetrouvez-nous aussi sur Facebook et Instagram© Relax In The Air 2013
Sabine DUFAUXManaging Partner | Digital Strategistsabine@relaxintheair.com+41 79 745 30 74MC CASALManaging Partner | UX St...
Webdesign, UX et UCD #7
Webdesign, UX et UCD #7
Webdesign, UX et UCD #7
Webdesign, UX et UCD #7
Upcoming SlideShare
Loading in...5
×

Webdesign, UX et UCD #7

557

Published on

Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.

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

No Downloads
Views
Total Views
557
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Webdesign, UX et UCD #7

  1. 1. Février 2013a RITAteachingRelax In The Air7UX / Webdesign/ visual design
  2. 2. consistence
  3. 3. MarqueCouleurFormeImagesAvatarDiscoursmises à jouroutils/plateformesconsistenceEcosystèmeRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  4. 4. Votre marque vous appartient.Prenez-en soin. Rendez-la jolie et désirablede jour comme de nuit.
  5. 5. 404
  6. 6. 404
  7. 7. 404
  8. 8. Relax In The Airnewsletterconsistence600pxFévrier 2013Copyright© 2013 Relax In The Air
  9. 9. Relax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  10. 10. cms
  11. 11. cms____________________Jonathan KahnTrying to fix an organization’s contentproblems by installing a CMS is like tryingto save a marriage by booking a holiday.
  12. 12. • Gestion dynamique de contenu.• Séparer gestion de forme et de contenu.• Collaboration sur une même plateforme.• Donner de la liberté et simplifier.• Impliquer le client dans le contrôle ducontenu.CMSfonctionRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  13. 13. cmsLe choix du CMS doit être déterminé par laproblématique du client.
  14. 14. Wordpress Drupal Joomla Magento Umbraco Typo3CMStop 6Relax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  15. 15. navigateur
  16. 16. ____________________AlsacréationsLorsque lon parle de compatibilité, onparle de rendu cohérent et uniforme dunmême site web quelque soit la stationutilisée pour le consulter.
  17. 17. Browserton univers impitoyable
  18. 18. Chrome Firefox Safari IEnavigateurtop 4
  19. 19. evolution
  20. 20. mobile
  21. 21. natif(iOS/Android)vsweb app(html)
  22. 22. 1) budget2) BUTS3) compétences4) délais
  23. 23. mobile first
  24. 24. standard HTML5
  25. 25. encapsuler
  26. 26. responsive web design
  27. 27. responsive web designResponsive Web design is the approach thatsuggests that design and developmentshould respond to the user’s behavior andenvironment based on screen size, platformand orientation.
  28. 28. Grille flexiblelayout flexiblemedia queriesévolutionresponsive / AdaptatifRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  29. 29. 1) budget2) BUTS3) Contexte4) compétences5) délais
  30. 30. Relax In The Airhttp://www.bostonglobe.comhttp://foodsense.ishttp://www.fork-cms.comhttp://www.anderssonwise.comhttp://2012.newadventuresconf.comévolutionresponsive / AdaptatifFévrier 2013Copyright© 2013 Relax In The Air
  31. 31. listen, talk with
  32. 32. Any idea is dangerous if it’sa person’s only idea.nouveau paradigme
  33. 33. Were moving to a worldin which every devicegenerates useful data,in which every actioncreates ‘informationshadows’ on the net.____________________Tim O’Reilly
  34. 34. PRE-DIGITALInterruptionManipulation d’imageDire des choses aux gensValeur intangiblePerceptionPOST-DIGITALParticipationCréation de valeurFaire des choses pour les gensValeur tangibleComportement>listen, talk withnouveau paradigmeRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  35. 35. ecosystemRelax In The Air© Relax In The Air 2013USERearly adoptercustomerpartnersBRANDEXPERIENCEEXPERIENCEappswebsitetoolssocial SHARElikescommentswOMOPPORTUNITIESOPPORTUNITIES
  36. 36. On parle de vos produits.On ré-invente vos publicités sur Youtube.On vous définit sur Wikipedia.On se ligue contre vous sur les médias sociaux.MENACE ? > OPPORTUNITElisten, talk withnouveau paradigmeRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  37. 37. Que vous le vouliez ou non, les conversationsexistent avec ou sans vous.Tournez la force de vos utilisateurs àvotre avantage.nouveau paradigme
  38. 38. Plus participatifPlus socialPlus fragmentéPlus transparentPlus joueurToujours branchésouvent géolocalisélisten, talk withnouveau paradigmeRelax In The AirutilisateurFévrier 2013Copyright© 2013 Relax In The Air
  39. 39. Parler à > Parler avec
  40. 40. « Transmedia is storytelling by authors who share and createcontent for distribution across multiple forms of media.Transmedia immerses an audience in a story’s universe througha number of dispersed entry points, providing a comprehensiveand coordinated experience of a complex story. »TRANSMEDIAHENRY JENKINS
  41. 41. Captiver et interagirà travers un réseau deplate-formes
  42. 42. Raconter une histoire.Réseau de plate-formes.Divers points d’entrée.Expérience coordonnée.Expérience augmentée.Relax In The Airtransmedialisten, talk with
  43. 43. Tout doit être fait pour engager l’audience defaçon individuelle, valider leur engagement etrenforcer positivement leur participation dansla narration collective.Le résultat est une intense loyauté, unengagement sur le long-terme et le désir departager cette expérience.
  44. 44. « So far, the most successful transmediafranchises have emerged when a single creatormaintains control over the franchise. »HENRY JENKINS
  45. 45. providing joy Since 1977
  46. 46. Geekdom has entered the mainstream.
  47. 47. Henry Jenkins on Transmedia
  48. 48. jeff gomez on Transmedia
  49. 49. liens utileshttp://www.teehanlax.com/downloads/ipad-gui-psd-retina-display/http://www.teehanlax.com/downloads/ios-5-gui-psd-iphone-4s/GUIShttp://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.htmlhttp://speckyboy.com/2010/11/18/ultimate-collection-of-printable-mobile-sketching-templates/
  50. 50. Merci !Mai 2011relaxintheair.com@relaxintheairRetrouvez-nous aussi sur Facebook et Instagram© Relax In The Air 2013
  51. 51. Sabine DUFAUXManaging Partner | Digital Strategistsabine@relaxintheair.com+41 79 745 30 74MC CASALManaging Partner | UX Strategist & Designermc@relaxintheair.com+41 76 539 77 01OfficeRelax In The Air SàrlRue Vautier 16CH - 1227 Carougehello@relaxintheair.comwww.relaxintheair.comcontact“We think and design user experiences for a digital world.Just relax. Together we can make it simple. ”

×