• Save
Cours de Web Design part.7
Upcoming SlideShare
Loading in...5
×
 

Cours de Web Design part.7

on

  • 947 views

Cours de webdesign. 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 ...

Cours de webdesign. 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.

Statistics

Views

Total Views
947
Views on SlideShare
945
Embed Views
2

Actions

Likes
5
Downloads
0
Comments
0

2 Embeds 2

https://twitter.com 1
http://www.entreprise-marketing.fr 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cours de Web Design part.7 Cours de Web Design part.7 Presentation Transcript

  • Webdesignvisual designFévrier 2013a RITAteachingRelax In The Air7
  • consistence
  • MarqueCouleurFormeImagesAvatarDiscoursmises à jouroutils/plateformesconsistenceEcosystèmeRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  • 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 save a marriage by booking a holiday.
  • • 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
  • 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 web quelque soit la stationutilisée pour le consulter.
  • 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 user’s behavior andenvironment based on screen size, platformand orientation.
  • Grille flexiblelayout flexiblemedia queriesévolutionresponsive / AdaptatifRelax In The AirFévrier 2013Copyright© 2013 Relax In The Air
  • 1) budget2) BUTS3) Contexte4) compétences5) délais
  • 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
  • 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 net.____________________Tim O’Reilly
  • 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
  • ecosystemRelax In The Air© Relax In The Air 2013USERearly adoptercustomerpartnersBRANDEXPERIENCEEXPERIENCEappswebsitetoolssocial SHARElikescommentswOMOPPORTUNITIESOPPORTUNITIES
  • 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
  • Que vous le vouliez ou non, les conversationsexistent avec ou sans vous.Tournez la force de vos utilisateurs àvotre avantage.nouveau paradigme
  • 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
  • Parler à > Parler avec
  • « 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
  • 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 The Airtransmedialisten, talk with
  • 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.
  • « So far, the most successful transmediafranchises have emerged when a single creatormaintains control over the franchise. »HENRY JENKINS
  • 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-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/
  • 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 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. ”