SlideShare a Scribd company logo
1 of 69
Download to read offline
la sagesse du

                             Web
Thursday, October 13, 2011
Bonjour,
     je m’appelle Céline.




Thursday, October 13, 2011
J’<3 les gens,
     les cultures,
     les langues
     et le web.


Thursday, October 13, 2011
Un peu sur mon passé...




Thursday, October 13, 2011
I’m a Self Made




Thursday, October 13, 2011
le web
Thursday, October 13, 2011
N’EST PAS
     VIRTUEL
Thursday, October 13, 2011
IL EST RÉEL

Thursday, October 13, 2011
le
    web
Thursday, October 13, 2011
EST UNIVERSEL

Thursday, October 13, 2011
DESIGN.
Thursday, October 13, 2011
INFORMATION ACCESSIBLE
                                 A


                                 Z


                                     B
Thursday, October 13, 2011
ORGANISER LE
        chaos




Thursday, October 13, 2011
Good
        DESIGN.
Thursday, October 13, 2011
                             is bien organisé
“The most precious thing in life is its
         uncertainty. (...) Leaving something
         incomplete makes it interesting and
         gives one the feeling that there is
         room for growth.”   Kenko




Thursday, October 13, 2011
Darwinian view of design
      doing clean and simple things - Tim Brown




Thursday, October 13, 2011
Good
        DESIGN.
Thursday, October 13, 2011
                             is invisible
Simplicité vs. Complexité




Thursday, October 13, 2011
Il y a une symetrie naturelle
      entre le fait de parler et de
      comprendre.



Thursday, October 13, 2011
Il existe une échelle d’apprentissage

                                                  connaissances ciblées




                             connaissances initiales

Thursday, October 13, 2011
Le défi d’un *bon designer est de rapprocher
      les connaissances actuelles aux connaissances
      ciblées.



                                     connaissances ciblées




                             connaissances initiales



Thursday, October 13, 2011
AIDER À APPRENDRE +




        RAPIDEMENT.
Thursday, October 13, 2011
et/
Thursday, October 13, 2011
                             ou
100.                                                                  103.                                                                                  105.



      SIMPLIFIER LE SYSTÈME
                                                                                                                                                               105.
                                                                                                                                                                105.

                                       500.                                                                                                             700.
                                                                                            219. 220.
                                                                                               218.                      107.
                                                     104.                                                       105. 106.                                              111.
                                                                                                                          108.                                                 110.
                                                                                                             217.
                                                                                                                                 109.                                   226.
              203.       204.                                                                                                                                                  112.
                                              102.
                                                                                                 216.                                                            224.
                                                                        5.
                                                                                                                                                                   225.
                                                                                                                            221.         222.
                         205.
                                                                                                                                                        223.
                                                                                                        4.

                                              300.          210.

                206.                                 209.
                                                                   1.                                                                           213.
                                                                                    212.

                                207.                 208.
                                                                                                                                  214.            40.

                                                                                                                                                                                  215.

                                                                                       2.                                                                                             3.
Thursday, October 13, 2011
Un design non-intuitif rend l’apprentissage
      difficile.

                                                  connaissances ciblées




                                                       l’écart (the gap)




                             connaissances initiales

Thursday, October 13, 2011
Expérience

Thursday, October 13, 2011
En art,
on doit
savoir
s’arrêter
Thursday, October 13, 2011
Good
        DESIGN.
Thursday, October 13, 2011
                             is intelligent
Universel




Thursday, October 13, 2011
LES
   MÉTAPHORES
   SONT
   TROMPEUSES
Thursday, October 13, 2011
Est-ce intemporel?




Thursday, October 13, 2011
Est-ce intemporel?




Thursday, October 13, 2011
Est-ce intemporel?




Thursday, October 13, 2011
Le design universel s’adapte




Thursday, October 13, 2011
CECI N’EST PAS UNE PAGE D’ACCUEIL




Thursday, October 13, 2011
Un site web n’est pas un journal avec une
      porte d’entrée.




Thursday, October 13, 2011
Ce n’est pas une page, le “PLI DE PAGE”
     n’existe pas.




Thursday, October 13, 2011
LE CANEVAS = LA PAGE = UN SITE WEB




Thursday, October 13, 2011
Systèmes intelligents




Thursday, October 13, 2011
Good
        DESIGN.
Thursday, October 13, 2011
                             is flexible
Outils peu flexibles




Thursday, October 13, 2011
“The browser is an
      unknown constraint.”   One Web, Jeremy Keith




Thursday, October 13, 2011
On ne peut pas tout
      designer, organiser, prévoir.
      Il y a des comportements
      qui existeront au-delà du
      design.

Thursday, October 13, 2011
notre design inspire un
        COMPORTEMENT.




Thursday, October 13, 2011
LE COMPORTEMENT
        Engendre une culture,
        un ÉTAT d’esprit.



Thursday, October 13, 2011
On ne peut contrôler,
      certes, mais on peu
      influencer un
      comportement.


Thursday, October 13, 2011
Good
        DESIGN.
Thursday, October 13, 2011
                             is s’adapte bien   Embraceable Change _ jared M. Spool
LE CHANGEMENT


 EST INÉVITABLE
Thursday, October 13, 2011
LA CULTURE WEB SE CONSTRUIT
      MAINTENANT. TOUT LE TEMPS.
      CONTINUELLEMENT.



Thursday, October 13, 2011
Le
contrôle
est
illusion
Thursday, October 13, 2011
Contrôle de soi.




Thursday, October 13, 2011
Nous sommes +sieurs
                                                        offline
                                      online
                                               social

                             public
                                                                  privé




