Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

#parisweb 2010 (en se tenant par la main)

on

  • 545 views

Compte rendu / analyse de parisweb 2010

Compte rendu / analyse de parisweb 2010

Statistics

Views

Total Views
545
Views on SlideShare
545
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution License

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
  • <br />
  • <br />
  • Au final nous intervenons peu dans process, et la vie du site est plus li&#xE9; &#xE0; nos clients. <br />
  • Au final nous intervenons peu dans process, et la vie du site est plus li&#xE9; &#xE0; nos clients. <br />
  • Au final nous intervenons peu dans process, et la vie du site est plus li&#xE9; &#xE0; nos clients. <br />
  • Au final nous intervenons peu dans process, et la vie du site est plus li&#xE9; &#xE0; nos clients. <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • D&#xE9;grader c&#x2019;est r&#xE9;duire il faut aussi penser am&#xE9;lioration <br /> Si la base est solide on peut am&#xE9;liorer un peu <br />
  • Il est important d&#x2019;utiliser HTML5 aujourd&#x2019;hui afin de le prendre en main et pouvoir en tirer partie quand il sera parfaitement utilisable en prod <br />
  • Il y&#x2019;a pas mal de familles de machines, beaucoup de navigateurs, &#xE9;norm&#xE9;ment d&#x2019;utilisateurs <br />
  • <br />
  • Scientifique : ce que l&#x2019;on sait, pas ce que l&#x2019;on pense <br /> plus grand nombre = conventions = design patterns <br /> <br />
  • <br />
  • <br />
  • <br />
  • Il est important d&#x2019;accepter de ne pas savoir, il est important d&#x2019;accepter d&#x2019;apprendre <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

#parisweb 2010 (en se tenant par la main) #parisweb 2010 (en se tenant par la main) Presentation Transcript

  • #parisweb 2010 En se tenant par la main @dirtyf @yann_madeleine
  • Thème • « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés »
  • Thème ? • « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés »
  • Thème ? • « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés » La c’est nous
  • Thème ? Clients de nos clients • « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés » La c’est nous
  • Thème ? Clients de nos clients • « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés » La c’est nous Production de nos clients
  • Thème ? La aussi (un peu) Clients de nos clients • « Améliorer l'expérience utilisateur à travers un design et des contenus appropriés » La c’est nous Production de nos clients
  • Expérience utilisateur • Conception Technique • Ergonomie
  • Concevoir Hier ≠ Aujourd’hui ≠ Demain @mattmay
  • Concevoir
  • Concevoir
  • Concevoir Dégradation
  • Concevoir • Media Query • 1 site 1 information X rendus
  • Concevoir • http://hicksdesign.co.uk/
  • Concevoir Progressive enhancement @mezzoblue @theystolemynick @robinberjon @tidoust @dontcallmedom @paulrouget
  • Concevoir • L’avenir doit se préparer dès aujourd’hui
  • Ergonomie Utilisateur Logiciel    Machine
  • Ergonomie Ergonomie :« l'étude scientifique de la relation entre l'homme et ses moyens, méthodes et milieux de travail» et l'application de ces connaissances à la conception de systèmes « qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité par le plus grand nombre. » @fran6 , @amelieboucher
  • Ergonomie Ergonomie :« l'étude scientifique de la relation entre l'homme et ses moyens, méthodes et milieux de travail» et l'application de ces connaissances à la conception de systèmes « qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité par le plus grand nombre. »
  • Ergonomie • Persona • Imaginer ses utilisateurs
  • Ergonomie • Design pattern • Les solutions maitrisées par l’utilisateur
  • Ergonomie • Tests utilisateurs • Le client est roi
  • Ergonomie • Tests utilisateur • Ils ne savent pas utiliser nos sites • En fait on ne sait pas les faire pour eux
  • Echanger, apprendre, innover
  • Echanger, apprendre, innover Progresser
  • Echanger, apprendre, innover Se remettre en question Progresser
  • Echanger, apprendre, innover • L’innovation se mesure à posteriori
  • Echanger, apprendre, innover • Avant d’innover il faut expérimenter
  • Echanger, apprendre, innover • «Mistakes will be made» William McKnight • 110 - 1
  • Echanger, apprendre, innover • Nous ne sommes pas des génies
  • Echanger, apprendre, innover • l’innovation est un processus collectif
  • Echanger, apprendre, innover • Et le collectif requiert de la communication
  • Echanger, apprendre, innover • /** • * Toggles Marker Clusterer visibility. • */ • function toggleMarkerClusterer() { • showMarketClusterer = !showMarketClusterer; • if (showMarketClusterer) { • if (mc) { • mc.addMarkers(markers.locations); • } else { • mc = new MarkerClusterer(map, markers.locations, {maxZoom: 19}); • } • } else { • mc.clearMarkers(); • } • }
  • Echanger, apprendre, innover • Avez-vous compris quelque chose ?
  • Echanger, apprendre, innover
  • Echanger, apprendre, innover Compréhension = Démonstration
  • Ergonomie • http://www.slideshare.net/FrancisChouquet/ css3-vs-photoshop-quel-avenir-pour-le- mtier-de-webdesigner
  • Ergonomie • http://developer.yahoo.com/ypatterns/ • http://quince.infragistics.com/ • http://www.welie.com/patterns/index.php
  • Concevoir • http://www.slideshare.net/maxdesign/css3- media-queries • http://dev.opera.com/articles/view/safe- media-queries/ • http://www.w3.org/TR/css3-mediaqueries/
  • Concevoir • http://www.w3.org/2010/Talks/10-parisweb- webdedemain-html5/slides.svg
  • Concevoir • http://www.paris-web.fr/telechargements/ ven-GA-03.pdf • http://braincracking.org/2010/10/15/ conference-paris-web-html5-cest- maintenant-ie6-inclus/
  • Echanger, apprendre, innover • http://www.slideshare.net/cheilmann/lets- interface • http://www.slideshare.net/olivierthereaux/ innover-de-9-5-paris-web-2010
  • Crédits • Radeau de la méduse : http:// upload.wikimedia.org/wikipedia/commons/ 6/69/Théodore_Géricault_- _Le_Radeau_de_la_Méduse.jpg
  • Crédits • MindMap : http://www.mindmeister.com/ maps/show/65619575 • Prezi : http://prezi.com/9utamgbwd198/ parisweb-2010-en-se-tenant-par-la-main/