Thursday, October 13, 2011
Occupy
the
Web
Thursday, October 13, 2011
Non aux Zombies!




Thursday, October 13, 2011
Les gens sont mobiles.
      C’est un choix sain.




Thursday, October 13, 2011
Good
        DESIGN.
Thursday, October 13, 2011
                             is un ambassadeur du système
COMMENT PASSER
      DE LA CRÉATION
      D’UN PRODUIT À
      CELUI DE SON
      ÉCOSYSTÈME?
Thursday, October 13, 2011
Créer un ADN qui survivra,
      grandira, évoluera.




Thursday, October 13, 2011
Le Web
Thursday, October 13, 2011
                             nous suit
WEB =
      partage/
      rapide/
      information/
      émotion/
      expérience/
      +
Thursday, October 13, 2011
Expérience mobile ne tues
      pas le Web!




Thursday, October 13, 2011
Thursday, October 13, 2011
Comment
      assurer la
      flexibilite de
      nos services?
Thursday, October 13, 2011
Créer web mobile pour
      humain actif.




Thursday, October 13, 2011
Donc, pour
mieux
construire le
Thursday, October 13, 2011
1. Design flexible, s’adapte.
                   ★         Oeuvre ouverte
                   ★         Évolutif
                   ★         Grandit
                   ★         Système intelligent


Thursday, October 13, 2011
2. Design pour le
      changement & la mobilité.
                   ★         Le changement est inévitable
                   ★         S’adapter permet de survivre
                   ★         Attention à l’échelle d’apprentissage


Thursday, October 13, 2011
3. Un language proche de
      celui de l’humain.
                   ★         Design universel
                   ★         Métaphores? Pas toujours bonnes...
                   ★         Communiquer simplement


Thursday, October 13, 2011
Merci!    @celinecelines




Thursday, October 13, 2011

More Related Content

Viewers also liked (18)

A Holistic Approach to Institutional ORCID Implementation
A Holistic Approach to Institutional ORCID ImplementationA Holistic Approach to Institutional ORCID Implementation
A Holistic Approach to Institutional ORCID Implementation
 
Presentation1
Presentation1Presentation1
Presentation1
 
Revista Veja - 02mar2011
Revista Veja - 02mar2011Revista Veja - 02mar2011
Revista Veja - 02mar2011
 
Cny70
Cny70Cny70
Cny70
 
Midkiff Horse Training Demonstration
Midkiff Horse Training DemonstrationMidkiff Horse Training Demonstration
Midkiff Horse Training Demonstration
 
1. ip touch introduction 1
1. ip touch introduction 11. ip touch introduction 1
1. ip touch introduction 1
 
Parma light090710
Parma light090710Parma light090710
Parma light090710
 
Proyecto de aula
Proyecto de aulaProyecto de aula
Proyecto de aula
 
Pulmonaryembolism
PulmonaryembolismPulmonaryembolism
Pulmonaryembolism
 
Diadelosmuertos
DiadelosmuertosDiadelosmuertos
Diadelosmuertos
 
Old Jobs
Old JobsOld Jobs
Old Jobs
 
网页制作基础
网页制作基础网页制作基础
网页制作基础
 
Andrew Seybold's Rebuttal to FCC Capacity White Paper
Andrew Seybold's Rebuttal to FCC Capacity White PaperAndrew Seybold's Rebuttal to FCC Capacity White Paper
Andrew Seybold's Rebuttal to FCC Capacity White Paper
 
Presentation for ORCID webinar for the Portuguese BAD series (11 Dec 2012)
Presentation for ORCID webinar for the Portuguese BAD series (11 Dec 2012)Presentation for ORCID webinar for the Portuguese BAD series (11 Dec 2012)
Presentation for ORCID webinar for the Portuguese BAD series (11 Dec 2012)
 
W杯2010のこれまで
W杯2010のこれまでW杯2010のこれまで
W杯2010のこれまで
 
Sonex 2nd DL.org workshop ECDL2010
Sonex 2nd DL.org workshop ECDL2010Sonex 2nd DL.org workshop ECDL2010
Sonex 2nd DL.org workshop ECDL2010
 
Emet
EmetEmet
Emet
 
Spreety v seo report
Spreety v seo reportSpreety v seo report
Spreety v seo report
 

More from celinecelines semaan vernon (9)

Cours1 design d'interaction_csv
Cours1 design d'interaction_csvCours1 design d'interaction_csv
Cours1 design d'interaction_csv
 
Cours5 design d'interaction_csv
Cours5 design d'interaction_csvCours5 design d'interaction_csv
Cours5 design d'interaction_csv
 
Cour2 Design d'interaction
Cour2 Design d'interactionCour2 Design d'interaction
Cour2 Design d'interaction
 
Cour2 Design d'interaction
Cour2 Design d'interactionCour2 Design d'interaction
Cour2 Design d'interaction
 
Cours1: design d'interaction
Cours1: design d'interactionCours1: design d'interaction
Cours1: design d'interaction
 
Architecture et design d'information
Architecture et design d'informationArchitecture et design d'information
Architecture et design d'information
 
Design Yo' Self : Why should designers care about Open Source Software?
Design Yo' Self : Why should designers care about Open Source Software?Design Yo' Self : Why should designers care about Open Source Software?
Design Yo' Self : Why should designers care about Open Source Software?
 
This is my design thinking today 2010
This is my design thinking today 2010This is my design thinking today 2010
This is my design thinking today 2010
 
Anatomie d'une page Web
Anatomie d'une page WebAnatomie d'une page Web
Anatomie d'une page Web
 

Recently uploaded

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 

Recently uploaded (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 

La sagesse du web