Ici & Là

Les grandes tendances web design en 2018

François Daniel Giezendanner — 2017-12-27T16:59:12Z

Sommaire

Introduction

Les articles cités ci-dessous vous permettent de prendre connaissance des dernières tendances incontournables en matière de webdesign [1] (ergonomie, utilisabilité, accessibilité, architecture interactionnelle, organisation des pages, arborescence, navigation, expressions visuelles, stratégie de contenu, développement) à intégrer pour réussir en 2018. Ces tendances sont déterminées par l'usage croissant des objets quotidiens toujours plus connectés influencé par les progrès de l'intelligence artificielle et dans le but d'interactions nouvelles.

Les développeurs Web œuvrent à intégrer les nouvelles innovations aux sites qu'ils développent pour améliorer leur qualité. En ce sens le webdesign adopte de nouvelles technologies dont le smartphone, l'expérience Web immersive, la réalité virtuelle, l'intelligence artificielle et le contrôle vocal qui deviennent maintenant les bases de l'interaction homme-machine. En même temps ils créent des designs propres, simples et modernes.

Généralement les nouvelles tendances qui se succèdent ne restent d'actualité que 2 à 3 ans. Ces articles vous proposent de voir ce qui sera le plus demandé en 2018.

Liste des articles

15 tendances webdesign BtoB pour 2017
blog.agencenile.com, Le 07/06/17 07:00, Écrit par Karim Bouras
« Pour vous éviter de longues heures de lecture et d'analyse, je vous propose ici la synthèse des tendances webdesign BtoB les plus marquantes pour 2017, selon nos experts en sites web qui génèrent du business. »

A travers les regards du monde entier : les tendances visuelles prévues par Adobe Stock pour 2018
blogs.adobe.com, The Adobe Stock Team
« À l'approche de 2018, il est l'heure de nous tourner vers l'avenir. Adobe a ainsi suivi l'évolution des échanges iconographiques aux quatre coins du monde, des expositions aux galeries en passant par les collections d'images Adobe Stock, les campagnes publicitaires et dresse ainsi liste des tendances visuelles incontournables pour l'année à venir. Afin de nourrir notre réflexion autour de celles-ci, nous inviterons des artistes et contributeurs à réaliser des créations originales ainsi que des experts pour commenter celles-ci d'un point sociologique, économique ou encore sémiologique. »

Communication internet publique, tendances pour 2017-2018
www.agence-digitale.com. Écrit par Benjamin Boma
« Design, ergonomie, stratégie de contenu, SVE et Loi NOTRe, retour sur les tendances actuelles et à venir de la communication digitale pour les collectivités territoriales. Les grandes tendances en matière de design et d'ergonomie. »

Les 10 grandes tendances 2018 du web design
graphiste.com. 18 décembre 2017 Publié par Thomas Lazzaroni
« La fin de l'année approche et 2018 est synonyme de grandes nouveautés dans le monde du web design, qui voit ses tendances évoluer à un rythme effréné.
En 2018, certaines tendances pourraient bien occuper le devant de l'écran. Si vous n'avez pas encore planifié la refonte de votre site internet, c'est le moment de vous intéresser de près aux perspectives suivantes.
Si vous avez suivi régulièrement nos articles, la plupart d'entre elles ne devraient pas vous surprendre. Dans tous les cas, elles vous serviront de guide pour tirer le meilleur profit de votre site web pendant les douze mois à venir. »

Les 5 meilleurs liens vers les tendances à venir en matière de Web Design pour 2018
www.printcarrier.com. 26 octobre 2017 par Manuela Richter
« C'est déjà l'automne et c'est donc le moment idéal pour regarder l'année à venir sous une perspective de concepteur et découvrir quelles tendances du web design sont déjà à l'horizon. Par conséquent, PrintCarrier.com a rassemblé nos 5 premiers liens vers des articles sur les tendances du Web Design en 2018 ! »

Les 8 grandes tendances du WebDesign en 2018
www.webprospection.com. 13 Déc 2017
« La fin de l'année 2017 approche et les traditionnels articles des tendances de 2018 commencent à fleurir ! Webprospection ne manque pas à l'appel car voici nos propres idées sur ce qui va se développer ou se lancer en 2018 ! C'est également le moment de regarder nos précédents articles tels que Quelles tendances graphiques nous attendent en 2017, et je trouve que nous n'étions pas loin du compte, qu'en pensez-vous ?
Alors sans plus attendre voici nos idées sur ce que vous verrez sur la toile dès l'année prochaine : »

Les grandes tendances web design de 2018
fr.wix.com/blog. 18 Décembre 2017.
« Milton Glaser, le célèbre designer à l'origine du logo « I Love NY » a dit un jour : « il y a trois réponses possibles devant une pièce de design : oui, non et WAOUH. » Devinez où vous devez vous placer ? De nos jours, les sites internet poussent plus vite que des petits pains. La raison à cela : personne ne peut se passer d'être présent en ligne ! Créer un site ne suffit donc plus, cette année, l'enjeu est de se démarquer.
De quoi avez-vous besoin pour briller sur la Toile ? Premièrement, il vous faut une plateforme puissante et à la pointe de la technologie. Vous avez frappé à la bonne porte, puisque Wix a tout ce qu'il faut pour vous permettre de créer un superbe site professionnel. Deuxièmement, vous devez être à la mode. Suivre les tendances en web design est essentiel pour garder votre place de numéro 1 sur le Net – rappelez-vous, on ne vise pas moins que l'effet wouah ! Encore une fois, vous êtes au bon endroit.
Alors que nous réserve 2018 ? Cette année, on replace le visiteur au centre de nos préoccupations. La beauté ne fait pas tout, il faut désormais se concentrer sur l'expérience de navigation, l'interaction et la convivialité des sites internet. Et plus concrètement, qu'est-ce que cela veut dire ? Sans plus tarder, voici toutes les tendances web design à suivre en 2018 et comment les appliquer facilement à votre site internet. »

Tendances stratégie de contenu 2018 et l'avis d'experts
www.valeriedemont.ch. 13 novembre 2017 par Valérie Demont Valérie Demont.
« En 2018, développez votre stratégie de contenu avec des contenus éphémères, des vidéos à haute valeur ajoutée, la proximité avec les relations 1-1 et la confiance avec le marketing d'influence.
Ce blog post regroupe les tendances stratégie de contenu à intégrer à votre stratégie médias sociaux en 2018. Les 4 tendances identifiées et les avis des experts m'amènent à vous dire qu'en 2018 vous devriez absolument allouer :
- Un budget publicitaire plus élevé pour intégrer les nouveaux canaux sociaux et maintenir vos canaux actuels sachant que le coût à considérablement augmenté ces 2 dernières années. »

Tendances Web design 2018 : smartphones et contenus
www.1and1.fr/digitalguide. 28.11.17.
« Les 8 tendances Web design 2018 incontournables
Au cours des vingt dernières années, le Web design a connu un développement rapide caractérisé par des progrès technologiques ainsi que par d'indénombrables possibilités de création et de conception. Bien que ces tendances n'aient au début pas beaucoup évolué, le Web design moderne est marqué par de nouvelles innovations éphémères. Cependant, l'utilisation intuitive ainsi que la qualité informative du contenu de la page demeurent importantes, et cela ne date pas seulement de l'ère de l'hyperconnexion.
Sommaire :
- Les tendances du Web design pour réussir. »

Tendances web design pour 2018
www.severineautin.com. Posted on 01/12/2017 par Séverine.
« Les tendances web de l'année à venir sont déterminées par l'usage croissant des objets quotidiens toujours plus connectés (d'où le terme anglo-saxon IoT pour Internet of Things !), influencé par les progrès de l'intelligence artificielle et dans le but d'interactions nouvelles.
En conséquence, il est important pour les créations de sites internet de se concentrer sur la qualité des contenus qu'il faut rendre toujours plus personnalisables, afin de permettre une meilleur expérience utilisateur. »

Top 12 des tendances 2018 en web design et développement
mind.engineering. 24 décembre 2017.
« Toute personne « tech-savvy », autrement experte en technologie, devient impliquée lorsqu'il s'agit de suivre les dernières tendances en web design et développement . Chaque mise à jour qui concerne les technologies du Web augmente les normes d'évaluation de la qualité d'un site. De ce fait, les développeurs Web cherchent à intégrer toute nouvelle innovation aux sites qu'ils développent pour améliorer leur qualité.
L'année 2018 sera entièrement consacrée à l'expérience Web immersive. La réalité virtuelle, l'intelligence artificielle et le contrôle vocal deviennent maintenant les bases de l'interaction homme-machine. Les designs propres, simples et en même temps modernes sont maintenant les leviers du développement avec de telles technologies.
Avec un tel changement, nous nous demandons tous qu'en serait-il de l'année prochaine ? »

WEB DESIGN, LES TENDANCES POUR 2018
www.mon-site-pro.ch.
« Que ce soit dans la mode, l'automobile ou tout autre secteur, une tendance reste une tendance, elle ne perdure pas dans le temps.
Le web design ne fait pas exception à la règle, généralement ces évolutions ne restent d'actualité que 3 ans maximum. Un léger aperçu de ce qui nous attend pour 2018. »

Web design : tendances 2017-2018
concept-hd.fr. 3 août 2017 par Concept-HD.
« Les tendances du design sont largement influencées par les médias, les technologies qui évoluent rapidement et de plus en plus par la facilité d'utilisation. Généralement les nouvelles tendances ne reste d'actualité que 2-3 ans en se succédant à un rythme accéléré. On vous propose de voir ce qui sera le plus demandé en 2017-2018. »

Webdesign : les 10 tendances à suivre pour 2018
www.focusur.fr. 4 décembre 2017 by Samuel Paulet.
« Nous vous présentons les tendances à venir en matière de webdesign !
En 2018, apprenez à mieux communiquer avec vos clients en adoptant une stratégie webdesign pertinente et dans l'air du temps. »

Webdesign : les 10 tendances à suivre pour 2018 !
fr.linkedin.com. Publié le 6 décembre 2017 par Bertrand BREGEON.
« Vous voulez tout savoir sur les tendances du webdesign et de l'UI pour 2018 ? En voila déjà une dizaine à mettre en place de toute urgence !
Nous vous présentons les tendances à venir en matière de webdesign !
En 2018, apprenez à mieux communiquer avec vos clients en adoptant une stratégie webdesign pertinente et dans l'air du temps. »

Web Design : Les tendances 2017-2018
www.wis-montpellier.fr. 19 décembre 2017 ByLucie Escudie.
« Chaque année, de nouvelles tendances webdesign apparaissent sur la toile et sont suivies par beaucoup de sites internet afin de plaire à un plus grand nombre. Pour faire en sorte que votre site et ses visuels restent à la mode du jour, nous vous avons sélectionné plusieurs modes à prendre en compte cette année.
Webdesigner, graphistes ou débutants : les tendances graphiques 17/18 !
Découvrez les tendance webdesign, webmarketing pour 2017-2018 recensées par l'école WIS Montpellier et trouvez celle qui vous convient le plus ! »

[1] la conception de l'interface web

Google Trends appliqué à dix « Processus » / « Domaines d'activités » de la Captologie

François Daniel Giezendanner — 2017-11-28T16:35:47Z

Sommaire

Présentation

Google Trends (cf Wikipedia) est un outil issu de Google Labs permettant de connaître la fréquence à laquelle un terme a été tapé dans le moteur de recherche Google, avec la possibilité de visualiser ces données par région et par langue.

Le service offre à l'utilisateur une courbe représentant un indicateur du nombre de recherches du terme en fonction du temps. L'échelle du temps remonte jusqu'au 1er janvier 2004 et va jusqu'à environ deux jours avant le jour actuel, les mises à jour étant très rapides.

Nous appliquons Google Trends aux dix « Processus »/« Domaines d'activités » suivants :
01-Captology
02-Persuasive Technology
03-Persuasive Design
0-4-Call To Action (CTA)
05-a-Dark Pattern
05-b-Dark Patterns
06-1-Expérience utilisateur
06-2-User Experience
07-1-Utilisabilité
07-2-Usability
08-1-Utilisabilité du Web
08-2-Web Usability
09-1-Addiction aux écrans
09-2-Screen Addiction
10-1-Nomophobie
10-2-Nomophobia

en sélectionnant les critères suivants de Google Trends :

Dans tous les pays
De 2004 à ce jour
Toutes les catégories
Recherche sur le Web

Nous obtenons :

01-Captology


Captology

Lien vers Google Trends : 01-Captology

02-Persuasive Technology


Persuasive Technology

Lien vers Google Trends : 02-Persuasive Technology

03-Persuasive Design


Persuasive Design

Lien vers Google Trends : 03-Persuasive design

04-Call To Action (CTA)


Call to Action CTA

Lien vers Google Trends : 04-Call To Action (CTA)

05-a-Dark pattern


Dark Pattern

Lien vers Google Trends : Dark pattern

05-b-Dark patterns


Dark Patterns

Lien vers Google Trends :Dark patterns

06-1-Expérience utilisateur


eXpérience Utilisateur

Lien vers Google Trends : 05-1-Expérience utilisateur

06-2-User eXperience (UX)


User eXperience (UX)

Lien vers Google Trends : 05-2-User experience

07-1-Utilisabilité


Utilisabilité

Lien vers Google Trends : 06-1-Utilisabilité

07-2-Usability


Usability

Lien vers Google Trends : 06-2-Usability

08-1-Utilisabilité du Web


Utilisabilité du Web

Lien vers Google Trends : 07-1-Utilisabilité du Web

08-2-web Usability


Web Usability

Lien vers Google Trends : 07-2-web usability

09-1-Addiction aux écrans


Addiction aux écrans

Lien vers Google Trends : 08-1-Addiction aux écrans

09-2-Screen Addiction


Screen Addiction

Lien vers Google Trends : 08-2-Screen addiction

10-1-Nomophobie


Nomophobie

Lien vers Google Trends : 09-1-Nomophobie

10-2-Nomophobia


Nomophobia

Lien vers Google Trends : 09-2-Nomophobia

La théorie de l'engagement

François Daniel Giezendanner — 2017-11-28T14:54:22Z

Sommaire

Introduction

En 1971, Charles Adolphus Kiesler [1], [2], professeur en psychologie sociale et administrateur d'université américaine, élabore la théorie de l'engagement et montre que l'« être humain agit en fonction de ce qu'il a déjà fait, et pas nécessairement en fonction de ce qu'il pense ou ce qu'il sait ».

Généralement [3] on explique les comportements par les pensées, ce que l'on peut résumer par « Je fais ce que je pense ». Or la théorie de l'engagement enseigne que l'on explique les pensées par les comportements, ce que nous pouvons résumer par « je pense ce que je fais ».

« Ce n'est pas parce qu'on est heureux qu'on chante, c'est parce qu'on chante qu'on est heureux. » Eliette Abécassis

Pour approfondir cette théorie de la psychologie sociale, nous présentons ici une liste de vidéos, diaporamas, livres, thèses et articles qui traitent de la théorie de l'engagement sous ses diverses facettes : techniques de manipulations, effet de Gel, escalade de l'engagement, dissonance cognitive, changement de comportement, psychologie de la persuasion, communication engageante, soumission librement consentie, soumission forcée, marketing, etc.

De cet ensemble de documents, nous en présentons deux extraits en guise d'introduction :

Raphaël Yharrassarry [4] reporte l'expérience suivante :

Le projet Hutchinson [5] réalisé de 1984 à 1999 avait pour objectif d'évaluer l'impact des campagnes scolaires de sensibilisation en matière de prévention du tabagisme. L'enquête s'est déroulée aux États Unis, dans quarante districts auprès de 8 388 enfants, du CE2 à Bac +2. Six cent quarante enseignants appartenant à soixante-douze établissements scolaires sont intervenus pour sensibiliser ces jeunes aux risques liés au tabac. Un échantillon témoin ne recevait pas cette sensibilisation. Conclusion : la proportion de fumeurs est la même chez les jeunes formés et informés que chez ceux du groupe contrôle sans information.

Cette enquête et de nombreuses études montrent qu'informer ne suffit pas pour changer les comportements : il est nécessaire de rendre l'individu acteur pour qu'il intègre les stratégies de changement. En changeant les comportements, les idées évolueront.

et aussi cet auteur qui cite l'extrait suivant [6] :

Le persuasive design se base sur la théorie de l'engagement de Kiesler : vous agissez et pensez en fonction de vos actes antérieurs (“seuls vos actes vous engagent”). Ainsi, pour engager une personne vers un comportement final (p.ex. acheter l'intégrale de Mozart), on va lui faire réaliser des actes intermédiaires et préparatoires, les moins coûteux possible en termes d'effort (p.ex. l'inciter à poster un commentaire sur son attachement à Mozart directement sur le site web). On cherche ici l'acte le plus à-même de le prédisposer à en faire un plus coûteux (p.ex. recommander à un ami un CD de Mozart), pour finalement atteindre le comportement visé (p.ex. acheter un CD voire l'intégrale de Mozart).

Et oui, pour amener une personne à faire quelque chose, on pense souvent qu'il s'agit d'une question d'argument, de sensibilisation voire de formation. Détrompez-vous ! Voilà le 1er enseignement clé du persuasive design : pour vous persuader de quelque chose, la question n'est pas de savoir quels arguments on va pouvoir vous asséner mais bien de choisir ce que l'on va pouvoir vous faire faire. L'idée est de vous propulser dans une boucle engageante à travers divers comportements de prime abord anodins. Un simple “oui”, un simple “clic” est engageant.

Vidéos

Petit Traité de Manipulation à l Usage des Honnêtes Gens
Sylvain ALENDE
Ajoutée le 21 juin 2015
Cette courte animation présente une partie des idées de l'excellent ouvrage du même titre par Robert Vincent Joule & Jean-Leon Beauvois. Lien du livre : http://amzn.to/2kENhpS
https://youtu.be/KBY_YCd0fvk

Petit traité de MANIPULATION à l'usage des HONNÊTES gens (150/365)
Olivier Roland
Ajoutée le 10 déc. 2016
Aujourd'hui, nous nous penchons sur le « Petit traité de manipulation à l'usage des honnêtes gens » un best seller en France. Vous aussi lisez-le pour vous prémunir de la manipulation ! Lien du livre : http://amzn.to/2kENhpS
https://youtu.be/MStE6_1gLEw

Techniques de Manipulation pour les Honnêtes Gens (Petit traité de manipulation)
Améliore Toi
Ajoutée le 20 févr. 2017
Petit traité de manipulation à l'usage des honnêtes gens de Robert-Vincent Joule et Jean-Léon Beauvois, Lien du livre : http://amzn.to/2kENhpS
https://youtu.be/zbGBfatcK1o

Rober-Vincent Joule : Mobilisation et engagement
SecuriteIndustrielle
Ajoutée le 26 nov. 2015
https://youtu.be/EjY6_Ss8uZI

Conférence de Robert-Vincent JOULE
Avenue Centrale
Ajoutée le 26 mai 2015
Comment amener les gens à faire librement ce qu'ils doivent faire ?
https://youtu.be/UDznVL7JMwc

L'effet de Gel de Kurt Lewin - Psychologie Sociale
Thibault Gouttier
Ajoutée le 23 févr. 2017
https://youtu.be/TfDDyTkzF0k

L'escalade de l'engagement par Staw - Psychologie sociale
Thibault Gouttier
Ajoutée le 9 mars 2017
https://youtu.be/8PYPnv8N6lM

Manipulation dans les débats politiques - Psychologie Sociale
Thibault Gouttier
Ajoutée le 1 mai 2017
https://youtu.be/UdeirOKSQKQ

La Dissonance Cognitive de Léon Festinger - Psychologie Sociale
Thibault Gouttier
Ajoutée le 1 sept. 2017
https://youtu.be/52TNSjeUzIg

Diaporamas

Théorie de l'engagement et changement de comportement de Toulouse3C

THÉORIE DE L'ENGAGEMENT ET CHANGEMENT DE COMPORTEMENT
La communication engageante
26 mai 2014, Fabien Girandola, Professeur à l'Université Aix-Marseille Université, Laboratoire de psychologie sociale, auteur de Psychologie de la persuasion et de l'engagement et Psychologie et développement durable.
https://www.slideshare.net/toulouse3c/thorie-de-lengagement
https://fr.slideshare.net/toulouse3c/thorie-de-lengagement

Atelier persuasive design de Raphaël Yharrassarry

Atelier persuasive design
Publié dans Design le 12 mai 2017 par Raphaël Yharrassarry, Ergonome, Psychologue, UX expert.
Support de l'atelier persuasive design, réalisé lors de la journée Ethics by design.
53 diapositives.
fr.slideshare.net/iergo

Présentation Persuasive Design : AfterWeb
7 février 2013 par Raphaël Yharrassarry
Le bloc-notes UX ; Expérience Utilisateur
blocnotes.iergo.fr/articles

Persuasive Design : pourquoi et comment ?
Édition Nº31 du 11 décembre 2012 par Raphaël Yharrassarry
letrainde13h37.fr

Penser le Persuasive Design de L_Demontiers

Penser le Persuasive Design
Publié le 19 oct. 2013 par L_Demontiers
Une intervention de 40 minutes réalisée le 17/10/2013 dans le cadre des conférences de Codeurs en Seine
fr.slideshare.net

La communication engageante
XVIième journée InterProfessionnelle du 14 juin 2012 : « Communiquer, informer, appliquer »
Fabien Girandola, Aix-Marseille Université, Laboratoire de Psychologie Sociale, Aix-en-Provence
www.ch-valence.fr/pdf

Livres

Psychologie de la persuasion et de l'engagement
1 décembre 2003 Par Fabien Girandola
Presses Univeau Franche-Comte
books.google.ch

La soumission librement consentie : Comment amener les gens à faire librement ce qu'ils doivent faire ?
3 mai 2017 par Robert-Vincent Joule et Jean-Léon Beauvois
Broché : 215 pages
Editeur : PRESSES UNIVERSITAIRES DE FRANCE - PUF ; Édition : 7e édition revue et corrigée (3 mai 2017)
www.amazon.fr

Petit traité de manipulation à l'usage des honnêtes gens
Broché – 27 mars 2014, de Robert-Vincent Joule et Jean-Léon Beauvois.
www.amazon.fr

Psychologie de la communication et de la persuasion : Théories et applications
Par Claude Chabrol, Miruna Radu
broché - De Boeck Superieur - septembre 2008 - 314 pages
D'autre part, l'engagement peut fragiliser les attitudes initiales du sujet et le conduire à les transformer pour les rendre consonantes avec l'acte d'engagement antérieur par une opération d'ajustement cognitif liée au besoin de restaurer une cohérence cognitive entre cognitions, attitudes et comportements (théorie de la dissonance cognitive de Festinger, 1 957). Kiesler (1 971 ), auteur du premier ouvrage sur la psychologie de l'engagement, définit ce pro cessus à travers la notion de ...
books.google.ch

Thèses

Le 14 décembre 2007 CONCEVOIR ET METTRE EN ŒUVRE UN DISPOSITIF DE RECHERCHE Recherche appliquée et recherche fondamentale Séverine Halimi-Falkowicz Docteur.

Statut des cognitions d'engagement dans le paradigme de la soumission forcée : Quand les cognitions d'engagement sont consistantes ou inconsistantes avec la cognition génératrice
par Séverine Halimi-Falkowicz
Thèse de doctorat en Psychologie sociale
Sous la direction de Robert-Vincent Joule.
Soutenue en 2006
à Aix-Marseille 1 , en partenariat avec Université d'Aix-Marseille. Pôle psychologie et sciences de l'éducation (autre partenaire) .
http://www.theses.fr/2006AIX10102
https://www.theses.fr/114232660
http://slideplayer.fr/slide/1377620/

Communication engageante et Représentations sociales : une nouvelle articulation théorique
Thèse de doctorat nouveau régime Pour l'obtention du grade de Docteur en Psychologie de l'Université de Bourgogne
Présentée et soutenue publiquement par Amandine ZBINDEN le 7 décembre 2011
Thèse dirigée par Fabien GIRANDOLA et Lionel SOUCHET
www.google.ch

De l'engagement comportemental à la participation Elaboration de stratégies de communication sur le tri et la prévention des déchets ménagers
Thèse présentée en vue de l'obtention du grade de docteur en psychologie
4 juillet 2009 Présentée par Mickaël DUPRE sous la direction de Monsieur Stéphane LAURENS
Volume 1
https://tel.archives-ouvertes.fr/tel-00462107/document

Communication de changement comportemental sur le Web : comparer l'efficacité de la persuasion et de l'engagement pour promouvoir l' éco-citoyenneté.
Natacha Romma
Sciences de l'Homme et Société. Université du Sud Toulon Var, 2010. Français.
https://tel.archives-ouvertes.fr/tel-00445880v2/document

Être engagé, informé ou hypocrite : Quels leviers pour favoriser les comportements pro-environnementaux ?
Psychologie. Université Paris Ouest Nanterre La Défense, 2011. Français.
Submitted on 20 Jul 2011 par Rubens Lolita, LAPPS - Laboratoire Parisien de Psychologie Sociale
https://tel.archives-ouvertes.fr/tel-00610019/
https://tel.archives-ouvertes.fr/tel-00610019/document
https://halshs.archives-ouvertes.fr/tel-00610019/document
https://hal.inria.fr/file/index/docid/610019/filename/These_Rubens_2011_.pdf
vivmedia.eu/download
www.amazon.com

LAFARGUE Céline Silvestro Delphine Etude sur les effets de l'engagement
Université de Provence Aix-Marseille I
ETUDE SUR LES EFFETS DE L'ENGAGEMENT
Une étude de terrain : la carte de fidélité d'un magasin de vêtements
Mémoire de Psychologie sociale présenté par : Lafargue Céline, Silvestro Delphine
Directeur de recherche : Joule Robert-Vincent
Année 1998-1999
www.memoires-theses.com

ENGAGEMENT COMPORTEMENTAL ET PERSONNALITE : ETUDES DE L'INFLUENCE MODULATRICE DES « CINQ FACTEURS » SUR LES EFFETS DE L'ENGAGEMENT DANS LE CONTEXTE DES CHANGEMENTS LIES A L'ALIMENTATION
Tiphaine ROBIN
Mémoire présenté en vue de l'obtention du grade de Docteur de l'Université de Nantes sous le label de L'Université Nantes Angers Le Mans
École doctorale : ED CEI, Discipline : Psychologie
Unité de recherche : Laboratoire de Psychologie des Pays de la Loire (EA 4638)
Soutenue le 10 Octobre 2014, Thèse N° :
www.google.ch

LA COMMUNICATION ENGAGEANTE : EFFETS SUR LES DIMENSIONS COGNITIVES ET COMPORTEMENTALES
Thèse en vue de l'obtention du titre de docteur en PSYCHOLOGIE
Présentée et soutenue publiquement par FABIENNE MICHELIK Le 3 janvier 2011
Sous la direction de M. le Professeur Jean-Pierre MINARY Et de M. le Professeur Fabien GIRANDOLA
Université de Franche-Comté, 2011
https://tel.archives-ouvertes.fr/tel-00840255
https://tel.archives-ouvertes.fr/tel-00840255/document

Articles - Bibliographie

Engagement (psychologie sociale)
fr.m.wikipedia.org

Théorie de l'engagement et de la dissonance
Publié dans Influence, engagement et dissonance
www.psychologie-sociale.com

Toulouse 3C - La psychologie de l'engagement - Robert Vincent Joule
Publié le 3 juil. 2015
Synthèse de l'intervention de Robert Vincent Joule lors de la 3e édition du Toulouse Change Communication, sur la psychologie de l'engagement durable.
www.slideshare.net

Regard de Robert Vincent-Joule, chercheur en psychologie sociale -- Comment amener autrui à modifier librement ses comportements et à s'engager ?
Regard sur l'engagement collectif : Robert Vincent-Joule
Caroline Perletti, LE GRAND PARCOURS GERME 2012.
www.germe.com

La théorie de l'engagement
Zeboute' Blog
janvier 21, 2016
zeboute-infocom.com

Théorie de la dissonance - Introduction
Influence, engagement et dissonance
www.psychologie-sociale.com

Un exemple de la théorie de l'engagement
lundi 25 février 2013
www.hteumeuleu.fr

Persuasive design : découvrez comment les concepteurs vous manipulent !
Mar 7, 2011 | Articles
http://la-minute-ux.com/post/persuasive-design-2/

Persuasive marketing : persuader plus pour vendre (encore plus) !
Fév 4, 2013
http://la-minute-ux.com/post/persuasive-marketing-vendre-plus/

UX, Persuasion et psychologie marketing
Juil 6, 2012
http://la-minute-ux.com/post/ux-persuasion-psycho-marketing/

CHANGER LES COMPORTEMENTS ... OUI, MAIS COMMENT ?
Article publié dans le bulletin SCIENCE & CULTURE n° 400 Mars – avril 2006
Février 2006 par Jean THERER, psychopédagogue
http://www.lem.ulg.ac.be/documents/THERER2006changer.pdf

Engagement (théorie de)
June 2013 par Jean-Léon BEAUVOIS et Robert-Vincent JOULE
www.participation-et-democratie.fr

« Engagement (théorie de) »
Jean-Léon BEAUVOIS, Robert-Vincent JOULE
in CASILLO I. avec BARBIER R., BLONDIAUX L., CHATEAURAYNAUD F., FOURNIAU J-M., LEFEBVRE R., NEVEU C. et SALLES D. (dir.), Dictionnaire critique et interdisciplinaire de la participation, Paris, GIS Démocratie et Participation, 2013, ISSN : 2268-5863.
http://www.dicopart.fr/en/dico/engagement-theorie-de.

Comment modifier les comportements ? Une approche synthétique : de la psychologie de la persuasion à la psychologie de l'Engagement
29 julio, 2016 par Gwenolé Fortin (Maître de conférences. Université de Nantes (LEMNA), France), Romain Weigel (Doctorant. Université d'Angers (GRANEM), France)
« Seuls les actes nous engagent. Nous ne sommes donc pas engagés par nos idées, ou par nos sentiments, mais par nos conduites effectives »
www.eepsys.com

La psychologie de l'engagement ou l'art d'obtenir sans imposer
Robert-Vincent Joule, professeur des universités, directeur de la formation doctorale de psychologie, université de Provence
Ce document emprunte l'essentiel à des textes déjà publiés, en particulier aux deux ouvrages de Joule et Beauvois.
Dans : Colloque « Pour une refondation des enseignements de communication des organisations » du 25 au 28 août 2003.
Mis à jour le 15 avril 2011.
eduscol.education.fr

LA PSYCHOLOGIE DE L'ENGAGEMENT Ou comment amener autrui à modifier librement ses comportements ?
Robert-Vincent Joule (et Jean-Léon Beauvois)
moodle.umons.ac.be
www.lsv.fr...doc

Théorie de l'engagement : Sommes-nous libres de nos choix ?
Tuesday, December 1, 2015
Rédigé par Robin Wollast, doctorant au sein du centre de recherche en psychologie sociale et interculturelle.
homosociabilis.blogspot.ch

La théorie de l'engagement : voici 5 leviers pour manipuler vos cibles
By Antony • 13 janvier 2014
www.influence-hypnotique.fr

Théorie de l'engagement et phénomènes liés
http://www.strategie-manager.fr/engagement.php

Dissonance cognitive et engagement : lorsque deux comportements de soumission sont en contradiction avec la même attitude
parRobert-Vincent Joule et Touati Azdia
Laboratoire de psychologie sociale, Université de Provence, France Résumé
Les Cahiers Internationaux de Psychologie Sociale 2004/4 (Numéro 64)
Pages : 84, DOI : 10.3917/cips.064.0005, Éditeur : Presses universitaires de Liège
www.cairn.info

Chapitre 3. La psychologie de l'engagement
par Robert-Vincent Joule et Jean-Léon Beauvois
Plan de l'article
- Qu'est-ce que l'engagement ?
  - Définition de l'engagement
  - Comment produire de l'engagement ?
- Quels sont les effets de l'engagement ?
  - Les effets de l'engagement dans un acte non problématique
  - Les effets de l'engagement dans un acte problématique
- Identification de l'action et engagement
  La soumission librement consentie, 2010 (6e éd.),
  Pages : 224, ISBN : 9782130578826, Editeur : Presses Universitaires de France
  www.cairn.info

La théorie de l'engagement
Les Chroniques du Menteur
mercredi 31 mai 2000, par Pierre Lazuly
http://menteur.com/La-theorie-de-l-engagement

Les théories de l'engagement : - La psychologie du travail a-t-elle sa place dans le monde des RH ?
http://psychologie-travail-rh.over-blog.com/page-3525376.html

1 La Theorie de l'engagement
ZERAIBI Akim
http://scienceseducation.free.fr/1_la_theorie_de_lengagement.html

Motifs d'engagement
http://edutechwiki.unige.ch/fr/Motifs_d%27engagement

Les théories d'engagement et l'adhésion des personnes
14/01/2015 par Pascal Chiucchini
www.b2c-fr.com

La théorie de l'engagement (ou le pied dans la porte)
27 mai 2017 par Alexandre alexandrelavial
cercle.institut-pandore.com

Sur le concept d'engagement
Howard S. Becker, « Sur le concept d'engagement », SociologieS [En ligne], Découvertes / Redécouvertes, Howard Becker, mis en ligne le 22 octobre 2006, consulté le 26 novembre 2017.
https://sociologies.revues.org/642

« Ma thèse au Cerema » : la communication engageante pour la sécurité routière des deux-roues
publié le 10 octobre 2017
Damien Tamisier, doctorant au Cerema Ouest, présente sa thèse intitulée « Comment amener des conducteurs de deux roues à réduire leur vitesse : l'apport de la communication engageante ».
www.cerema.fr

La théorie de la dissonance cognitive
Publié dans Influence, engagement et dissonance
www.psychologie-sociale.com

“Mieux comprendre l'engagement psychologique : revue théorique et proposition d'un modèle intégratif”
1 - L'engagement : témoin des choix majeurs de la vie
parAnne Brault-Labbé (Université de Sherbrooke, Sherbrooke (Québec), Canada
et Lise Dubé (Université de Montréal, Montréal (Québec), Canada)
Les Cahiers Internationaux de Psychologie Sociale 2009/1 (Numéro 81) Pages : 100, DOI : 10.3917/cips.081.0115, Éditeur : Presses universitaires de Liège
www.cairn.info

Engagement et persuasion par la peur : vers une communication engageante dans le domaine de la santé.
Fabien Girandola, F. Michelik.
Submitted on 13 Apr 2011
Revue canadienne des sciences du comportement, 2008, pp.69-79.
HAL Id : hal-00568210
https://hal-univ-bourgogne.archives-ouvertes.fr/hal-00568210
https://halshs.archives-ouvertes.fr/hal-00568210/document

La communication engageante au service de la promotion des valeurs et des comportements écocitoyens
rpn.univ-lorraine.fr

La communication engageante au service de la réduction de l'abstentionnisme électoral : une application en milieu universitaire
rpn.univ-lorraine.fr

La communication engageante : aspects théoriques, résultats et perspectives
Fabien Girandola et Robert-Vincent Joule
L'Année psychologique / Volume 112 / Issue 01 / April 2012, pp 115 - 143
DOI : 10.4074/S0003503312001054, Published online : 05 April 2012
http://www.necplus.eu/abstract_S0003503312001054
www.necplus.eu

La communication engageante au service des changements de comportement en matière d'éthique
Cas d'une recherche-intervention à la Ville de Montréal
Thomas Maxwell et Yanick Farmer
Communication [En ligne], Vol. 32/2 | 2013, mis en ligne le 05 avril 2014
https://communication.revues.org/4989

La vertu du contenu
Percipi - Thomas
https://percipi.fr/la-vertu-du-contenu/

L'appel à l'action
Percipi - Thomas
https://percipi.fr/lappel-a-laction/

[1] Kiesler, C. A. (1971), The psychology of commitment. Experiments linking behavior to belief, New York, Academic Press

[2] Charles Adolphus Kiesler

[3] Théorie de l'engagement et de la dissonance (Elisabeth Deswarte)

[4] Persuasive Design : pourquoi et comment ?, Raphaël Yharrassarry, Édition Nº31 du 11 décembre 2012.

[5] Peterson, A.V., Kealey, K.A., Mann, S.L., Marek, P.M., Sarason, I.G. (2000). Hutchinson smoking prevention project : Long-term randomized trial in school-based tobacco use prevention – Results on smoking. Journal of the National Cancer Institute, 92, 24, 1979-1991

[6] Un exemple de la théorie de l'engagement, lundi 25 février 2013

Captologie : vidéos et diaporamas de cours et conférences

François Daniel Giezendanner — 2017-11-21T11:41:22Z

Sommaire

Introduction

Plusieurs processus résultent de l'activité actuelle des « géants du Web », considérons en particulier la « Captologie » (science pour capter l'attention, processus de persuasion technologique), la « nomophobie » (addiction au téléphone portable - contraction de « no mobile phobia » qui désigne la peur excessive d'être séparé de son téléphone mobile) et plus généralement la « dépendance aux écrans » (ou « addiction aux écrans »), l'« affordance » (capacité d'un objet à suggérer sa propre utilisation) et l'« expérience utilisateur » ou « UX » (acronyme de l'anglais pour « User eXperience », désigne la qualité de l'expérience globale vécue par l'utilisateur dans toute situation d'interaction), ils font l'objet de questionnements, de travaux et d'études de plus en plus nombreux et importants.

La Nomophobie et la dépendance aux écrans sont des maux insidieux et profonds qui affectent un nombre impressionnant d'utilisateurs/trices de ces écrans, et parfois même à leur insu. On parle même de destruction sociale. Cette addiction est intentionnellement créé et entretenue dans le processus de « Captologie ». Cette science est destinée à provoquer des sentiments d'impatience ou de frustration dès que l'utilisateur/trice passe trop de temps éloigné d'un service, une application, un site internet ou un réseau social.

En complément à l'article « Captologie », nous proposons ici une séries de vidéos et diaporamas qui traitent les processus susmentionnés sous leurs diverses facettes.

Vidéos

Science Of Persuasion
Ajoutée le 26 nov. 2012
http://www.influenceatwork.com This animated video describes the six universal Principles of Persuasion that have been scientifically proven to make you most effective as reported in Dr. Cialdini's groundbreaking book, Influence. This video is narrated by Dr. Robert Cialdini and Steve Martin, CMCT (co-author of YES & The Small Big).
https://youtu.be/cFdCzN7RYbw

Les ruses manipulatrices que les entreprises de technologie utilisent pour obtenir votre attention
Tristan Harris at TED2017
www.ted.com/talks

Les ruses manipulatrices que les entreprises de technologie utilisent pour obtenir votre attention
Revisie 9, aangemaakt op 08/19/2017 door Shadia Ramsahye.
Texte écrit en français de la totalité des commentaires de la vidéo
https://amara.org/nl/videos/xLgyyIlGMdQB/fr/1933502/

Diaporama « sur Slideshare.net »

Presentation finale persuasion_2014 de Marie-Lyse Hamel

DESIGN de Persuasion - Presentation finale persuasion_2014
Par Marie-Lyse Hamel
Interfaces humain-ordinateur spécialisées - IND 8409 Janvier 2014 Thursday, 9 January, 14
fr.slideshare.net

Atelier persuasive design de Raphaël Yharrassarry

Atelier persuasive design
Publié dans Design le 12 mai 2017 par Raphaël Yharrassarry, Ergonome, Psychologue, UX expert.
Support de l'atelier persuasive design, réalisé lors de la journée Ethics by design.
53 diapositives.
fr.slideshare.net/iergo

Présentation Persuasive Design : AfterWeb
7 février 2013 par Raphaël Yharrassarry
Le bloc-notes UX ; Expérience Utilisateur
blocnotes.iergo.fr/articles

Persuasive Design : pourquoi et comment ?
Édition Nº31 du 11 décembre 2012 par Raphaël Yharrassarry
letrainde13h37.fr

L'EXPÉRIENCE UTILISATEUR DE L'ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CONCEPTION ET L'ÉVALUATION DES SYSTÈMES de Eric Brangier

L'EXPÉRIENCE UTILISATEUR DE L'ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CONCEPTION ET L'ÉVALUATION DES SYSTÈMES.
Conférence donnée au CENROB 2013 à Evry
Publié le 17 mars 2014 par Eric Brangier
fr.slideshare.net/EricBrangier

Nemery uxpa montréal de Utilisabilite_Quebec

Interfaces persuasives
Alexandra Nemery
fr.slideshare.net

Penser le Persuasive Design de L_Demontiers

Penser le Persuasive Design
Publié le 19 oct. 2013 par L_Demontiers
Une intervention de 40 minutes réalisée le 17/10/2013 dans le cadre des conférences de Codeurs en Seine
fr.slideshare.net

Pour un rétro-design de l'attention from Fing

Pour un rétro-design de l'attention
Published inDesign on Oct 16, 2017
L'expérience utilisateur des systèmes numériques pose la question de l'attention de ceux qui sont amenés à les utiliser.
La seule réponse aujourd'hui est de renvoyer l'usager à sa propre responsabilité : déconnexion, gestion des notifications, etc...
Des milliers de designers agencent toujours plus finement la frontière entre l'incitation et la manipulation, en façonnant chaque boucle de rétroaction du moindre de nos outils.
L'angle du design pour observer la façon dont est captée l'attention des utilisateurs permettrait-il de trouver un levier pour comprendre ce qui est en jeu et proposer des alternatives ?
License : CC Attribution License
https://www.slideshare.net/slidesharefing/pour-un-rtrodesign-de-lattention

Attention à l'attention from Hubert Guillaud

Attention à l'attention
Hubert Guillaud, Journaliste, Rédacteur en chef
Publié dans Technologie le 11 mai 2017
Des enjeux du design sur nos processus attentionnels
Licence : CC Attribution-NonCommercial License
https://fr.slideshare.net/HubertGuillaud/attention-lattention

Conférence Boomerang : Design de persuasion par Anastasia Simitsis from Valtech Canada

Conférence Boomerang : Design de persuasion par Anastasia Simitsis
Published in Marketing on Dec 18, 2013 par Valtech Canada
Objectifs
+ Découvrir les principes du design persuasif
+ Maîtriser
www.slideshare.net/williamfirmeweb

Design de persuasion, Marie-Lyse Hamel from Yu Centrik

Design de persuasion, Marie-Lyse Hamel
Yu Centrik, Usability, interface design at Yu Centrik
Published on May 31, 2011
Design de persuasion : influencer et motiver pour un changement social
Présenté lors de la soirée Chitchat 2011 le 26 mai
French presentation on persuasive design made by Marie-Lyse Hamel on the 26th of May 2011 for Chitchat 2011.
www.slideshare.net/yucentrik

FLUPA UX-Day 2012 - Lightning Talk - Guilaine Robin from Flupa

FLUPA UX-Day 2012 - Lightning Talk - Guilaine Robin
Published on May 20, 2012
Lightning Talk « Web Persuasion » présenté par Guilaine Robin lors du FLUPA UX-Day 2012 à Paris.
www.slideshare.net/flupa

FLUPA 2011 : Gautier Barrère - Vos premiers pas en persuasive design from Flupa

FLUPA 2011 : Gautier Barrère - Vos premiers pas en persuasive design
Published on Sep 27, 2011
Présentation des concepts utilisés en psychologie sociale (acceptation, manipulation), en ergonomie et dans le marketing. La présentation sera illustrée d'exemples concrets utilisés par les principaux acteurs du Web (Amazon, Youtube, Facebook, Twitter, eGovernment…).
www.slideshare.net/flupa

Persuader plus pour vendre entre plus ! from Barrere Gautier

Persuader plus pour vendre entre plus !
Published on Jun 10, 2013 par Barrere Gautier
Présentation faite dans le cadre du lunch UX FLUPA 2013 à Sophia Antipolis
www.slideshare.net/GautierBarrere

FlupaUXDay_2012_UX_Persuasion_Marketing_Gautier_Barrère from Barrere Gautier

FlupaUXDay_2012_UX_Persuasion_Marketing_Gautier_Barrère
Published on May 16, 2012 par Barrere Gautier
www.slideshare.net/GautierBarrere

Diaporama « en pdf »

L'ergonomie à l'heure des interfaces persuasives démarches, critères et applications
Pr. Eric Brangier, Université de Lorraine - Metz, Ux-Lab. PErSEUs : Psychologie Ergonomique et Sociale pour l'Expérience Utilisateurs. Faculté des Sciences Humaines et Arts. BP 30309, Île du Saulcy, 57006 Metz, France.
www.lucid.ulg.ac.be/conferences

Grille de critères ergonomiques pour l'appréciation de la persuation Technologique
Alexandra NEMERY et Eric BRANGIER
Université Paul Verlaine - Metz, ETIC-INTERPSY – User Experience Lab. Faculté des Sciences Humaines et Arts. BP 30309, Île du Saulcy, F-57006 Metz, France.
carinelallemand.files.wordpress.com

Psychologie des consommateurs digitaux.
1. Introduction générale et notions de base
Pr. Dr. Eric BRANGIER, PERSEUS : Psychologie Ergonomique et Sociale pour l'Expérience Utilisateurs. EA 7312 Faculté des Sciences Humaines et Sociales, Université de Lorraine-Metz
http://eric.brangier.free.fr/Supports/L1_Ch1_PsyConsoDigitale.pdf

Psychologie des consommateurs digitaux.
3. La persuasion interactive
Pr. Dr. Eric BRANGIER, PERSEUS : Psychologie Ergonomique et Sociale pour l'Expérience Utilisateurs. EA 7312 Faculté des Sciences Humaines et Sociales, Université de Lorraine-Metz
http://eric.brangier.free.fr/Supports/L1_Ch3_PersuasionPsyConsoDigitale.pdf

4. Ergonomie : L'expérience utilisateur
Ergonomie – Licence 3
Éric Brangier, Professeur des universités, Université Paul Verlaine - Metz, brangier@univ-metz.fr
http://eric.brangier.free.fr/Supports/4.L3_Ergo_ProduitsExpeUtilisateur.pdf

5. Utilisabilité
Ergonomie – Licence 3
Éric Brangier, Professeur des universités, Université Paul Verlaine - Metz, brangier@univ-metz.fr
http://eric.brangier.free.fr/Supports/5.L3_Ergo_Utilisabilite.pdf

Captologie

François Daniel Giezendanner — 2017-11-08T09:52:37Z

Sommaire

Présentation

Le « laboratoire des technologies persuasives » de l'université de Stanford (Etats-Unis) a créé une discipline, la captologie.

Selon Wikipédia la captologie est l'étude de l'informatique et des technologies numériques comme outil d'influence / de persuasion des individus (traduction de l'anglais captology pour computers as persuasive technologies).

Ce domaine de recherche explore les liens entre les techniques de persuasion en général (au sens anglo-saxon, à savoir influence, motivation, changement comportemental (en)…) et l'informatique (et plus généralement les technologies numériques). Cela inclut la conception (le design), la recherche et l'analyse fonctionnelle d'outils numériques (par exemple des logiciels sur ordinateurs, apps mobiles, pages web et les dispositifs spécialisés) créés dans le but de changer les attitudes et comportements des individus.

Le terme de captology a été créé en 1996 par le chercheur B.J. Fogg (en) de l'université de Stanford. Celui-ci a publié en 2003 un ouvrage sur le sujet, dénommé Persuasive Technology : Using Computers to Change What We Think and Do. Il souligne que la technologie n'est pas seulement un outil mais également un media et un acteur social. C'est principalement en utilisant la technologie comme un acteur social (à travers une interaction) que l'influence serait la plus efficace.

On peut notamment mobiliser la captologie pour orienter l'usage d'une interface (logiciel, page Web…). Ebay, Facebook, Google, Amazon en sont devenus des champions mais on peut également mobiliser la captologie dans des domaines non technologiques, notamment dans le domaine de la santé et du bien-être.

Certaines expérimentations mobilisent la captologie pour changer les habitudes alimentaires des individus, les inciter à l'activité physique, lutter contre les addictions (tabac).

CAPTOLOGIE : acronyme et définitions

Acronyme :

CAPTOLOGY : Computers As Persuasive TechnOLOGY.

CAPTOLOGY : Computers As Persuasive TechnOLOGies.

Définitions, la CAPTOLOGIE c'est :

L'étude de l'informatique et des technologies numériques comme outil d'influence / de persuasion des individus.

L'étude, la conception et l'analyse des produits informatiques destinés à modifier les attitudes ou les comportements des individus.

Une technologie persuasive : utiliser les ordinateurs pour changer ce que les individus pensent et font.

Ci-dessous nous vous proposons une série d'articles qui traitent le thème de la Captologie sous ses multiples facettes à l'attention du grand public et du monde académique.

Vidéos et diaporamas

Science Of Persuasion
Ajoutée le 26 nov. 2012
http://www.influenceatwork.com This animated video describes the six universal Principles of Persuasion that have been scientifically proven to make you most effective as reported in Dr. Cialdini's groundbreaking book, Influence. This video is narrated by Dr. Robert Cialdini and Steve Martin, CMCT (co-author of YES & The Small Big).
https://youtu.be/cFdCzN7RYbw

Les ruses manipulatrices que les entreprises de technologie utilisent pour obtenir votre attention
Tristan Harris at TED2017
www.ted.com/talks

Les ruses manipulatrices que les entreprises de technologie utilisent pour obtenir votre attention
Revisie 9, aangemaakt op 08/19/2017 door Shadia Ramsahye.
Texte écrit en français de la totalité des commentaires de la vidéo
https://amara.org/nl/videos/xLgyyIlGMdQB/fr/1933502/

Presentation finale persuasion_2014 de Marie-Lyse Hamel

DESIGN de Persuasion - Presentation finale persuasion_2014
Par Marie-Lyse Hamel
Interfaces humain-ordinateur spécialisées - IND 8409 Janvier 2014 Thursday, 9 January, 14
fr.slideshare.net

Atelier persuasive design de Raphaël Yharrassarry

Atelier persuasive design
Publié dans Design le 12 mai 2017 par Raphaël Yharrassarry, Ergonome, Psychologue, UX expert.
Support de l'atelier persuasive design, réalisé lors de la journée Ethics by design.
53 diapositives.
fr.slideshare.net

Présentation Persuasive Design : AfterWeb
7 février 2013 par Raphaël Yharrassarry
Le bloc-notes UX ; Expérience Utilisateur
blocnotes.iergo.fr/articles

Persuasive Design : pourquoi et comment ?
Édition Nº31 du 11 décembre 2012 par Raphaël Yharrassarry
letrainde13h37.fr

L'EXPÉRIENCE UTILISATEUR DE L'ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CONCEPTION ET L'ÉVALUATION DES SYSTÈMES de Eric Brangier

L'EXPÉRIENCE UTILISATEUR DE L'ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CONCEPTION ET L'ÉVALUATION DES SYSTÈMES.
Conférence donnée au CENROB 2013 à Evry
Publié le 17 mars 2014 par Eric Brangier
fr.slideshare.net/EricBrangier

Nemery uxpa montréal de Utilisabilite_Quebec

Interfaces persuasives
Alexandra Nemery
fr.slideshare.net

Penser le Persuasive Design de L_Demontiers

Penser le Persuasive Design
Publié le 19 oct. 2013 par L_Demontiers
Une intervention de 40 minutes réalisée le 17/10/2013 dans le cadre des conférences de Codeurs en Seine
fr.slideshare.net

Pour un rétro-design de l'attention from Fing

Pour un rétro-design de l'attention
Published inDesign on Oct 16, 2017
L'expérience utilisateur des systèmes numériques pose la question de l'attention de ceux qui sont amenés à les utiliser.
La seule réponse aujourd'hui est de renvoyer l'usager à sa propre responsabilité : déconnexion, gestion des notifications, etc...
Des milliers de designers agencent toujours plus finement la frontière entre l'incitation et la manipulation, en façonnant chaque boucle de rétroaction du moindre de nos outils.
L'angle du design pour observer la façon dont est captée l'attention des utilisateurs permettrait-il de trouver un levier pour comprendre ce qui est en jeu et proposer des alternatives ?
License : CC Attribution License
https://www.slideshare.net/slidesharefing/pour-un-rtrodesign-de-lattention

Attention à l'attention from Hubert Guillaud

Attention à l'attention
Hubert Guillaud, Journaliste, Rédacteur en chef
Publié dans Technologie le 11 mai 2017
Des enjeux du design sur nos processus attentionnels
Licence : CC Attribution-NonCommercial License
https://fr.slideshare.net/HubertGuillaud/attention-lattention

Annexe : « Captologie » évoque « capture »

CAPTOLOGY est l'acronyme de « Computers As Persuasive TechnOLOGY » cependant cet acronyme évoque fortuitement le terme « capture » (et aussi « captif ») qui est utilisé de manière pertinente par plusieurs auteurs, en voici quelques exemples :

Exemple 1
L'an dernier, ce merveilleux article de Tristan Harris, un ancien de chez Google, nous éclairait sur les stratégies mises en place par l'industrie pour nous garder très près de notre téléphone. Je ne le résumerai pas ici parce qu'il contient énormément de contenu et vaut vraiment la peine d'être lu, mais si on veut comprendre en général la philosophie derrière tout ça, disons simplement que ce champ d'expertise s'appelle la captologie, comme dans « captif » ou « capturer »... [1]

Exemple 2
De l'autre, on trouve la « captologie », ou la science des technologies persuasives, devenue, chez les concepteurs de sites ou d'applications de nos smartphones, une religion. On l'enseigne au « Stanford Persuasive Lab » ou dans des livres comme Hooked, la bible du métier. L'objectif est de créer des interfaces qui vont capturer au mieux l'utilisateur, et l'inciter à y revenir, via des « récompenses » ou d'incessantes notifications, par exemple... [2]

Exemple 3
4. Engrenage : Définition : Multiplier les séquences engageantes, augmenter leur fréquence et leur force d'impact. Maintenir l'interaction et « capturer » l'utilisateur. [3]

Exemple 4
L'informatique persuasive revisite les recherches menées en psychologie de l'influence sociale et se donne alors pour objectif de capturer l'attention de l'utilisateur, ou plus précisément de définir des « systèmes de calcul, dispositifs, ou applications intentionnellement conçues pour changer les attitudes ou le comportement d'une personne d'une manière prédéterminée » (Fogg, 1999). [4]

Exemple 5
La persuasion interactive vise à introduire des principes d'influence sociale telles que la validation sociale, la réciprocité, la proximité sociale, la crédibilité, etc. dans les interactions avec les nouvelles technologies (Cialdini, 2004 ; Girandola, 2003). Vue ainsi, la technologie cherche à capturer l'attention de l'utilisateur, à le garder en ligne le plus longtemps possible, à le faire consommer, à orienter son comportement pour le faire maigrir, arrêter de fumer ou faire davantage de sport. [5]

Exemple 6
Les années 2000 sont à associées au développement gigantesque du commerce en ligne et à la mondialisation des échanges.
– Avec un arrière-plan marketing, l'informatique persuasive revisite les recherches menées en psychologie de l'influence sociale et se donne alors pour objectif de capturer l'attention de l'utilisateur,
• ou plus précisément de définir des « systèmes de calcul, dispositifs, ou applications intentionnellement conçues pour changer les attitudes ou le comportement d'une personne d'une manière prédéterminée » (Fogg, 1999).
Capturer l'utilisateur... (Nemery, Brangier & Kopp, 2009) [6]

Exemple 7
• La relation client : le numérique contribue à des mécanismes de capture de plus en plus élaborés (économie de l'attention, « captologie », techniques de fidélisation, exploitation des réseaux relationnels…) ; mais dans le même temps, il interconnecte les consommateurs indépendamment des marques et favorise l'émergence d'espaces de discussion, comparaison, protestation… [7]

Bibliographie

Captologie
https://fr.m.wikipedia.org/wiki/Captologie

La captologie : l'ordinateur outil de persuasion
01/03/2005 Par Daniel Kaplan
www.internetactu.net

Pour un rétro-Design de l'attention
18/10/2017 Par Hubert Guillaud
www.internetactu.net

Pour un rétro-design de l'attention
Publié le 19 octobre 2017 - Sélectionné dans : Actualités & Analyses
Hubert Guillaud, Rédacteur en Chef d'InternetActu.net
linkedin.com

Design de nos vulnérabilités : la Silicon Valley est-elle à la recherche d'une conscience ?
09/11/2016 Par Hubert Guillaud
www.internetactu.net

Comment faire attention au design de l'addiction ?
19 novembre 2016 Hubert Guillaud
internetactu.blog.lemonde.fr

Répondre au design de nos vulnérabilités
16/06/2016 Par Hubert Guillaud
www.internetactu.net

De l'incitation douce à la manipulation insidieuse : les designers, architectes invisibles de nos vies connectées
Publié le 7 novembre 2017 par Eric Scherer, Directeur de la Prospective, France Télévisions
www.meta-media.fr

La captologie, ou l'influence par la technologie
Article modifié le 25/08/2017 Andrea Ostojic
le-cercle-psy.scienceshumaines.com

Bruno Devauchelle : La captologie et le miracle de l'attention
Le vendredi 02 décembre 2016 Par fjarraud
www.cafepedagogique.net

Addiction à la technologie : la faute aux designers ?
11/05/2017 Annabelle Laurent
usbeketrica.com

Zombification : La « Captologie », ou les secrets des ingénieurs pour nous enchaîner à nos écrans
samedi 05 novembre 2016 à 14h25
www.le-veilleur.com/article

Les secrets des ingénieurs qui vous rendent accros à vos portables
Comment nos applis sont fabriquées pour nous rendre dépendants : plongée dans une des Bibles de « l'addiction par design »
Claire Richard Publié le 04 novembre 2016 à 17h29
tempsreel.nouvelobs.com/rue89

Captologie et économie de l'attention
November 15, 2017 8.08pm GMT
Attention. Juliana Coutinho / Flickr, CC BY
theconversation.com

Un ancien de Google avoue : la Silicon Valley joue avec votre esprit
Cela fait 30 minutes que vous avez les yeux rivés sur votre écran, alors que vous ne veniez là que pour regarder l'heure et le lieu d'un événement.
Publié le 21 juin 2017 à 09h02 Par Juliette Montilly
tempsreel.nouvelobs.com/rue89

Ces « pirates » qui captent votre temps de cerveau disponible
Vous « scrollez » sur Internet depuis une heure alors que vous avez du boulot ? Accrochez-vous, nous sommes tous victimes des pirates de l'attention.
LE MONDE | 22.09.2017 à 15h17 • Mis à jour le 25.09.2017 à 11h43 | Par Lorraine de Foucher
Article réservé aux abonnés
www.lemonde.fr

Les téléphones : est-ce qu'on est tous à la recherche d'approbation sociale ?
J'ai une amie de mon âge (26 ans) qui n'a jamais eu de cellulaire ni de compte Facebook d'ailleurs. Si on veut la contacter, on lui écrit un courriel, et on attend normalement quelques jours avant de recevoir une réponse d'elle.
15 février 2017 par Camille Dauphinais-Pelletier
urbania.ca

« On approche du moment où on sera sur nos smartphones 8 heures par jour ! »
09/10/2017 par Guillaume Ledit
usbeketrica.com

« Trop souvent la machine fait tout pour toi »
21/12/2016 par Vincent Edin & Thierry Keller
usbeketrica.com

« Mon Dieu, qu'est-ce qu'on a fait ? » : Les ex de Facebook et Google ont des états d'âme
17/10/2017 par Guillaume Ledit
usbeketrica.com

Les résolutions de janvier
24 janvier 2017 Auteur Cédric fettouche
résolutions de janvier
https://www.opoiesis.com/tag/bj-fogg/

Flashback – Facebook utilise la « captologie » pour influencer ses moutons numériques
Publié le 17 Nov, 2016 dans Science du contrôle
- etat-du-monde-etat-d-etre.net
- reflets.info

La responsabilité face aux technologies numériques, addict à l'électricité ?
20 Nov 2016
http://www.brunodevauchelle.com/blog/?p=1929

Ceux qui vous rendent accro à vos portables
Publication : 14 janvier 2017 Auteur : Bohémond ALLOT
www.mathemathieu.fr

Journée Ethics by Design
Co-organisée par la FLUPA et Designers éthiques, la journée Ethics by Design s'est tenue le 12 mai à l'ENS de Lyon.
http://www.yume-studio.fr/ethicsbydesign/

Rencontre avec Tristan Harris, l'homme qui veut empêcher nos smartphones de voler nos journées
RENCONTRE Les ingénieurs ont appris à jouer sur nos faiblesses pour nous rendre accros aux technologies, et il est temps d'en regagner le contrôle, martèle l'ex-ingénieur de Google Tristan Harris. « 20 Minutes » l'a rencontré...
Publié le 22/11/16 à 12h27 — Mis à jour le 25/11/16 à 17h51 Annabelle Laurent
www.20minutes.fr

Tristan Harris : « Des millions d'heures sont juste volées à la vie des gens »
Cet ingénieur informatique a quitté Google après avoir été leur « philosophe produit ». Là-bas, il a réfléchi à des téléphones plus éthiques, qui ne nous feraient plus perdre de temps, en vain. Aujourd'hui, il veut déclencher une prise de conscience.
Publié le 04 juin 2016 à 16h22 Par Alice Maruani
tempsreel.nouvelobs.com/rue89

Snobisme ou salut : j'ai envie de balancer mon smartphone
Certains font des « breaks » numériques, d'autres retournent au téléphone qui ne fait que téléphoner : vous n'êtes pas seul à trouver votre smartphone aliénant.
Publié le 31 mai 2013 à 15h27 Par Nolwenn Le Blevennec
tempsreel.nouvelobs.com/rue89

Vers une fracture entre déconnexistes et « digital addicts »
Rédigé par Boris Petrovitch Njegosh pour les TRansitions
transitions.digital

How Technology is Hijacking Your Mind ?— ?from a Magician and Google Design Ethicist
May 18, 2016 by Tristan Harris
journal.thriveglobal.com

The next stop on the road to revolution is ambient intelligence
Posted May 7, 2016 by Gary Grossman
techcrunch.com

Two billion minds are being hijacked by technology.
What began as a race to monetize our attention is now eroding the pillars of our society : mental health, democracy, social relationships, and our children.
http://www.timewellspent.io/

« La conscience d'une pollution mentale créée par le numérique émerge »
25/09/2017 par Annabelle Laurent
usbeketrica.com

'Our minds can be hijacked' : the tech insiders who fear a smartphone dystopia
Google, Twitter and Facebook workers who helped make technology so addictive are disconnecting themselves from the internet. Paul Lewis reports on the Silicon Valley refuseniks alarmed by a race for human attention
Weekend magazine technology special
Friday 6 October 2017 06.00 BST by Paul Lewis in San Francisco
www.theguardian.com
Traduction en français sur www.les-crises.fr : Nos esprits peuvent être piratés : Les initiés craignent une dystopie du smartphone. Par Paul Lewis

Nos esprits peuvent être piratés : Les initiés craignent une dystopie du smartphone. Par Paul Lewis
Les employés de Google, Twitter, Facebook qui ont aidé à rendre la technologie tellement addictive, se déconnectent eux-mêmes d'internet. Reportage de Paul Lewis sur les refusniks de la Silicon Valley qui s'alarment d'une course à l'attention humaine.
21 nov 2017, 91 réponses
Traduit par les lecteurs du site www.les-crises.fr. Traduction librement reproductible en intégralité, en citant la source.
www.les-crises.fr
Source : Paul Lewis : 'Our minds can be hijacked' : the tech insiders who fear a smartphone dystopia, 06-10-2017

Téléphone portable, gadget de destruction massive ?
13 juillet 2017 Michel Porret
blogs.letemps.ch

La nouvelle dystopie, c'est maintenant
9 Nov 2017
https://framablog.org/2017/11/09/la-nouvelle-dystopie-maintenant/

Se déconnecter pour devenir plus productif
20/09/2016
Comment échapper aux procédés déployés par la « captologie » pour nous hypnotiser avec nos écrans baladeurs ?
Le Tour du monde des idées par Brice Couturier, du lundi au vendredi à 11h53
www.franceculture.fr

Dépendance au smartphone
https://fr.m.wikipedia.org/wiki/D%C3%A9pendance_au_smartphone

Les téléphones : est-ce qu'on est tous à la recherche d'approbation sociale ?
15 février 2017 Par Camille Dauphinais-Pelletier
urbania.ca

Les technologies pour nous persuader à notre insu en plein boom (nous afons les moyens de vous faire penser…)
Comportement sous influence
On les appelle les technologies persuasives. A notre insu, les objets connectés nous influencent de plus en plus dans nos choix quotidiens. Ils sont parfois perçus comme une aide à la décision et un gagne-temps mais aussi un frein à notre libre arbitre.
Publié le 3 Avril 2015 Christophe Benavent
www.atlantico.fr

L'histoire du créateur de la science des erreurs et de ses erreurs
En même temps, ce serait bien la preuve qu'il avait raison.
L'histoire d'amour entre Daniel Kahneman et Amos Tversky débute à l'été 1969. À l'époque, les deux professeurs de psychologie sont collègues à l'université hébraïque de Jérusalem...
Daniel Engber, traduit par Peggy Sastre — 10.01.2017 - 6 h 14, mis à jour le 10.01.2017 à 7 h 41
http://www.slate.fr/story/133685/createur-science-erreurs

Biais cognitif
https://fr.m.wikipedia.org/wiki/Biais_cognitif

Enquêtes : Principaux biais dans la formulation des questions
- mercredi 10 août 2016, par François Daniel Giezendanner
  http://icietla-ge.ch/voir/spip.php?article169
- Jeudi 22 novembre 2012 par François Daniel Giezendanner
  http://icp.ge.ch/sem/cms-spip/spip.php?article1765

Les biais cognitifs
- mercredi 10 août 2016, par François Daniel Giezendanner
  http://icietla-ge.ch/voir/spip.php?article170
- jeudi 15 novembre 2012 par François Daniel Giezendanner
  http://icp.ge.ch/sem/cms-spip/spip.php?article1762

Persuasion
action d'amener quelqu'un à quelque chose
https://fr.m.wikipedia.org/wiki/Persuasion

Manipulation mentale
https://fr.wikipedia.org/wiki/Manipulation_mentale

PERSUASION
Welcome to the CIOS Web site on Persuasion ! This site provides an introduction to the study of persuasion. An overview essay is provided to introduce you to the nature of persuasion, to explain why persuasion is worth studying, and to define important basic concepts. Each of the remaining main sections of the site covers one of seven influential theories about persuasion.
- The site also includes, at the end of each section, a self-test so you can check your understanding and a list of the sources that were used in compiling the information presented in it, if you should decide to read further.
  This project was developed by William L. Benoit, Ph.D.
  http://www.cios.org/encyclopedia/persuasion/index.htm

Les technologies persuasives
16/03/2017 par Docteur Henri PULL
http://www.psychiatrissimo.com/les-technologies-persuasives/

Technologies persuasives : la bienveillance ne suffit pas
Les technologies persuasives nous influencent à notre insu dans nos choix quotidiens. Conçues pour nous aider dans nos décisions, elles peuvent aussi empiéter sur nos libertés.
7 avril 2015 Par Christophe Bénavent
www.contrepoints.org

La « technologie persuasive » nous rend accros aux écrans
Des voix commencent à s'élever contre les techniques des professionnels qui tendent à manipuler les utilisateurs de téléphones portables ou d'ordinateurs, appelant à une consommation plus éthique
Publié dimanche 20 novembre 2016 à 18:39 par Emily Turrettini
www.letemps.ch

La persuasion n'est pas un art, c'est une science : 4 techniques pour réussir
Audrey Duperron 2 janvier 2013
fr.express.live

8 critères ergonomiques pour évaluer la persuasion d'un site
2011-05-04 par Thomas
www.adviso.ca/blog

Les applis s'emparent de notre sommeil
L'addiction à nos smartphones, un phénomène scientifiquement élaboré par les développeurs, perturbe notre sommeil. À l'inverse, de plus en plus d'applis prétendent nous aider à mieux dormir. Enquête.
Le Figaro5 Jun 2017ELSA TRUJILLO @Elsa_Trujillo_
https://www.pressreader.com/france/le-figaro/20170605/281951722783478

Persuasive design VS Dark patterns – Graphisme & interactivité
Le 30 septembre 2016 par Geoffrey Dorne
https://graphism.fr/persuasive-design-vs-dark-patterns/

Enquête sur l'addiction des jeunes au smartphone
Submitted on 3 Oct 2016 par René Patesson
https://hal.univ-antilles.fr/hal-01375819/document

ENQUÊTE SUR L'USAGE DU SMARTPHONE AUPRÈS DE 1.589 JEUNES EN FÉDÉRATION WALLONIE-BRUXELLES
Novembre 2016
Sous la direction du Professeur René Patesson
Institut de Sociologie - Université Libre de Bruxelles
reform.be

Comment les machines jouent de notre irrationalité
21/09/2016
www.franceculture.fr

Laisser les GAFA seuls maîtres de notre avenir ? Hum... Comment dire ?
Publié le 12 novembre 2017 / 0 commentaire
Et si les GAFA n'étaient pas la solution, mais désormais plutôt le problème ?
www.meta-media.fr

Lecture dans « Hooked » : La démarche pour rendre accros des Appli Smartphone
le 3 novembre 2016, Blog de Omar BENHAMID
obenhamid.me

Les techniques de persuasion de Facebook pour vous empêcher de supprimer votre compte
Caroline Piquet — 19.09.2013 - 17 h 44, mis à jour le 19.09.2013 à 18 h 03
www.slate.fr/life

Nos 50 tactiques pour passer moins de temps sur les écrans
Comment réguler nos usages d'« homo connexus » ? Rue89 liste 50 astuces qui peuvent vous aider à mieux maîtriser votre temps et ne plus geeker compulsivement.
Publié le 05 septembre 2016 à 16h00 Par La rédaction de Rue89
tempsreel.nouvelobs.com/rue89

Technologie. La Silicon Valley pirate nos esprits
Publié le 08/12/2016 - 08:57
Les géants du numérique nous asservissent à nos smartphones comme l'industrie agroalimentaire nous rend accros à la malbouffe, assure Tristan Harris. Cet ancien “philosophe produit” de Google souhaite labelliser les applis “éthiques”.
www.courrierinternational.com/article

Persuasive Design : pourquoi et comment ?
Pourquoi certains sites web fonctionnent-ils mieux que d'autres ? De nombreuses explications existent. L'une d'entre elles s'apparente aux théories de la communication et de la psychologie humaine : le Persuasive Design nous est expliqué par Raphaël Yharrassarry.
Édition Nº31 du 11 décembre 2012 Raphaël Yharrassarry
letrainde13h37.fr

Médias : 10 stratégies pour résister aux GAFA
Publié le 11 novembre 2017 / Par Barbara Chazelle, France Télévisions, Prospective et MediaLab
www.meta-media.fr/2017/11/11

« Sur son lit de mort, personne ne se dit : « J'aurais aimé passer plus de temps sur Facebook » »
19/06/2017 par Annabelle Laurent
usbeketrica.com/article

Adam Alter : « Les écrans nous rendent malheureux »
21/07/2017 par Annabelle Laurent
usbeketrica.com/article

Une guerre économique mondiale a commencé : celle des GAFA pour conquérir votre attention et ne plus la lâcher à leurs concurrents
Lors d'une conférence organisée par le Wall Street Journal, Michael J. Wolf (spécialiste de l'économie des nouveaux médias et GAFA) a déclaré que la guerre entre les grandes firmes de la tech était déclarée. Leur terrain de bataille : le temps disponible de leurs clients qu'ils veulent conquérir encore et toujours plus.
Publié le 24 Octobre 2017 par Gilles Dounès
www.atlantico.fr/decryptage

Dans l'IA, la guerre des Gafa se fait à grands coups d'open source
Mis à jour le 25/10/17 15:27 Xavier Biseul
www.journaldunet.com/solutions

Qui seront les futurs géants du Web ?
A la fin du mois de juillet, le prix de l'action en bourse de Facebook a de nouveau dépassé son prix d'introduction. Une première depuis mai 2012. Néanmoins, les internautes continuent de délaisser le réseau social. Au mois de mars 2013, Facebook a perdu près de 6 millions d'utilisateurs aux Etats-Unis et 1,4 million en Grande-Bretagne.
Publié le 9 Août 2013 - Mis à jour le 10 Août 2013 par Benjamin Bayart
www.atlantico.fr/decryptage

Qui peut se mesurer aux géants du net ?
13/08/2014
www.franceculture.fr/emissions

On ne doit jamais oublier que les GAFA ne sont pas nos amis
Technologie : N'oubliez jamais que si c'est gratuit, c'est vous le produit. Dans le monde de la fiction séries et romans comme Black Mirror ou Le Cercle nous alertent sur ces questions de transfert et de valorisation de données. D'autres considèrent que cela n'est pas un sujet. A tort.
Tris Acatrinei
Par Tris Acatrinei pour Zapping décrypté | Jeudi 30 Mars 2017
www.zdnet.fr/blogs

Les GAFA ne sont pas nos ennemis… mais méfions nous quand même !
27/03/2017 par Fred Cavazza
fredcavazza.net/2017/03/27

Les « Gafa, GAFA, GAFAM, BATX, Natu » : la géométrie variable de l'acronyme ou l'air du temps ?
french.stackexchange.com/questions

GAFA, NATU, Fintech : que cachent ces acronymes ?
https://c-marketing.eu/gafa-natu-fintech-cachent-acronymes/

Géants du Web
https://fr.m.wikipedia.org/wiki/G%C3%A9ants_du_Web

Gafa
https://fr.m.wikipedia.org/wiki/Gafa
https://www.definitions-marketing.com/definition/gafa/

GAFAM
https://fr.m.wikipedia.org/wiki/GAFAM
https://www.definitions-marketing.com/definition/gafam/

BATX
https://www.definitions-marketing.com/definition/batx/

NATU
https://www.definitions-marketing.com/definition/natu/

La Technologie Sociale et ses Pouvoirs de Persuasion
Par Raphaëlle Laubie le 26 avril 2014
raphaellelaubie.com/fr/2014/04/26

Sommes-nous encore autonomes ?
19/09/2012 Hubert Guillaud
www.internetactu.net/2012/09/19

Le Smartphone nous rend-il dingues ?! Critique d'un livre et lien pour le télécharger
www.frenchpdf.com/2017/05

Un ex-ingénieur de Google met en garde contre le dictat des réseaux sociaux - Sputnik France
16:23 17.10.2016
fr.sputniknews.com/societe

L'addiction au smartphone, une question de personnalité ?
August 25, 2016 5.43am BST par James A. Roberts, Professor of Marketing, Baylor University
theconversation.com

Dépendance au smartphone — Wikipédia
fr.m.wikipedia.org

Addiction, concentration, performances… ce que l'on sait (ou pas) des effets du smartphone
LE MONDE | 09.01.2017 à 18h42 • Mis à jour le 10.01.2017 à 09h20 | Par Céline Mordant
www.lemonde.fr

L'addiction aux Smartphones, ça existe, et ce sont désormais ceux qui les conçoivent dans la Silicon Valley qui s'en inquiètent
Certains ingénieurs de chez Facebook et Google tirent la sonnette d'alarme quant à l'utilisation des réseaux sociaux. Si le but initial était d'améliorer le monde, leur utilisation peut être source de stress et de dépression.
Publié le 12 Octobre 2017 par David Fayon
www.atlantico.fr/decryptage

L'appétit des géants : pouvoir des algorithmes, ambitions des plateformes
Olivier Ertzscheid - Google Livres
books.google.ch

14 fonctionnalités diaboliques pensées pour entretenir notre addiction aux écrans
Octobre 2017 par by Pierre Schneidermann
www.konbini.com/ch-fr/tendances-2

Facebook se lance dans la contagion émotionnelle de masse
9 Mars 2016 par Charles-Elie Guzman
Tout le monde en parle. Les 1.5milliards d'utilisateurs du réseau social Facebook vont pouvoir exprimer leurs émotions à travers une palette d'icônes émotionnelles, les « emojis », qui viennent compléter le vieux like et son pouce levé. Avec ce qui semble un gadget, Facebook se dote d'une arme redoutable pour non seulement connaître mais aussi influencer massivement nos émotions.
up-magazine.info

Comment les géants du Web capturent notre temps de cerveau
« M » prend la mesure du temps et s'intéresse aux façons de le remonter, de le vivre et… de le maîtriser ? Pas évident vu les astuces mises en place par Facebook et autres Snapchat pour tirer les ficelles de notre attention.
LE MONDE | 18.10.2017 à 09h22 | Par Damien Dubuc
www.lemonde.fr

La vertu du contenu
Percipi - Thomas
https://percipi.fr/la-vertu-du-contenu/

L'appel à l'action
Percipi - Thomas
https://percipi.fr/lappel-a-laction/

Bibliographie : recherche scientifique

Journal d'Interaction Personne-Système
Volume 4, Numéro 1, Juin 2015, Numéro Spécial : PISTIL
http://jips.episciences.org/
Année 2015 - Numéro Spécial du groupe de travail PISTIL de l'AFIHM
Éditeurs : Christian Bastien & Gaëlle Calvary
Le journal de l'Association Francophone d'Interaction Homme-Machine
https://jips.episciences.org/volume/view/id/159

Introduction au numéro spécial sur les technologies persuasives
Christian BASTIEN, Gaëlle CALVARY
https://jips.episciences.org/public/volumes/159/0_Editorial_fr.pdf

1. Persuasion et Influence : changer les attitudes, changer les comportements. Regards de la psychologie sociale
Submitted on 1 Oct 2015 Auteurs : Fointiat, Valérie and Barbier, Laura
jips:1301 - Journal d'Interaction Personne-Système, 27 octobre 2015, Volume 4, Numéro 1, Numéro Spécial : PISTIL
- https://jips.episciences.org/1301
- https://jips.episciences.org/1301/pdf

2. Etat de l'art en conception de systèmes persuasifs
Le journal de l'Association Francophone d'Interaction Homme-Machine
Anthony Foulonneau, Gaëlle Calvary, Eric Villain
Journal d'Interaction Personne-Système (JIPS), AFIHM, 2015, 4 (1), pp.19-47.
Submitted on 1 Oct 2015

3. Persuasion technologique et Energie : revue critique de l'état de l'art
Grégory Cano, Yann Laurillau, Gaëlle Calvary
Submitted on 2 Oct 2015
- https://jips.episciences.org/1292
- https://jips.episciences.org/1292/pdf

4. Évolution de l'inspection heuristique : vers une intégration des critères d'accessibilité, de praticité, d'émotion et de persuasion dans l'évaluation ergonomique
Eric BRANGIER, Michel C. DESMARAIS, Alexandra NEMERY, Sandrine PROM TEP
Journal d'Interaction Personne- Système
Volume 4, Numéro 1, Article 4, Juin 2015, pages 69 à 84

5. Validation expérimentale des critères de persuasion interactive : analyse de leur efficacité à inspecter la persuasion dans des interfaces
Eric BRANGIER, Alexandra NEMERY, Séverine SCHMITT
Journal d'Interaction Personne-Système
Volume 4, Numéro 1, Article 5, Juin 2015, pages 85 à 103

6. Ludo-persuasive systems for sustainable consumption. 1 – Landmarks and challenges
Senach, Bernard ; Negri, Anne-Laure.
https://jips.episciences.org/1305

7. Systèmes ludo-persuasifs pour la consommation durable. : 2 – Elaboration d'une grille de principes ludo-persuasifs
Negri, Anne-Laure ; Senach, Bernard.
https://jips.episciences.org/1298

8. Systèmes ludo-persuasifs pour la consommation durable : 3 -Analyse du potentiel ludo-persuasif d'un challenge énergétique en entreprise
Senach, Bernard ; Negri, Anne-Laure.
https://jips.episciences.org/1306

Proposition d'une grille de critères d'analyse ergonomiques des formes de persuasion interactive
Article · September 2010 par Alexandra Nemery, Eric Brangier, Steve Kopp
- www.researchgate.net/publication
- www.researchgate.net/profile

L'ÉVOLUTION DE L'ERGONOMIE DES PRODUITS INFORMATIQUES : ACCESSIBILITÉ, UTILISABILITÉ, ÉMOTIONNALITÉ ET INFLUENÇABILITÉ
ÉRIC BRANGIER ET J.M. CHRISTIAN BASTIEN
http://eric.brangier.free.fr/Pdf/EvolErgoIHM.pdf

L'EXPÉRIENCE UTILISATEUR DE L'ASSISTANCE TECHNIQUE : PERSPECTIVES POUR LA CONCEPTION ET L'ÉVALUATION DES SYSTÈMES.
Conférence donnée au CENROB 2013 à Evry
Publié le 17 mars 2014 par Eric Brangier
fr.slideshare.net/EricBrangier

Psychologie des consommateurs digitaux : 3. La persuasion interactive
Pr. Dr. Eric BRANGIER
eric.brangier.free.fr/Supports

Eric Brangier, Professeur, Ergonomie et Psychologie
Professor, Ergonomics of Products and Services - Organizational Psychology
- http://perseus.univ-lorraine.fr/laboratoire/lequipe/brangier-eric
- http://eric.brangier.free.fr/lectures/index.html

Le web à l'heure des interfaces persuasives
17 mai 2013 ? Kryzalid
www.kryzalid.net

4. Ergonomie : L'expérience utilisateur
Éric Brangier, Professeur des universités
eric.brangier.free.fr/Supports

L'ergonomie à l'heure des interfaces persuasives démarches, critères et applications
Pr. Eric Brangier
www.lucid.ulg.ac.be/conferences

L'ergonomie à l'heure des interfaces persuasives démarches, critères et applications
Conference Paper · September 2014 par Eric Brangier
- www.researchgate.net/publication
- www.researchgate.net/profile

12. L'évolution de l'ergonomie des produits informatiques : accessibilité, utilisabilité, émotionnalité et influençabilité
www.cairn.info

Interfaces persuasives
Alexandra Nemery
https://fr.slideshare.net/Utilisabilite_Quebec/nemery-uxpa-montral

Elaboration, validation et application de la grille de critères de persuasion interactive
Thèse de l'Université Paul Verlaine - Metz, en Ergonomie
Submitted on 26 Sep 2012
Soutenue par Alexandra NEMERY
Sous la direction d'Éric Brangier, Professeur en Ergonomie
Laboratoire InterPsy – ETIC (Expérience utilisateur dans le Traitement des Interactions technologiques et des Conduites humaines et sociales)
https://tel.archives-ouvertes.fr/tel-00735714/document

Entretien avec A. Nemery – « Faites de la persuasion technologique votre priorité »
Août 26, 2011
la-minute-ux.com

Penser le Persuasive Design
Publié le 19 oct. 2013 par L_Demontiers
Une intervention de 40 minutes réalisée le 17/10/2013 dans le cadre des conférences de Codeurs en Seine
fr.slideshare.net

L'INSPECTION ERGONOMIQUE APPUYEE PAR DES CRITERES DE PERSUASION INTERACTIVE : LE CAS D'UNE PLATEFORME D'ELEARNING // HEURISTIC INSPECTION TO ASSESS PERSUASIVENESS OF TEACHING INTERFACES
Eric Brangier, Michel Desmarais, Conference Paper · September 2014
www.researchgate.net/publication
www.researchgate.net/profile

Une Analyse des Systèmes Interactifs et Persuasifs pour la Maîtrise de l'Énergie
Maxime Daniel, Guillaume Rivière, Nadine Couture, Stéphane Kreckelbergh
Submitted on 19 Oct 2016
https://hal.archives-ouvertes.fr/hal-01384149/document

Systèmes Interactifs Persuasifs sur les Espaces Publics et Collectifs : quel rôle pour les Interfaces Tangibles ?
Maxime Daniel, Guillaume Riviere, Nadine Couture
Actes de la 28ième conférence francophone sur l'Interaction Homme-Machine, Oct 2016, Fribourg, Suisse. pp.221-229, 2016, Actes de la 28ième conférence francophone sur l'Interaction Homme-Machine. http://ihm2016.afihm.org/#!/.
- https://hal.archives-ouvertes.fr/hal-01384241/document

Persuasive Interaction Design - LA RECHERCHE EN INTERACTION PERSUASIVE
Contribution du design à la recherche en IHM
Une collaboration Communauté Université Grenoble Alpes, Laboratoire d'Informatique de Grenoble & Pôle supérieur de design de Villefontaine dans le cadre de l'équipement d'excellence Amiqual4Home
amiqual4home.inria.fr

Voir aussi sous :

scholar.google.com

[1] Les téléphones : est-ce qu'on est tous à la recherche d'approbation sociale ?
15 février 2017 Par Camille Dauphinais-Pelletier
urbania.ca

[2] Addiction à la technologie : la faute aux designers ?
11/05/2017 Annabelle Laurent
usbeketrica.com

[3] Proposition d'une grille de critères d'analyse ergonomiques des formes de persuasion interactive
Article · September 2010 par Alexandra Nemery, Eric Brangier, Steve Kopp
www.researchgate.net/publication, www.researchgate.net/profile

[4] L'ÉVOLUTION DE L'ERGONOMIE DES PRODUITS INFORMATIQUES : ACCESSIBILITÉ, UTILISABILITÉ, ÉMOTIONNALITÉ ET INFLUENÇABILITÉ
ÉRIC BRANGIER ET J.M. CHRISTIAN BASTIEN
http://eric.brangier.free.fr/Pdf/EvolErgoIHM.pdf

[5] Évolution de l'inspection heuristique : vers une intégration des critères d'accessibilité, de praticité, d'émotion et de persuasion dans l'évaluation ergonomique
Eric BRANGIER, Michel C. DESMARAIS, Alexandra NEMERY, Sandrine PROM TEP
Journal d'Interaction Personne- Système
Volume 4, Numéro 1, Article 4, Juin 2015, pages 69 à 84
http://jips.episciences.org/, www.professeurs.polymtl.ca

[6] 4. Ergonomie : L'expérience utilisateur
Éric Brangier, Professeur des universités
eric.brangier.free.fr/Supports

[7] TENSION ? CONCURRENCE / MONOPOLE
doc.openfing.org

Sites « One Page » : « Long Scrolling » et « Infinite Scrolling »

François Daniel Giezendanner — 2017-01-05T17:00:00Z

Un bref article pour planter le décors des sites « One Page » ( « Long scrolling » et « Infinite Scrolling » ) qui favorisent le scrolling plutôt que le clic. L'internaute est maintenant familiarisé avec les réseaux sociaux et les écrans mobiles de toutes définitions et a l'habitude de découvrir intégralement les longues pages de haut en bas de façon intuitive en exploitant le scrolling.

Tapoter et scroller sont les deux gestes que l'utilisateur maîtrise pour naviguer dans n'importe quel site sur les mobiles, ainsi le Long Scrolling capitalise sur cette habitude utilisateur.

Sommaire

Préambule

Les articles de la bibliographie ci-dessous décrivent de manière détaillée les divers aspects des sites « One Page ». Aussi nous ne donnons pas ici une énième présentation du sujet, nous nous limitons à planter le décors et renvoyons le lecteur à l'un ou l'autre de ces articles.

La ligne de flottaison : un concept qui tombe doucement en désuétude

Aujourd'hui, les réseaux sociaux, les sites « Long scrolling » et les écrans tactiles & mobiles

ont profondément modifié les usages en imposant la lecture verticale. Nous avons pris l'habitude de scroller sans fin et l'essentiel de la vie d'un très grand nombre de sites se passe en dessous de « la ligne de flottaison » (« the fold » : « le pli ») [1]. C'est un fait établi depuis plusieurs années ainsi qu'en témoignent les nombreuses études citées dans l'article « Mythe 3 : On n'utilise pas le scroll » d'avril 2016, il n'est donc plus nécessaire de « faire tenir » l'essentiel du contenu en haut de la page dans la zone visible sans défilement, c-à-d au-dessus du fold.

Les sites « One-Page »

Les sites « One-Page » ne présentent qu'une seule longue page (« Long scrolling ») pour l'ensemble du site web.

Ils sont souvent utilisés dans divers domaines pour des lancements de produits, des promotions, dans le cas d'un site vitrine pour présenter une entreprise, un produit ou encore un service.

Les sites « Infinite Scrolling »

Les sites « Infinite Scrolling » sont « à scrolling infini », ils ont pour objectif de supprimer la pagination et de proposer l'ensemble du contenu sur une seule et même page sans préchargement. Ils permettent à l'internaute de faire défiler sans fin une très grande page (de longueur quasi infinie), les contenus de la suite de la page se chargeant automatiquement au fur et à mesure que l'internaute la fait défiler vers le bas. Ainsi l'internaute visualise un contenu de départ qui s'étoffe au fur et à mesure que la page est scrollée vers le bas. Ce contenu s'affiche à l'infini (ou presque), sans jamais atteindre le bas de la page.

La longueur de la page augmente en conséquence et la barre de scroll s'agrandit. Il n'y a plus vraiment de repère, ce qui encourage à rester et continuer à défiler tant que le contenu intéresse l'internaute. A chaque défilement vers le bas l'utilisateur pense se rapprocher de la fin de la page mais un nouveau contenu apparaît, n'arrêtant jamais l'utilisateur. C'est un moyen efficace pour parcourir un océan d'informations, sans avoir à attendre que la page soit préchargée. Il est adapté aux internautes qui ont une démarche de découverte, il n'est adapté qu'à une catégorie de sites, d'usage très spécifique.

Atteindre le pied de page des sites « Infinite Scrolling » !

Le pied de page (footer) existe pour une raison : il contient du contenu dont l'utilisateur a parfois besoin. Mais généralement le script charge les nouveaux posts très tôt, à tel point que le pied de page en devient inatteignable. Ainsi chercher une information dans le footer et ne jamais pouvoir y parvenir peut être très agaçant.

Les sites qui implémentent le scrolling infini doivent donc rendre le pied de page accessible en le rendant collant ou en déplaçant les liens vers une barre supérieure ou latérale.

Naviguer dans une « Long Scroll Page » ou une « Infinite Scroll Page »

Menus « sticky » et navigation « sticky »

Avec la technique du scrolling il est difficile d'accéder à la navigation placée en haut de page qui disparait lors du défilement si ce n'est avec un bouton « back to top », situé en bas de page.

La bonne solution est fournie par les « menu sticky » qui restent ferrés en haut (ou en bas) de la fenêtre du navigateur lors du scroll devenant ainsi toujours visibles et accessible à tout moment. Ils permettent une navigation permanente sur le site. Ainsi, le défilement de la page n'a plus d'effet sur la navigation dans le menu.

Indicateurs de scroll : le menu latéral
Certains sites, par exemple bootstrap, vont plus loin en proposant également un menu hiérarchique latéral ferré sur le coté de la fenêtre du navigateur, permettant ainsi de visualiser dans quelle section de la page l'utilisateur se trouve. Mais cette fois, la navigation porte sur le contenu de la page plutôt que sur la navigation globale du site.

Autres fonctions
Des éléments comme par exemple le bouton hamburger, des barres de navigation en largeur pleine ou partielle, des boutons de réseaux sociaux ou le pied de page peuvent également devenir « collants » (fixés à la fenêtre du navigateur) et donc toujours visibles et accessibles.

Vocabulaire, taxonomie, volksonomie

Pour désigner les sites de type « One Page » de nombreuses expressions sont utilisées, elles sont déclinées avec divers substantifs, nous en donnons ici les déclinaisons avec les mots « Page » et « Website ». Voici donc deux listes indépendantes non exhaustives d'expressions utilisées, l'une en anglais, l'autre en français mais n'étant pas la traduction l'une de l'autre :

No	Anglais	Français
1	Continuous Page Scroll	page longue à scroller
2	Continuous Page Scrolling	pagination infinie
3	Continuous Scroll	site à défilement infini
4	Continuous Scroll Page	site à défilement vertical
5	Continuous Scroll Website	site à page unique
6	Continuous Scrolling	site à scroll infini
7	Continuous Scrolling Page	site à scrolling infini
8	Continuous Scrolling Website	site à une seule page
9	Endless Scrolling Website	site en une page
10	Infinite Scroll	site long scrolling
11	Infinite Scroll One Page Websites	site one page
12	Infinite Scroll Page
13	Infinite Scroll Site
14	Infinite Scroll Website
15	Infinite Scrolling
16	Infinite Scrolling Page
17	Infinite Scrolling Website
18	Long Page Scroll
19	Long Page Scrolling
20	Long Page Website
21	Long Scroll Page
22	Long Scroll Website
23	Long Scrolling
24	long Scrolling Page
25	Long Scrolling Site
26	Long Scrolling Website
27	One Page
28	One Page Scroll
29	One Page Scroller Website
30	One Page Scrolling
31	One Page Website
32	Scroll Website
33	Scrolling Website
34	Single Page Vertical Scrolling Website
35	Single Page Website
36	Vertical Page Scroll
37	Vertical Page Scrolling
38	Vertical Scroll Page
39	Vertical Scroll Website
40	Vertical Scrolling
41	Vertical Scrolling Page
42	Vertical Scrolling Website
43	Website with Continuous Scrolling

La compétence des internautes

Avec la grande popularité des réseaux sociaux (Facebook, Twitter, Tumblr, Instagram, Pinterest etc.) et des supports mobiles (tablettes et smartphones) les internautes ont maintenant l'habitude de découvrir une page de haut en bas intégralement de façon intuitive en exploitant le scroll (défilement de la page grâce à la souris ou au doigt pour les mobinautes [2]), révélant au fur et à mesure les différents contenus disposés par étages que propose la page. Il n'est donc plus nécessaire de concentrer toute l'information en haut de page pour être certain que les visiteurs ne passent pas à côté.

La verticalité (sites à défilement vertical) est devenue une constante du webdesign depuis plusieurs années. Sur mobiles la contrainte consiste à fournir un maximum d'informations au sein d'une interface relativement étroite et de permettre la consultation de toute la page Web à l'aide d'un simple geste du doigt.

Tapoter et scroller sont les deux gestes que l'utilisateur maîtrise pour naviguer dans n'importe quel site sur les mobiles, ainsi le Long Scrolling capitalise sur cette habitude utilisateur.

Penser mobile first

« Desktop-first » versus « Mobile-first »
Depuis plusieurs années, les équipes web conçoivent et optimisent les sites web pour les ordinateurs de bureau (desktop) et ensuite ces sites sont adaptés aux autres appareils, en terminant par l'interface des smartphones. On décline donc vers le bas. C'est l'approche « graceful degradation » (dégradation progressive), ou « desktop-first ». Malheureusement, dans cette démarche l'optimisation pour desktop n'est pas toujours optimale sur un mobile.

Par contre avec le « mobile-first » ou « progressive enhancement » (amélioration progressive) on inverse l'approche de programmation des sites Web et on conçoit le design d'abord en parfaite adéquation pour les mobiles, puis le design est adapté vers le haut jusqu'à l'interface pour desktop. [3] Ainsi le processus de design prend en compte, dès le départ, les contraintes et les spécificités des mobiles en relation avec les éléments visuels et fonctionnels des sites web.

Remarque : D'autres expressions sont utilisées pour nommer ces deux processus que sont le « desktop-first » et le « mobile-first » [4].

Pour la Dégradation progressive on parle :
1. de Mode dégradé,
2. de Dégradation gracieuse,
3. de Dégradation élégante et
4. d'Approche top-down.
Pour l'Amélioration progressive on parle :
1. d'Amélioration par couches successives,
2. d'Enrichissement progressif,
3. de Mode rehaussé,
4. de Rehaussement progressif et
5. d'Approche bottom-up.

Les courbes « Desktops » et « Mobiles » se croisent
En Octobre 2016 les courbes de % d'utilisation mondiale des « Desktops » et des « Mobiles » (y inclus les tablettes) de 2009 à 2016 se sont croisées, la navigation mobile a dépassé la navigation classique de bureau avec 51,3% des internautes qui utilisaient internet sur mobile. En 2017, le mobile a représenté un taux de pénétration du marché de 66% ce qui correspond à une augmentation de 5% depuis février 2016.


Oct 2016, la navigation mobile dépasse la navigation desktop avec 51,3% de mobinautes.


Parts de marché mondiales de Desktop vs Mobile vs Tablet, Jan 2014 à Dec 2017.


En 2017, 72% des internautes suisses sont des mobinautes

Statcounter indique les Part de marché dans le monde en Décembre 2017 pour Desktop vs Mobile vs Tablet : Mobile : 52.48%, Desktop : 43.26%, Tablet : 4.26%.

L'Office fédéral de la statistique (OFS, Confédération suisse) compare l'Utilisation d'internet en suisse hors de la maison et du lieu de travail : en 2017, 72% des internautes sont des utilisateurs mobiles (soit une progression de 29 points de pourcentage en comparaison avec 2010). Ce résultat illustre bien l'évolution actuelle de l'utilisation d'internet vers une mobilité toujours accrue.

Avec une telle domination du trafic internet mondial, il ne fait plus aucun doute : le mobile est roi !

Le web a basculé vers le mobile
Le web est ainsi devenu principalement mobile [5] et les écrans sont de toutes toutes dimensions et de toutes définitions [6]. Les designer réalisent donc des sites conviviaux capable de s'adapter à tous les écrans en faisant la part belle au mobile, au Long Scrolling, au responsive et à l'adaptatif design.

Indexation Mobile First

Ainsi aujourd'hui, le terme « mobile first » prend tout son sens et lorsque l'on crée un site web, on pense le design d'abord sur mobile. Cela a incité Google à créer l'indexation Mobile First. Avant 2018 Google se basait sur la version affichée sur desktop des pages web pour classer ses résultats, y compris sur mobile. Mais cela va changer. Annoncé pour 2018, l'index Mobile First est finalement en avance et a commencé son déploiement en octobre 2017 sur un faible nombre de sites. Ainsi, c'est la version mobile qui va progressivement être prise en compte, même pour les résultats générés sur desktop.

Du Mobile First au Mobile Always

Aujourd'hui, une nouvelle vague de consommateurs est entrée sur le marché, et leurs doigts touchent rarement, voire jamais, un clavier traditionnel [7]. Selon Harvard Business Review, le prochain milliard de personnes à se connecter le fera en utilisant uniquement des appareils mobiles. Le mobile est devenu un état d'être. Maintenant, les designers doivent recentrer les stratégies mobiles autour de toute l'expérience utilisateur et fournir un contenu pertinent à chaque point de contact.

Pour de nombreux consommateurs, la personnalisation est au sommet de leurs listes de souhaits. Il faut donner aux clients ce qu'ils veulent exactement au bon moment, par exemple proposer des offres, des recommandations ou des informations pertinentes à l'emplacement et aux préférences du consommateur (recommander une boutique ou un restaurant à proximité via une application mobile basée sur l'emplacement et l'historique des achats d'un consommateur). Comme les commerçants commencent à faire l'expérience de cette nouvelle démographie des consommateurs toujours mobiles, ils doivent être préparés avec des stratégies mobiles qui vont au-delà de la simple conception de sites et d'applications.

L'intégration, la pertinence et la personnalisation sont les clés du succès de la téléphonie mobile

Quatre devises du « Long Scrolling » :

Scrolling is better than clicking

Mobile-First Design + Responsive Web Design + Long Scrolling = Multi-Screen Ready

Mobile-First Design + Adaptative Web Design + Long Scrolling = Multi-Screen Ready

Long Scrolling + Slogan + Humour = Communication en Directe

et pour ceux qui aiment les acronymes :

MFD + RWD + LS = MSR

MFD + AWD + LS = MSR

Le meilleur format pour le storytelling digital

Le « story telling » c'est Raconter une histoire. Selon Wikipédia, le storytelling (en français la mise en récit ou l'accroche narrative) est une méthode de communication fondée sur une structure narrative du discours qui s'apparente à celle des contes, des récits.

Les sites à « longue page unique » et les « longues pages » en général donnent l'occasion de disposer les éléments de façon à raconter une histoire captivante, pour inviter les visiteurs à défiler la page et à cliquer sur les liens afin de les garder plus longtemps sur le site.

Ainsi, dans un contexte marketing cette technique de communication narrative vise à capter l'attention du client, le rendre plus réceptif aux produits, à générer des émotions fortes qui influenceront son comportement d'achat plutôt que tenter de le convaincre avec une argumentation commerciale plus conventionnelle.

« Effet Parallaxe » ou « Parallaxe Scrolling »

L'effet Parallaxe est une technique de conception Web moderne où l'image et/ou les éléments du second plan bougent ou défilent plus lentement que ceux placés au premier plan, ce qui donne une sensation de profondeur.

On peut généraliser en citant Simon-K sur alsacreations : « il s'agit du déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Ce principe concerne au minimum deux éléments et peut être appliqué à plusieurs endroits : sur les images de fond, sur un en-tête ou un pied de page, sur des images... etc. »

Sur une longue page le designer peut ainsi créer des effets visuels de profondeur et de mouvement intégrant des éléments interactifs qui se marient parfaitement avec la narration interactive (storytelling). Le site web apparaît alors comme une animation 3D qui se déroule en faisant défiler la page vers le bas avec des éléments qui se déplacent à des rythmes différents.

Bibliographie

Ergonomie web – Comment choisir entre scrolling infini et pagination ?
www.lafabriquedunet.fr, 15 novembre 2017 Publié par La Fabrique du net

Un site internet à une page (long scrolling) est-ce le bon choix pour son entreprise ?
snabb.ca

Infinite scrolling : si efficace qu'on le prétend ?
pardiredaction.com, 5 janvier 2017 par Annie Lafrenière

Quels sont les avantages et les inconvénients d'un site one-page ?
www.e-monsite.com, Le 02/01/2017 Par Thomas Desjardins

[Dossier] Webdesign : Scroller ou ne pas scroller
www.olybop.fr, Corporate 30 septembre 2014

Atouts & Inconvénients du Long Scrolling : l'exemple de l'agence Ydyle
www.matthieu-tranvan.fr, 28 mai 2017

MYTHE #3 : ON N'UTILISE PAS LE SCROLL
Mythe #3 : Les gens n'utilisent pas le scroll
Avr 14, 2016, www.ux-republic.com

Web design : la mode du scrolling a-t-il coulé la ligne de flottaison ?
Publié le 5 octobre 2012 par Chob, choblab.com/web-design

UX : le scroll n'est plus tabou
20/03/2015, Usabilis, www.usabilis.com

Nouveauté WebSelf : les sites « long-scrolling »
www.webself.net/blog/2017/01/17

Tendance webdesign : Long scrolling
fr.wix.com/blog/2013/12/10, 10 Decembre 2013, Le Blog Officiel de Wix

L'art du site web en une page
www.lafabriquedunet.fr

One Page Websites : L'immersion par le scrolling et la parallaxe
web.smile.eu/Veille, Auteur de l'article Victoire DOUWES, Ergonome - Smile Digital

Zoom sur l'effet parallaxe
Publié par Simon-K le 02 Mars 2012, mis à jour le 21 Décembre 2012, www.alsacreations.com

Parallax scrolling
https://fr.ryte.com/wiki/Parallax_scrolling

Qu'est-ce que l'effet Parallaxe et comment en faire bon usage ?
19 Octobre 2015, fr.wix.com

Révolutionnaire ! 3 nouveaux effets Parallaxe pour animer votre site
8 Août 2016, fr.wix.com

L'art du site web en une page
Les avantages et inconvénients du site web en une page, exemples & templates
www.lafabriquedunet.fr/creation-site-vitrine, 17 avril 2016, Publié par La Fabrique du net

Tendance web design : page longue à scroller
fr.wix.com, 10 Decembre 2013

Une tendance du webdesign : les sites one page
La mise en page d'un site one page, tout sauf simpliste
www.1and1.fr, 09.08.17 Web design

Pourquoi la toile voit-elle fleurir pléthore de sites « long scrolling » ?
August 12, 2016 par Violette Wisser, www.violette-wisser-communication.com

Sites one page, long scrolling : et les contenus défilent…
24 juin 2015 par Frédérick, www.gazelle-du-web.com

Le long scrolling, la tendance web design orientée mobile
Le long scrolling est l'une des tendances les plus récentes dans le domaine du web design. À découvrir sur WIS
Publié le mardi 21 octobre 2014, www.wis-ecoles.com

La nouvelle tendance des sites web à défilement infini
par Benoit Laporte , le 29 avril 2015, www.labemarketing.com

Sites en scroll infini : comment les rendre « Google friendly » ?
Date de parution : Lundi 16 mars 2015, recherche-referencement.abondance.com

Long Scrolling : ça défile de haut en bas
21/08/2014//par Jean Lagarrigue, freepixel.net

La tendance du long scrolling : 10 sites géniaux qui sortent du lot
5 octobre 2015 / Laura, fr.tuto.com

Sticky navigation
Définition : Que veut dire Sticky navigation ? blog.object23.fr

Avantages et inconvénients de la « sticky navigation »
08 novembre 2013 par Harald Bröcker, www.amyma.lu

[Tutotoriel] CSS – Barre de navigation fixe (Sticky Nav)
Published by Paul Gruson on 06/05/2014, paulgruson.fr

Tendance du webdesign : sticky navigation
10 avril 2012 / Webdesign, www.webdesignertrends.com

Le site de bootstrap
Getting started : An overview of Bootstrap, how to download and use, basic templates and examples, and more.
Excellent exemple de menu latéral dans une long page scroll, getbootstrap.com

L'infinite scroll, qu'en penser ?
Écrit par Christophe le 29 octobre 2015, www.toopixel.swiss

Les 10 tendances web design de 2016
www.pic.digital

Zoom sur les 6 tendances 2016 en matière de design de site web
www.lafabriquedunet.fr

Les 8 tendances Web design 2018 incontournables
Tendances Web design 2018 : smartphones et contenus - 1&1 -
28.11.17, www.1and1.fr

Site web : les grandes tendances 2017 du webdesign
6 février 2017 ParEricNuevo, siecledigital.fr

4 grandes tendances web design à adopter en 2017
igencia – l'agence web – Valais/Vaud, www.igencia.ch

Quelles tendances graphiques et ergonomiques pour 2017 ?
5 TENDANCES DU WEBDESIGN. Webdesign : quelles sont les tendances pour 2017 ?
Publié le 3 janvier 2017 par Christophe, blog.jetpulp.fr

9 tendances web design à suivre en 2017 - 99designs Blog
20 Février 2017 par Joanna Krenz Kurowska & Jerzy Kurowski, 99designs.fr

Comment créer un site long scrolling impressionnant ?
21 Septembre 2015, fr.wix.com

Créer un site long scrolling
support.wix.com

WiX com how to add more content for vertical scrolling
Ajoutée le 12 oct. 2015 par lisa lonning, https://youtu.be/EbWZrmzJ8EY

Défilement parallax | Ajoutez facilement des effets parallax à votre site Wix
Ajoutée le 6 nov. 2016, Wix Français, https://youtu.be/QPlSj_jJFlI

Activer le parallax scrolling sur votre bande
support.wix.com

Long scrolling : 11 sites de web designers qui méritent de défiler
https://fr.wix.com/blog/2015/05/20/long-scrolling-sites-web-designers/
20 Mai 2015 by WiXBlog

5 sites qui utilisent le Parallax Scrolling à merveille
https://fr.wix.com/blog/2015/12/03/5-sites-qui-utilisent-le-parallax-scrolling-a-merveille/
3 Decembre 2015 by WiXBlog

[Webdesign] Quelles tendances 2017 pour les sites e-commerce ? | Comarketing-News
https://comarketing-news.fr/webdesign-quelles-tendances-2017-pour-les-sites-e-commerce/
Publié il y a 9 mois le 5 avril 2017

Les tendances webdesign pour 2016
https://graphiste.com/blog/tendances-webdesign-2016
Février 2016 Publié par Fabien

Site Web pour Association : Les 7 Tendances du Design
https://www.assoconnect.com/articles/14898-les-7-tendances-du-design-a-appliquer-au-site-web-de-votre-association
Le 14 mars 2017 par Anaïs Limpalaer

Les tendances webdesign 2017 - Pitaya communication
https://mypitaya.fr/webdesign2017/
30 janvier 2017 Par Romain Jolivot

Créer et présenter son site internet : wix.com, solution cool et design !
http://prezz.fr/creer-et-presenter-son-site-internet-wix-com-solution-cool-et-design/
03 Mar 2015 Par prezz.fr

Wix, Squarespace, Weeby, Jimdo : le comparatif pour s'y retrouver parmi les générateurs de site
https://digitalinsiders.feelandclic.com/concevoir/wix-squarespace-weeby-jimdo-le-comparatif-pour-sy-retrouver-parmi-les-generateurs-de-site

Website Builders Comparison Chart for 2017
https://www.websitebuilderexpert.com/website-builders-comparison-chart/
Last updated on December 30, 2017 By Jeremy Wong

Wix ou Weebly ? Comparatif des deux leaders de la création de site clé en main
https://www.lancerunsite.com/wix-ou-weebly/

Créer un site internet : beau, facile et GRATUIT avec WebSelf !
https://www.webself.net/

Voici les nouveaux designs WebSelf !
https://www.webself.net/blog/2017/05/02/voici-les-nouveaux-designs-webself

Les questions les plus fréquentes concernant l'utilisation de WebSelf
https://www.webself.net/blog/2016/07/21/les-questions-les-plus-frequentes-concernant-lutilisation-de-webself

Comment créer un site internet professionnel - Wix.com
https://fr.wix.com/blog/2017/08/16/comment-creer-site-internet-debutants-2/
16 Août 2017

Et si vous testiez le scrolling infini sur vos pages de Catégories Produits ?
http://www.skeelbox.com/supprimer-pagination-pages-categorie-produits/
14 septembre 2013 Par Ludovic Passamonti - Directeur Associé
— -Spécifique au e-commerce

Et si on supprimait la pagination sur les sites e-commerce ?
par Benoit Gaillat - Janvier 2014
http://www.info-ecommerce.fr/7957/et-si-on-supprimer-la-pagination-sur-les-sites-e-commerce
— -Spécifique au e-commerce

Pourquoi la navigation en page unique et scroll (presque) infini pénalise le SEO ?
https://www.definitions-marketing.com/f-a-q-marketing/pourquoi-la-navigation-en-page-unique-et-scroll-presque-infini-penalise-le-seo/
le 24 avril 2017, Ecrit par B.Bathelot

Scroll, Scrolling, Scroller
https://www.1min30.com/dictionnaire-du-web/scroll-scrolling-scroller
14 avril 2014 Posté par Gabriel Dabi-Schwebel

Long scrolling
https://www.wearecom.fr/dictionnaire/long-scrolling/

Définition : Scroll infini
https://www.definitions-marketing.com/definition/scroll-infini/
Ecrit par B.Bathelot, mis à jour le 13 mars 2017.

Tendance Webdesign 2016
https://www.pulsar-informatique.com/actus-blog/entry/tendance-webdesign-2016
mercredi 5 octobre 2016

Infographie - Capturer une page à scroller
http://www.commentcamarche.net/faq/5002-infographie-capturer-une-page-a-scroller
Décembre 2017

[Traduction] Adaptive VS Responsive Design : quelle est la différence ?
Publié le 18 juin 2013 dans Mobile et Responsive Web Design
https://blog.stephaniewalter.fr/traduction-adaptive-vs-responsive-quelle-est-la-difference/

Adaptive VS Responsive Design | It Web Solution
08 janvier 2018 par Omar Thiam
http://www.it-web-solution.com/adaptive-vs-responsive-design

La différence entre adaptive et responsive design
http://www.site-web-formation.com/blog/difference-entre-adaptive-et-responsive-design/

Sites Web adaptatifs ou « Responsive Web design »
Un site Web qui s'adapte aussi bien aux appareils mobiles qu'aux ordinateurs de bureau.
https://www.penseweb.com/fr/responsive-web-design-site-adaptatif.htm

Le design responsive ou adaptatif : la différence
29 août 2017
https://mind.engineering/le-design-responsive-et-adaptatif/

Responsive vs. Adaptive Design : lequel est fait pour vous ?
05/09/2015 – Sybille De Poortere
https://www.ecrirepourleweb.com/responsive-vs-adaptive-design/

Étendue et prévisions de l'utilisation mobile en chiffres pour 2017
http://www.slapdigital.fr/blog/chiffres-et-tendances-du-mobile-en-2017

Mobile and tablet internet usage exceeds desktop for first time worldwide
Tuesday 1st November 2016
http://gs.statcounter.com/press/mobile-and-tablet-internet-usage-exceeds-desktop-for-first-time-worldwide

L'index Mobile First a commencé son déploiement !
27 octobre 2017 à 8:14 par Olivier Andrieu
https://www.abondance.com/actualites/20171027-18578-lindex-mobile-first-a-commence-deploiement.html

Définition et stratégie digitale du mobile first et web design
https://smart-seven.fr/definition-strategie-digitale-du-mobile-first-web-design/

Mobile-first, adaptatif et responsive : comment s'y retrouver ?
Frederic Gonzalo
http://fredericgonzalo.com/2017/02/21/mobile-first-adaptatif-responsive-sy-retrouver/

Pourquoi et comment penser mobile first aujourd'hui ?
http://www.slapdigital.fr/blog/pourquoi-comment-penser-mobile-first-aujourdhui

Le mobile-first : une nouvelle façon de penser les sites web
Bruno Guyot
http://www.chablais-web.fr/mobile-first-nouvelle-facon-de-penser-les-sites-web.php

7 conseils pour mettre en place une stratégie mobile first
27 février 2017 par Matthieu Cheminal
https://hubinstitute.com/2017/02/7-conseils-mettre-place-strategie-mobile-first/

[1] La ligne de flottaison
La « ligne de flottaison », appelée « The fold » en anglais (littéralement : « le pli »), vient de l'expression « Above the fold » qui signifie « au dessus de la pliure ». Cette expression a pour origine la partie visible des journaux pliés sur les présentoirs de presse.

Aujourd'hui le fold est une ligne virtuelle qui est représentée par la limite basse de ce que nous voyons à l'écran quand nous affichons une page web. Pour en voir plus, nous devons naviguer verticalement en dessous du pli en « scrollant ». Malheureusement, la position de la ligne de flottaison varie en fonction de la définition de l'écran.

[2] Mobinaute : Personne qui navigue sur Internet à partir d'un appareil mobile

[3] Mobile-first, adaptatif et responsive : comment s'y retrouver ?
21 février 2017 par Frederic Gonzalo
http://fredericgonzalo.com/2017/02/21/mobile-first-adaptatif-responsive-sy-retrouver/

[4] Vocabulaire complémentaire pour « desktop-first » et « mobile-first »

1. Dégradation gracieuse
- Responsive Web Design
  La Rochelle, Avril 2014, Mohamed Belmokhtar et Germain Souquet – Université de La Rochelle
  www.esup-portail.org

2. Mode dégradé ou dégradation gracieuse et Mode rehaussé ou rehaussement progressif
- Responsive web design
  indico.math.cnrs.fr
- Conception dans le navigateur avec HTML5 & CSS3 (amélioration progressive)
  Travailler directement dans le navigateur est l'occasion de pratiquer l'amélioration progressive ou la dégradation gracieuse selon le côté où l'on se place. L'amélioration progressive est une méthode de conception centrée sur le contenu : les effets graphiques sont ajoutés dans un deuxième temps pour les navigateurs modernes. La dégradation gracieuse privilégie l'apparence : utilisation des dernières technologies en première intention et mise en place de fallbacks pour que la page reste fonctionnelle sur les configurations plus modestes. Opposées en apparence, ces deux approches sont souvent complémentaires dans la pratique.
  Publié le 24 août 2010 par Bruno Bichet
  4design.xyz
- Mode dégradé et mode rehaussé
  Le mode dégradé (ou dégradation gracieuse) et le mode rehaussé (ou rehaussement progressif) sont les deux côtés d'une même pièce. Dans ce contexte, ils concourent tous deux à rendre un site Web accessible à tout agent d'utilisateur, en procurant une esthétique et/ou une convivialité améliorées aux navigateurs capables de plus.
  Tommy Olsson. Article original publié le 6 février 2007, traduction le 7 mai 2007.
  www.yoyodesign.org

3. A l'inverse de la dégradation gracieuse, l'amélioration progressive est une stratégie de conception web en couches successives
- Amélioration progressive : Modernizr et sélecteurs CSS avancés
  A l'inverse du concept de dégradation gracieuse, le principe d'amélioration progressive (« progressive enhancement » en anglais) est une stratégie de conception web en couches successives, qui permet à chacun d'accéder au contenu et aux fonctionnalités de base d'une page web en utilisant n'importe quel navigateur, tout en offrant une version améliorée aux utilisateurs disposant de navigateurs plus récents ou plus évolués.
  Publié par Raphael le 22 Février 2011, mis à jour le 19 Avril 2014
  www.alsacreations.com

4. Dégradation élégante, approche top-down. Amélioration progressive, approche bottom-up, par couches
- Amélioration progressive vs. dégradation élégante
  1er cas : la dégradation élégante. Son approche est dite top-down, on développe d'abord pour une configuration précise, puis on s'efforce d'étendre le nombre de configurations capables de rendre le contenu correctement.
  2e cas : l'amélioration progressive : l'approche est dite bottom-up ou par couches ; les couches sont développées de la plus basique et la plus universelle à la plus spécifique.
  avril 2010 par saymoneu
  www.developpez.net
- Amélioration progressive
  dégradation élégante : l'approche est dite top-down, on développe d'abord pour une configuration précise, puis on s'efforce d'étendre le nombre de configurations capables de rendre le contenu correctement ;
  l'amélioration progressive : l'approche est dite bottom-up ou par couches ; les couches sont développées de la plus basique et la plus universelle à la plus spécifique.
  fr.m.wikipedia.org
- Dégradation élégante & Amélioration progressive
  Dégradation élégante et amélioration progressive sont les deux faces d'une même pièce. La dégradation élégante est le plus vieux des deux concepts. Le terme se retrouve aussi dans d'autres domaines que la conception Web, tel que la mécanique de précision ou les systèmes électriques.
  Par Tommy Olsson, Date de parution : février 2007, Traduction : Nicolas Nutten, Date de traduction : juin 2008
  www.pompage.net

5. Enrichissement progressif
- Mobile First définition
  ...Cette stratégie de conception consiste à penser d'abord la navigation, l'ergonomie et le contenu d'un site Internet pour les plus petits supports de consultation (écran de smartphone, tablette), pour ensuite les adapter aux plus « grands » supports (écran d'ordinateur portable, d'ordinateur de bureau). On parle généralement d'enrichissement progressif vs dégradation gracieuse...
  www.exclamative.com
- L'approche « mobile first » dans une stratégie responsive design
  ...l'approche « mobile first »... consiste à penser d'abord la navigation, l'ergonomie et le contenu du site pour les plus petits supports de consultation, pour ensuite les adapter aux plus « grands » supports. On parle alors de « progressive enhancement vs graceful degradation » (enrichissement progressif vs dégradation gracieuse)...
  converteo.com
- Menu de navigation avec amélioration progressive
  Publié par Raphael le 14 Août 2013, mis à jour le 25 Janvier 2017
  www.alsacreations.com
- C'est quoi le Responsive Web Design ?
  Publié par Raphael le 25 Février 2014, mis à jour le 25 Janvier 2017
  ...Une philosophie « Mobile First » et « Enrichissement progressif » facilitant l'accessibilité, la compatibilité et la performance des pages produites...
  https://www.alsacreations.com/article/lire/1615-Cest-quoi-le-Responsive-Web-Design-.html

[5] Le web est ainsi devenu principalement mobile

Chiffres & tendances du web 2018 : SEO, e-commerce, marketing, réseaux sociaux
Sarah Laurent, jeudi 11 janvier 2018
Vous le savez, notre environnement digital est en constante évolution.
Les stratégies marketing, SEO et social media, ainsi que les façons dont les gens interagissent avec les appareils mobiles, effectuent des achats en ligne, consomment du contenu ou recherchent des informations sont ainsi autant d'enjeux à connaître pour mieux s'adapter aux nouveaux comportements et usages d'Internet.
Voici donc une compilation des statistiques, faits et tendances du web les plus utiles pour 2018.
https://www.alioze.com/web-2018

20 chiffres sur le marché mobile à connaître en 2018
Par La Redaction le lundi 8 janvier 2018
http://www.servicesmobiles.fr/20-chiffres-sur-le-marche-mobile-a-connaitre-en-2018-38749/

100 statistiques stupéfiantes sur les sites internet en 2018
09/01/2018 par Tsi-Fei Chan
La liste ultime, sur les statistiques et chiffres clés, liés aux sites internet et à l'usage d'internet.
Entrepreneurs, marketeurs, rédacteurs, community managers, vous cherchez des statistiques pour compléter vos articles, cet article est fait pour vous et rassemble près de 100 statistiques clés concernant la création de sites internet, l'internet mobile et les réseaux sociaux.
https://blog-fr.orson.io/100-statistiques-sites-internet-2018#statistiques-sur-l-internet-mobile

Comment les Progressive Web Apps peuvent vous aider à (ré)engager vos utilisateurs
Ecrit par Stéphanie Guerreiro le Dimanche 14 Janvier 2018
Avec plus de la moitié du trafic internet mondial s'effectuant à partir d'appareils mobiles, il ne fait plus aucun doute : le mobile est roi !
Le comportement des utilisateurs semble cependant se diriger vers un “ras-le-bol de l'installation d'application”. Malgré l'engouement général pour l'UX des applications natives, seulement environ un tiers des possesseurs de smartphone téléchargent des applications chaque mois.
Face à ce paradoxe, les Progressive Web Apps sont bien parties pour contourner cet épuisement du téléchargement d'applications. La preuve par 4 à continuation.
https://blog.goodbarber.com/fr/Comment-les-Progressive-Web-Apps-peuvent-vous-aider-a-re-engager-vos-utilisateurs_a851.html

Applis mobiles : nous passons 7 fois plus de temps sur les applications mobiles que sur les navigateurs mobiles
Publié le 10 novembre 2017 par Emmanuel Forsans
Les applications mobiles, utilisées 13 fois plus souvent que les navigateurs mobiles.
https://www.afjv.com/news/8201_applications-mobiles-vs-navigateurs-mobiles.htm

État des lieux 2017 : l'usage d'Internet, des réseaux sociaux, des messageries et du mobile
Thomas Coëffé, le 24 janvier 2017
Comme chaque année, We are social publie son récapitulatif chiffré sur Internet et les réseaux sociaux. La première partie du document vient d'être mise en ligne. Elle rassemble de très nombreux chiffres, à jour, sur l'usage d'Internet, des réseaux sociaux, des messageries et du mobile à travers le monde. Dans quelques jours, l'agence publiera la seconde partie du document, qui permet de connaître les chiffres d'usage d'Internet et des réseaux sociaux dans presque tous les pays du monde.
https://www.blogdumoderateur.com/etat-lieux-2017-internet-reseaux-sociaux/

Chiffres Internet – 2017
Thomas Coëffé, le 13 avril 2017
Nous rassemblons sur cette page toutes les statistiques liées à Internet : pourcentage d'internautes, nombre d'inscrits sur les réseaux sociaux, usages du web en France et dans le monde, sites et applications les plus populaires…
https://www.blogdumoderateur.com/chiffres-internet/

[6] La « Définition » d'un écran
La « Définition » d'un écran est « le nombre de pixels qui composent l'écran ». C'est donc le produit du nombre de pixels qui le compose selon la largeur multiplié par celui de sa hauteur.

Définition = ( nb pixel en Largeur ) x ( nb pixel en Hauteur )

La « Résolution » d'un écran
La « Résolution » d'un écran est une dimension de densité de pixel, c'est le nombre de pixel par inch (pouce). On parle par exemple d'écran de 72 pixels par inch :

Résolution = Définition sur la Longueur (px) / Longueur de l'écran (inch)
ou
Résolution = Définition sur la Hauteur (px) / Hauteur de l'écran (inch)
ou
Résolution = Définition sur la Diagonale (px) / dimension de la Diagonale de l'écran (inch)

Nous donnons ici ces précisions sur la « Définition » et la « Résolution » d'un écran car nombreux sont ceux qui utilisent « Résolution » pour « Définition », et étonnamment l'erreur est souvent commise par des spécialistes d'une discipline ou l'autre des médias, du design et/ou de l'informatique.

[7] Mobile First to Mobile Always : Create the Right Customer Experience
by Scott Anderson , Op-Ed Contributor, May 22, 2017
https://www.mediapost.com/publications/article/301523/mobile-first-to-mobile-always-create-the-right-cu.html

Les prémisses de l'interface graphique utilisateur (GUI), du Desktop, du Dessin assisté par ordinateur (DAO), de la 3D et de la réalité virtuelle

François Daniel Giezendanner — 2006-06-07T09:16:00Z

Sommaire

Cet article est une copie de l'article :

Les prémisses de l'interface graphique utilisateur (GUI), du Desktop, du Dessin assisté par ordinateur (DAO), de la 3D et de la réalité virtuelle
Première partie : Le Whirlwind (La Tornade) 1948-1951 et le Projet SAGE 1949-1956
mercredi 7 juin 2006 par François Daniel Giezendanner
http://icp.ge.ch/sem/cms-spip/spip.php?article262

Préambule

Nombreux sont ceux qui pensent qu'Apple a inventé l'interface graphique utilisateur WIMP (Windows, Icônes, Menus, Pointer), d'autre pensent que c'est Xerox PARC et qu'Apple a puisé dans ce vivier de chercheurs créatifs, de travaux innovants et de réalisations opérationnelles. En fait, l'essentiel avait déjà vu le jour auparavant grâce aux travaux successifs de brillants chercheurs tels que Jay Forrester avec le Whirlwind (l'objet du présent article), puis d'Ivan Sutherland avec le Sketchpad et de Douglas Engelbart, lequel, entre autres choses, inventa la souris.

Grâce à eux, aujourd'hui un véritable changement de paradigme se prépare à l'horizon avec des environnements graphiques Desktop 3D conviviaux et intuitifs tels que Looking Glass et Task Gallery par exemple.

Le développement du Whirlwind et du projet SAGE sont donc aussi précurseurs en matière d'ergonomie. Cette discipline est aujourd'hui centrale dans l'informatique en général et dans la conception-création de sites web en particulier (CMS, portails, plates-formes d'apprentissage, etc.). A cet égard, une activité connexe qui s'est déployée est indiquée dans l'aparté à la fin de cet article.

Introduction

Alors que l'informatique est née au milieu des années 1940 aux Etats-Unis, le développement de ses applications graphiques en temps réel commence en 1946 au Massachusetts Institute of technology (MIT) avec le Whirlwind qui est le premier ordinateur à posséder un système d'affichage graphique en temps réel (écran à tube cathodique). Le Gouvernement américain finance le projet dès 1944 pour des objectifs de défense nationale.

Le Whirlwind est certes le premier ordinateur numérique du MIT, mais il est surtout :

le premier ordinateur numérique construit spécifiquement pour le contrôle en temps réel ;
le premier ordinateur avec un affichage graphique ;
le premier ordinateur à utiliser la mémoire à tores.

L'histoire du Whirlwind peut être divisée en deux périodes interreliées mais distinctes :

Première période (1944-1951) : Fin de la 2ème guerre mondiale et début de la guerre de Corée - Le Whirlwind doit fonctionner dans les simulateurs de vol comme mécanisme de contrôle en temps réel

A la fin des années 1944, sur mandat de la Marine américaine (au Centre des engins spéciaux), des chercheurs du Massachusetts Institute of technology (MIT) du Servomechanisms Laboratory dirigés par


Jay Forrester, inventeur de la mémoire à tores magnétiques, tenant un plan de mémoire de 64 x 64.: Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved

Jay Wright Forrester (jeune ingénieur du Nebraska) travaillent au développement d'ASCA, un « ordinateur » analogique devant être intégré à un simulateur de vol polyvalent pour entraîner les équipages des bombardiers. Le système doit être capable de mettre à jour, en continu, un tableau de bord simulé sur la base des commandes entrées par les pilotes et du comportement de l'avion. Pour faire fonctionner le simulateur dans des conditions réalistes, il faut résoudre simultanément, et en temps réel, de nombreuses équations comportant plus d'une centaine de variables. Après une année de travaille les chercheurs réalisent que la tâche est d'une complexité insurmontable pour ASCA. Le projet analogique doit être abandonné et doit évoluer de façon radicale. Jerry Crawford, membre de l'équipe, montra sur un ordinateur travaillant en mode batch (l'ENIAC), c'est à dire par lots en temps diffféré, que ces difficultés pouvaient êtres surmontées avec un ordinateur numérique.

Ainsi sur cette base, en juin 1946, Jay Forrester s'oriente vers la conception d'un véritable calculateur électronique et digital, un ordinateur numérique, le Whirlwind. Pour répondre aux exigences de la marine, le Whirlwind doit fonctionner dans les simulateurs de vol comme mécanisme de contrôle en temps réel. Une nouvelle forme d'ingénierie numérique, basée sur des traitements et des actions en temps réel, allait naître. L'équipe chargée de construire le Whirlwind est dirigée par Jay Forrester,

entouré de Charles W. Adams, Robert Evereet et Ken Olsen. La conception et la construction durèrent de 1946 à 1955 et connurent plusieurs évolutions profondes. La recherche de la performance, de la fiabilité et de la rapidité de réponse dans cet ordinateur ont amené de grands progrès en informatique. La construction a commencé avec une équipe de 175 personnes, y compris 70 du personnel technique.

Le premier Whirlwind opérationnel est disponible le 20 avril 1951. A ce moment la Marine américaine a perdu l'intérêt pour le Whirlwind, mais l'Armée de l'Air prend le relai pour son développement.

Première pièce du puzzle du « Desktop-DAO »

A ce stade du développement, le Whirlwind met en place la première pièce du puzzle de l'interface utilisateur graphique (Desktop) et du Dessin Assisté par Ordinateur (DAO) modernes : un tube cathodique capable d'afficher des graphiques en temps réel.

Le Whirlwind 1 était une machine encombrante :


Norman Taylor examine le Multiplicateur à 5 digits du Whirlwind (21 0ctobre 1948): Ayant démontré ses qualités de vitesse, d'exactitude et de fiabilité en temps réel, le multiplicateur à cinq chiffres était un pas en avant de géant. Le célèbre mathématicien de Princeton, John Von Neumann, qui développait également un ordinateur pour ONR, a visité le MIT en 1948 peu de temps après que le multiplicateur ait accompli 5 milliards de multiplications sans erreur. En voyant la machine fonctionner, il est devenu tellement excité qu'il a embrassé Norman Taylor sur les deux joues. Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved.

Premier étage :
L'unité centrale, le pupitre de contrôle, les écrans cathodiques occupaient le premier étage de l'immeuble Barta. Les machines occupaient une superficie de 300 m2 et étaient disposées dans des armoires alignées le long de nombreux couloirs de 3 mètres de haut, quant au multiplicateur à 5 digits, c'était une armoire d'environ 2 mètres de haut sur 3 mètres de large.

Rez-de-chaussée : La mémoire auxiliaire sur tambours magnétiques, les bandes magnétiques et les dispositifs de télécommunication occupaient le rez-de-chaussée.

Sous-sol : Il accueillait les génératrices électriques d'une puissance de 150 kW.

Toit : Le toit du bâtiment était couvert par l'installation de climatisation.

Caractéristiques techniques du Whirlwind 1

La mémoire était constituée de tubes électrostatiques d'une capacité de 64 mots de 16 bits.

En 1953, 2 unités de mémoire à tores de ferrite furent ajoutées. Capacité : 1024 mots de 16 bits chacune.

Le système graphique du Whirlwind affichait initialement une définition de 32 x 32 points à l'écran du tube cathodique (CRT). En 1951 elle a été portée à 256 x 256 points.

Jay Forrester (à gauche debout) et Norman Taylor (à gauche, pointant du doigt) en 1952

Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved.

Le Whirlwind était utilisé pour les représentations alphanumériques et graphiques de divers calculs.

Et aussi :

Architecture parallèle ;

27 instructions ;

20'000 instructions par seconde ;

Fréquence de base : 1 MHz ;

Mémoire : 1024 registres de 16 bits ;

12'500 tubes à vide ;

Entrée / sortie de données par clavier / ruban perforé (flexowriter) ;

Affichage alphanumérique et graphique sur écran cathodique : initialement en 32 x 32 points puis en 256 x 256 points en 1951 ;

Jay Forrester à gauche et Norman Taylor à droite en 1952

Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved.

Surface occupée : 300 m2 ;

Poids : 250 tonnes (ou 10 tonnes selon les sources) ;

Consommation : 150 kW ;

La machine fut en production jusqu'en juin 1959.

Le 30 juin 1959, le Whirlwind cessa officiellement d'être opérationnel.

Quelques mots concernant Norman Taylor

Norman Taylor a rejoint le projet du Whirlwind en 1947 au « Laboratoire de calculateur numérique » du MIT. En 1951, il est allé au Laboratoire Lincoln comme directeur associé de la Division d'ordinateur. Il y était responsable du MTC, Fsq-7, Tx-1, et Tx-2. Norman Taylor est l'un des acteurs principaux qui ont conçu le SAGE au Laboratoire Lincoln. Il travaillerat également avec l'infrastructure du SAGE.

Deuxième période (1949-1956) : Ré-émergence du soucis de la défense aérienne du pays

En septembre 1949, l'Union soviétique fait exploser sa première bombe atomique en Sibérie profonde et leurs bombardiers à longue portée, justement présents sur les bases aériennes russes, étaient capables de « livrer » une charge nucléaire utile en profondeur sur le terrritoire des Etats-Unis. Cela changeait radicalement la situation. Il était évident, pour la communauté de la Défense et d'autres, que les USA étaient en grand danger. Ils se sont donc rapidement organisés pour développer des stratégies de défense et de réplique. Le complexe militaro-industriel américain décide de faire appel aux chercheurs du MIT pour élaborer des systèmes de défense au sol destinés à protéger les Etats-Unis contre toute attaque nucléaire. Ainsi, en décembre, 1949, le MIT est approché par l'Armée de l'Air pour la conception et l'établissement d'un réseau automatisé de défense aérienne. Ce réseau devrait détecter une attaque ennemie assez tôt ainsi la riposte appropriée pourrait être lancée. En 1950 éclate la guerre de Corée. Cela stimule davantage les Etats-Unis pour leur défense aérienne et des subventions de recherche d'une importance équivalente à celle de la 2ème Guerre mondiale se déclenchent.

L'Air Force américaine engage alors plusieurs projets et mandate en 1949 le professeur George Valley du MIT pour un système de défense aérienne. A partir d'échos radars, un tel système doit permettre par triangulation en temps réel de déterminer la position, la direction et la vitesse de multiples avions. Pour résoudre les importants problèmes de calcul ainsi posés, George Valley choisit de les surmonter avec un ordinateur numérique et se tourne vers le projet Whirlwind.

George Valley et Jay Forrester se rencontrent pour élaborer, « sur mandat de L'Air Force », un plan de défense aérienne du territoire national sur base d'ordinateurs centraux, afin de contrôler les radars et de coordonner les ripostes adéquates en cas d'attaque de bombardiers soviétiques. Ce projet portera l'acronyme SAGE : Semi Automated Ground Environment (environnement au sol semi-automatisé).


Système de défense aérienne SAGE - R&D 1951-1957: Source : ATC Surveillance - A Retrospective Look. Raymond R. LaFrey, Air Traffic Control Program Manager, MIT Lincoln Laboratory, 17 April 2002-1, NASA GRC CNS Conference.

Le Whirlwind devient alors la pierre angulaire du projet SAGE, qui à son tour deviendra la pierre angulaire de la défense des Etats-Unis. En 1951, l'hybride Whirlwind/SAGE passe son premier essai officiel : il a correctement identifié et tracé des trajectoires d'interception pour huit objets simultanés au-dessus du territoire des Etats-Unis. Ces données auraient été disponibles pour d'autres installations, si elles avaient existé. Quand le réseau entier a été relié plus tard aux installations sophistiquées de missiles, SAGE est devenu un système de défense aérien formidable.

En 1957, les Russes lancent leur premier satellite artificiel, le Spoutnik-1. Les USA le perçoivent comme une aggravation de la menace nucléaire et un défi à la fois scientifique et technologique. Ils réagissent en créant l'agence ARPA. Son objectif est de court-circuiter les procédures traditionnelles de financement de la recherche et permettre ainsi aux projets les plus avant-gardistes d'être directement financés.

La clef du succès de SAGE est le développement d'un modèle de série du Whirlwind. IBM gagne le contrat pour concevoir et établir le Whirlwind II, autrement connu sous l'appellation IBM FSQ-7, pour le nouveau système de défense aérien proposé devant relier tous les sites radar nords américains.

Le FSQ-7 utilise plus de 49.000 tubes à vide, il pèse 250 tonnes et exige une alimentation de 3'000 kW.

Le premier centre SAGE est opérationnel en 1958 sur base d'ordinateurs IBM FSQ-7 créés à partir du prototype Whirlwind I de Jay Forrester.


Opérateur interceptant les coordonnées d'une cible potentielle avec le pistolet lumineux (1959): Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved.


Ecran vectoriel avec des spots géographiques générés par le Whirlwind I (1953): Les directions et les longueurs des vecteurs indiquent la direction et la vitesse des avions. Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved.

Les opérateurs des ordinateurs Whirlwind et IBM FSQ-7 utilisent des « pistolets de lumière » (capteurs de type cellules photo-élerctriques, précurseurs du stylo lumineux) pour désigner des spots (les cibles) sur leurs écrans radar (tube CRT), représentations symboliques des bombardiers soviétiques à intercepter.


Ecran d'identification typique sur l'écran d'une situation SAGE (23 novembre 1953): Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved.

Exemple de manipulation : Le Whirlwind reçoit des données de position concernant un avion depuis une station de radars dans le Massachusetts. Une série de points de repères, affichée sur l'écran représentent la côte orientale du Massachusetts. L'avion est représenté par un symbôle superposé au-dessus du schéma géographique à l'écran du tube cathodique. Pour demander des informations d'identification concernant l'avion, l'opérateur utilise le pistolet de lumière. Lorsqu'il pointe le pistolet sur le symbole de l'avion à l'écran, les requêtes adéquates sont transmises au Whirlwind, lequel identifie l'avion, calcule sa position, sa direction et sa vitesse et affiche le tout sur l'écran CRT en mode alphanumérique.

Chaque Centre SAGE abrite deux ordinateurs IBM FSQ-7, l'un suppléant les pannes de l'autre. Sur un étage, ils occupent 2'000 m2, 70 armoires renfermant 58'000 tubes à vide pour un poid total de 270 tonnes. Les stations de visualisation et

l'équipement téléphonique occcupent une autre surface de 2'000 m2. Il faut ajouter une centrale électrique autonome, un système de climatisation et les commutateurs téléphoniques. En 1961 il y a 23 Centres SAGE en fonctionnement qui relaient tous les sites de radars nord américains.

Deuxième pièce du puzzle du « Desktop-DAO »

Grâce à la mise en œuvre couplée de l'écran graphique (250 x 250 points) et du pistolet optique (plus tard stylo optique), l'interaction homme-machine directe et simultanée devient possible, augmentant la polyvalence et l'utilité des ordinateurs.

A ce stade du développement, l'hybride Whirlwind/SAGE met en place la deuxième pièce du puzzle de l'interface utilisateur graphique (Desktop) et du Dessin Assisté par Ordinateur (DAO). Il constitue même le premier projet en simulation, considéré comme l'ancêtre direct de la réalité virtuelle. Cependant, pour que le système marque véritablement l'avènement du graphisme informatique moderne, le système doit évoluer afin de dépassser une interactivité d'action et permettre une interactivité de création à l'écran, à savoir dessiner, copier, coller, etc. sans d'autres recours que ceux qui sont offerts par le système lui-même à partir du seul couple pointeur-écran de visualisation.

Acronymes, éléments et événements

ARPA : Advanced Research Project Agency
En 1957, suite au lancement du premier Spoutnik par les Soviétiques le 4 octobre 1957, le Président des Etats-Unis Dwight D.Eisenhower crée l'ARPA sur les conseils du ministère de la défense, au sein du DoD (Department of Defense). Objectifs : piloter un certain nombre de projets afin d'assurer aux USA la supériorité scientifique et technique au plan militaire sur la Russie.

ARPAnet : Advanced Research Projects Agency Network
En pleine guerre froide entre les puissances de l'Est et de l'Ouest, le département américain de la Défense met en place ARPAnet, un réseau informatique expérimental sécuritaire qui se veut à l'épreuve des effets d'une guerre nucléaire.

ASCA (1944 à 1946) : Airplane Stability and Control Analyzer (Analyseur de stabilité et de commande d'avion).
Projet de recherche de la Marine américaine destiné à la conception d'un simulateur de vol universel fondé sur les machines analogiques dans le but d'entraîner les équipages des bombardiers. Développé de 1944 à 1946 au sein du « Servomechanisms Laboratory » du MIT dirigé par Jay Forrester.

Bombe atomique soviétique : La première bombe atomique soviétique explose en septembre 1949 en Sibérie profonde.

CAO : Computer Assisted Learning.

CRT : Cathodic Ray Tube (Tube à rayon cathodique).

DAO : Dessin Assisté par Ordinateur.

Desktop : Interface utilisateur graphique interactif, convivial et intuitif exploitant la métaphore du bureau.

ENIAC (1945-1946) : Electronic Numerical Integrator and Computer
Commandé par l'armée des États-Unis en 1942, il a été créé par deux ingénieurs américains John Presper Eckert et John William Mauchly de 1945 à 1946 à l'Université de Pennsylvanie. Il a été conçu pour effectuer les calculs de balistique et remplaçait 200 personnes chargées auparavant de calculer les tables de tir. Il est souvent considéré comme le premier ordinateur tout électronique universel. Il occupait 72 m2, pesait 30 tonnes, consommait 160 kilowatts. Il était composé de 70'000 résistances, 10'000 condensateurs, 1'500 relais, 6'000 commutateurs manuels, 17'468 tubes à vide. Il faisait ses calculs en système décimal. Il tournait à 100 kHz, était composé de 20 calculateurs fonctionnant en parallèle et pouvait effectuer 100'000 additions ou 357 multiplications par seconde. Sa « programmation » nécessitait une intervention manuelle humaine importante. Elle se faisait encore au niveau de la machine elle-même, en manipulant plus de 3'000 commutateurs et des centaines de câbles qui assuraient la bonne circulation des données et impulsions de programmes à travers la machine.

Guerre de Corée : La guerre de Corée eut lieu de 1950 à 1953 dans la Péninsule coréenne entre les forces de la Corée du Nord communiste, soutenues par la Chine et l'URSS, et celles de la Corée du Sud capitaliste, soutenues par les États-Unis. Après l'armistice japonais de 1945, l'URSS au nord, et les États-Unis au sud partagent la Corée en deux zones d'occupation dont le 38e parallèle est la démarcation, conformément aux accords de Yalta. Les tensions augmentant entre l'URSS et les USA, il y a une course de « soutien » à sa partie respective. La guerre débute le 25 juin 1950 avec une vaste offensive des nord-coréens. Au final, ce fut une guerre très meurtrière, fratricide, fruit de tensions entre puissances étrangères. Il y eut 2'560'000 combattants. Les pertes (mort, blessé, disparu) furent de 995'601 alliés et 1'500'000 chinois et nord-coréens avec plus de 7 millions de civils disparus ou séparés. Trois ans de guerre n'ont amené quasiment aucun changement territorial et laissé l'impression d'un suicide national. Mais le rapport à cette période est encore très troublé, tant en Corée du Nord qu'en Corée du Sud. L'histoire impute la responsabilité de cette guerre aux puissances extérieures qui changèrent une simple opposition idéologique locale (communisme face au capitalisme) en guerre ouverte, sur-militarisée. Les parties ont aussi des visions différentes des responsabilités, ce qui prête donc à débat... (source : http://fr.wikipedia.org/wiki/Guerre_de_Cor%C3%A9e).

GUI : Graphic User Interface (Interface utilisateur graphique).

IBM FSQ-7 : Ordinateur créé pour le projet SAGE à partir du prototype Whirlwind. . Le premier IBM FSQ-7 est opérationnel en 1958.

MIT : Massachusetts Institute of technology (MIT).

Pistolets de lumière : Capteurs de type cellule photo-électrique, précurseur du stylo lumineux, pour désigner des spots (bombardiers russes) sur les écrans radar (CRT).

SAGE : Semi Automated Ground Environment (environnement au sol semi-automatisé).
Système de défense au sol destinés à protéger les Etats-Unis contre toute attaque nucléaire. Un réseau automatisé de défense aérienne et de riposte. Le projet SAGE est lancé en 1949.

Spoutnik-1 : C'est le premier satellite artificiel de la terre, il fut lancé par les russes le 4 octobre 1957 avec la fusée R-7. Cet évènement prouvait que les Soviétiques possédaient la technologie pour envoyer un missile nucléaire sur le continent américain et fut vécu comme un véritable traumatisme par les Etats-Unis. Certains journaux comparèrent cet évènement à un « Pearl Harbor technologique ». C'est le début de la course à l'espace, qui prendra fin avec le premier pas de Neil Armstrong sur la Lune.

Whirlwind : Le premier ordinateur à posséder un système d'affichage graphique en temps réel (écran à tube cathodique). Il devait fonctionner dans les simulateurs de vol comme mécanisme de contrôle en temps réel et dans le réseau automatisé de défense aérienne des Etats-Unis (SAGE). Le premier Whirlwind est opérationnel le 20 avril 1951.

WIMP : L'interface graphique utilisateur « Windows, Icônes, Menus, Pointer ».

En aparté

A propos de langages préconisés par le W3C pour le développement de sites Web

Pour le développement du Web, les travaux et recommandations du W3C sont devenus incontournables. Parmi ceux-ci, nous avons porté une attention particulière au XHTML et aux CSS. En ce sens, le présent article est utilisé comme matière première à restructurer pour un cours sur les CSS.

Sources - Webographie

Jay Forrester 1918-
People and discoveries
http://www.pbs.org/wgbh/aso/databank/entries/btfor.html
Jay Forrester, mars 1918, Nebraska, USA
http://www.thocp.net/biographies/forrester_jay.html
Real-Time Computer Technologies
Robert Everett & Jay Forrester
http://web.mit.edu/invent/iow/everett=forrester.html
alumniprofiles.robert everett
http://www.pratt.duke.edu/alumni/profiles_everett.php
History of Computing #7
Riding the Whirlwind
by Dag Spicer
http://www.ddj.com/documents/s=1494/ddj0007hc/
Whirlwind Before Core
Reminiscences of Jack Gilmore
http://ed-thelen.org/comp-hist/TheCompMusRep/TCMR-V02.html#Reminiscences
Project Whirlwind
Photo Archives
http://www.mitre.org/about/photo_archives/whirlwind_photo.html
Origine of System Dynamic
Jay Forrester and the History of System Dynamic
http://systemdynamics.org/DL-IntroSysDyn/origin.htm
Jay W. Forrester and Robert R. Everett
Massachusetts Institute of Technology and the Mitre Corporation
Developers of the first real-time electronic digital computer
http://www.thetech.org/nmot/detail.cfm?id=28&st=awardDate&qt=1989&kiosk=Off
Semi-Automatic Ground Environment (SAGE)
Photo Archives
http://www.mitre.org/about/photo_archives/sage_photo.html
Semi-Automatic Ground Environment (SAGE)
Beginnings
http://www.mitre.org/about/sage.html
Chronologie générale
3ème partie : 1950 - 1959
[http://www.ubh.fr/urfist/HistInt/Chronologie1950-1959.htm#Whirlwind]
Whirlwind (computer)
From Wikipedia, the free encyclopedia.
http://en.wikipedia.org/wiki/Whirlwind_(computer)
Ken Olsen Interview. Interview Conducted at Digital Equipment Corporation
Digital Historical Collection Exhibit
Pourquoi fabriquer des ordinateurs
Paul N. Edwards
La Recherche Hors-série no7 avril 2002 p 21-26
www.si.umich.edu/ pne/PDF/larecherche.pdf
Whirlwind
http://www.old-computers.com/museum/computer.asp?c=1047
THE HISTORY OF MONTAUK AIR FORCE STATION
(Source Unknown)
Posted and Created : Saturday January 10, 2004
http://www.illuminati-news.com/montauk-history.htm
Musée : L'invention des mémoires à ferrite
Source : Robert Ligonnière
http://www.ordiworld.com/article.php?sid=2604&mode=thread&order=0
Le Whirlwind - 1948-1951
http://histoire.info.online.fr/whirlwind.html
MIT Whirlwind display [CMHC]
http://www-db.stanford.edu/pub/voy/museum/pictures/display/2-3.htm
Ken Olsen
[PDF] Economic Decision-Making : Ken Olsen
http://www.economicadventure.org/decision/olsen.pdf
HISTOIRE ET ÉTAT DES ARTS INFORMATIQUES
© 2000, Patrick Saint-Jean
LA NAISSANCE DU GRAPHISME INFORMATIQUE - LES ANNÉES 1950 ET LE DEBUT DES ANNEES 1960
http://paris.siggraph.org/SIGGRAPH2000/HEA/HistEtatArtInf.html
Tools for Thought by Howard Rheingold
April 2000
Http ://www.rheingold.com/texts/tft/7.html
Highlights from The Computer Museum Reports
Volum 2 --- Fall 1982
Whirlwind Before Core Reminiscence of Jack Gilmore
http://ed-thelen.org/comp-hist/TheCompMusRep/TCMR-V02.html
Naissance du pixel
Tubes, condensateurs, cartes punch et mémoire centrale magnétique
http://www.tomshardware.fr/article3d.php?IdArticle=7&NumPage=2
A Critical History of Computer Graphics and Animation - Section 2 :
The emergence of computer graphics technology
http://accad.osu.edu/ waynec/history/lesson2.html
A Critical History of Computer Graphics and Animation
Section 3 : The computer graphics industry evolves
http://accad.osu.edu/ waynec/history/lesson3.html
The Father of Computer Graphics
Today's graphics systems owe their existence to an innovative graduate school project called Sketchpad
Reprinted from Byte, June 1990, pp. 380-381.
Ivan Sutherland, shown with his archetypical graphics system, Sketchpad, is considered the father of interactive graphics.
http://www.guidebookgallery.org/articles/thefatherofcomputergraphics
Alliage, numéro 27, 1996
Ceux qui construisent la « réalité virtuelle »...
Brigitte Chamak
http://www.tribunes.com/tribune/alliage/27/cham.htm
Transcript of a Oral History Interview with Ken Olsen
Digital Equipment Corporation
Interviewer : David Allison
Division of Information Technology & Society
National Museum of American History, Smithsonian Institution
September 28, 29, 1988
Description of the Whirlwind Computer
http://americanhistory.si.edu/collections/comphist/olsen.html#tc7
Histoire de l'informatique - 1956-1970
La mini-informatique
L'ordinateur devient interactif
http://histoire.info.online.fr/minis.html
Les premiers ordinateurs
http://membres.lycos.fr/marc2022/histoire/46a55.html ?
The Closed World
http://www.si.umich.edu/ pne/PDF/cw.ch2.pdf
http://www.si.umich.edu/ pne/PDF/cw.ch3.pdf
FUNDING A REVOLUTION
Government Support for Computing Research
Committee on Innovations in Computing and Communications : Lessons from History,
National Research Council
http://www.nap.edu/readingroom/books/far/contents.html
4. The Organization of Federal Support : A Historical Review
http://www.nap.edu/readingroom/books/far/ch4.html
4.1 - Project Whirlwind and SAGE
http://www.nap.edu/readingroom/books/far/ch4_b1.html
9. Virtual Reality Comes of Age
http://www.nap.edu/readingroom/books/far/ch10.html
Computer Oral History Collection, 1969-1973, 1977
Interviewee : Norman Taylor (1916-), Interviewer : Richard R. Mertz
Date : January 27, 1970
Repository : Archives Center, National Museum of American History
Smithsonian National Museum of American History, Lemelson Center for the Study of Invention and Innovation, Page 31 et 32
http://invention.smithsonian.org/downloads/fa_cohc_abstracts_s-z.pdf
RETURN ON INVESTMENT IN BASIC RESEARCH - EXPLORING A METHODOLOGY
Report to Office of Naval Research, Department of the Navy
By Bruce S. Old Associates, Inc., November 1981
Contract N00014-79-C-01
http://www.stanford.edu/group/mmdd/SiliconValley/Olds/ROIonBasicResearch.html
ATC Surveillance - A Retrospective Look
Raymond R. LaFrey
Air Traffic Control Program Manager, MIT Lincoln Laboratory
17 April 2002-1, NASA GRC CNS Conference
http://spacecom.grc.nasa.gov/icnsconf/docs/2002/11/Session_E2-1_LaFrey.pdf

Looking Glass et Task Gallery par exemple.

Introduction

Le Whirlwind est certes le premier ordinateur numérique du MIT, mais il est surtout :

le premier ordinateur numérique construit spécifiquement pour le contrôle en temps réel ;
le premier ordinateur avec un affichage graphique ;
le premier ordinateur à utiliser la mémoire à tores.

L'histoire du Whirlwind peut être divisée en deux périodes interreliées mais distinctes :

Première période (1944-1951) : Fin de la 2ème guerre mondiale et début de la guerre de Corée - Le Whirlwind doit fonctionner dans les simulateurs de vol comme mécanisme de contrôle en temps réel


Jay Forrester, inventeur de la mémoire à tores magnétiques, tenant un plan de mémoire de 64 x 64.: Picture used with the permission of the MITRE Corporation. Copyright © The Mitre Corporation. All Rights reserved


HTML

Première pièce du puzzle du « Desktop-DAO »

Le Whirlwind 1 était une machine encombrante :


PDF (1)

Premier étage :
L'unité centrale, le pupitre de contrôle, les écrans cathodiques occupaient le premier étage de l'immeuble Barta. Les machines occupaient une superficie de 300 m2 et étaient disposées dans des armoires alignées le long de nombreux couloirs de 3 mètres de haut, quant au multiplicateur à 5 digits, c'était une armoire d'environ 2 mètres de haut sur 3 mètres de large.

Rez-de-chaussée : La mémoire auxiliaire sur tambours magnétiques, les bandes magnétiques et les dispositifs de télécommunication occupaient le rez-de-chaussée.

Sous-sol : Il accueillait les génératrices électriques d'une puissance de 150 kW.

Toit : Le toit du bâtiment était couvert par l'installation de climatisation.

Caractéristiques techniques du Whirlwind 1

La mémoire était constituée de tubes électrostatiques d'une capacité de 64 mots de 16 bits.

En 1953, 2 unités de mémoire à tores de ferrite furent ajoutées. Capacité : 1024 mots de 16 bits chacune.

Le système graphique du Whirlwind affichait initialement une définition de 32 x 32 points à l'écran du tube cathodique (CRT). En 1951 elle a été portée à 256 x 256 points.

PDF (2)

Le Whirlwind était utilisé pour les représentations alphanumériques et graphiques de divers calculs.

Et aussi :

Architecture parallèle ;

27 instructions ;

20'000 instructions par seconde ;

Fréquence de base : 1 MHz ;

Mémoire : 1024 registres de 16 bits ;

12'500 tubes à vide ;

Entrée / sortie de données par clavier / ruban perforé (flexowriter) ;

Affichage alphanumérique et graphique sur écran cathodique :

initialement en 32 x 32 points puis en 256 x 256 points en 1951 ;

Surface occupée : 300 m2 ;

Poids : 250 tonnes (ou 10 tonnes selon les sources) ;

Consommation : 150 kW ;

La machine fut en production jusqu'en juin 1959.

Le 30 juin 1959, le Whirlwind cessa officiellement d'être opérationnel.

Quelques mots concernant Norman Taylor

Deuxième période (1949-1956) : Ré-émergence du soucis de la défense aérienne du pays

Le FSQ-7 utilise plus de 49.000 tubes à vide, il pèse 250 tonnes et exige une alimentation de 3'000 kW.

Le premier centre SAGE est opérationnel en 1958 sur base d'ordinateurs IBM FSQ-7 créés à partir du prototype Whirlwind I de Jay Forrester.

Deuxième pièce du puzzle du « Desktop-DAO »

Acronymes, éléments et événements

Bombe atomique soviétique : La première bombe atomique soviétique explose en septembre 1949 en Sibérie profonde.

CAO : Computer Assisted Learning.

CRT : Cathodic Ray Tube (Tube à rayon cathodique).

DAO : Dessin Assisté par Ordinateur.

Desktop : Interface utilisateur graphique interactif, convivial et intuitif exploitant la métaphore du bureau.

GUI : Graphic User Interface (Interface utilisateur graphique).

IBM FSQ-7 : Ordinateur créé pour le projet SAGE à partir du prototype Whirlwind. . Le premier IBM FSQ-7 est opérationnel en 1958.

MIT : Massachusetts Institute of technology (MIT).

Pistolets de lumière : Capteurs de type cellule photo-électrique, précurseur du stylo lumineux, pour désigner des spots (bombardiers russes) sur les écrans radar (CRT).

WIMP : L'interface graphique utilisateur « Windows, Icônes, Menus, Pointer ».

En aparté

A propos de langages préconisés par le W3C pour le développement de sites Web

Sources - Webographie

Jay Forrester 1918-
People and discoveries
http://www.pbs.org/wgbh/aso/databank/entries/btfor.html
Jay Forrester, mars 1918, Nebraska, USA
http://www.thocp.net/biographies/forrester_jay.html
Real-Time Computer Technologies
Robert Everett & Jay Forrester
http://web.mit.edu/invent/iow/everett=forrester.html
alumniprofiles.robert everett
http://www.pratt.duke.edu/alumni/profiles_everett.php
History of Computing #7
Riding the Whirlwind
by Dag Spicer
http://www.ddj.com/documents/s=1494/ddj0007hc/
Whirlwind Before Core
Reminiscences of Jack Gilmore
http://ed-thelen.org/comp-hist/TheCompMusRep/TCMR-V02.html#Reminiscences
Project Whirlwind
Photo Archives
http://www.mitre.org/about/photo_archives/whirlwind_photo.html
Origine of System Dynamic
Jay Forrester and the History of System Dynamic
http://systemdynamics.org/DL-IntroSysDyn/origin.htm
Jay W. Forrester and Robert R. Everett
Massachusetts Institute of Technology and the Mitre Corporation
Developers of the first real-time electronic digital computer
http://www.thetech.org/nmot/detail.cfm?id=28&st=awardDate&qt=1989&kiosk=Off
Semi-Automatic Ground Environment (SAGE)
Photo Archives
http://www.mitre.org/about/photo_archives/sage_photo.html
Semi-Automatic Ground Environment (SAGE)
Beginnings
http://www.mitre.org/about/sage.html
Chronologie générale
3ème partie : 1950 - 1959
[http://www.ubh.fr/urfist/HistInt/Chronologie1950-1959.htm#Whirlwind]
Whirlwind (computer)
From Wikipedia, the free encyclopedia.
http://en.wikipedia.org/wiki/Whirlwind_(computer)
Ken Olsen Interview. Interview Conducted at Digital Equipment Corporation
Digital Historical Collection Exhibit
Pourquoi fabriquer des ordinateurs
Paul N. Edwards
La Recherche Hors-série no7 avril 2002 p 21-26
www.si.umich.edu/ pne/PDF/larecherche.pdf
Whirlwind
http://www.old-computers.com/museum/computer.asp?c=1047
THE HISTORY OF MONTAUK AIR FORCE STATION
(Source Unknown)
Posted and Created : Saturday January 10, 2004
http://www.illuminati-news.com/montauk-history.htm
Musée : L'invention des mémoires à ferrite
Source : Robert Ligonnière
http://www.ordiworld.com/article.php?sid=2604&mode=thread&order=0
Le Whirlwind - 1948-1951
http://histoire.info.online.fr/whirlwind.html
MIT Whirlwind display [CMHC]
http://www-db.stanford.edu/pub/voy/museum/pictures/display/2-3.htm
Ken Olsen
[PDF] Economic Decision-Making : Ken Olsen
http://www.economicadventure.org/decision/olsen.pdf
HISTOIRE ET ÉTAT DES ARTS INFORMATIQUES
© 2000, Patrick Saint-Jean
LA NAISSANCE DU GRAPHISME INFORMATIQUE - LES ANNÉES 1950 ET LE DEBUT DES ANNEES 1960
http://paris.siggraph.org/SIGGRAPH2000/HEA/HistEtatArtInf.html
Tools for Thought by Howard Rheingold
April 2000
Http ://www.rheingold.com/texts/tft/7.html
Highlights from The Computer Museum Reports
Volum 2 --- Fall 1982
Whirlwind Before Core Reminiscence of Jack Gilmore
http://ed-thelen.org/comp-hist/TheCompMusRep/TCMR-V02.html
Naissance du pixel
Tubes, condensateurs, cartes punch et mémoire centrale magnétique
http://www.tomshardware.fr/article3d.php?IdArticle=7&NumPage=2
A Critical History of Computer Graphics and Animation - Section 2 :
The emergence of computer graphics technology
http://accad.osu.edu/ waynec/history/lesson2.html
A Critical History of Computer Graphics and Animation
Section 3 : The computer graphics industry evolves
http://accad.osu.edu/ waynec/history/lesson3.html
The Father of Computer Graphics
Today's graphics systems owe their existence to an innovative graduate school project called Sketchpad
Reprinted from Byte, June 1990, pp. 380-381.
Ivan Sutherland, shown with his archetypical graphics system, Sketchpad, is considered the father of interactive graphics.
http://www.guidebookgallery.org/articles/thefatherofcomputergraphics
Alliage, numéro 27, 1996
Ceux qui construisent la « réalité virtuelle »...
Brigitte Chamak
http://www.tribunes.com/tribune/alliage/27/cham.htm
Transcript of a Oral History Interview with Ken Olsen
Digital Equipment Corporation
Interviewer : David Allison
Division of Information Technology & Society
National Museum of American History, Smithsonian Institution
September 28, 29, 1988
Description of the Whirlwind Computer
http://americanhistory.si.edu/collections/comphist/olsen.html#tc7
Histoire de l'informatique - 1956-1970
La mini-informatique
L'ordinateur devient interactif
http://histoire.info.online.fr/minis.html
Les premiers ordinateurs
http://membres.lycos.fr/marc2022/histoire/46a55.html ?
The Closed World
http://www.si.umich.edu/ pne/PDF/cw.ch2.pdf
http://www.si.umich.edu/ pne/PDF/cw.ch3.pdf
FUNDING A REVOLUTION
Government Support for Computing Research
Committee on Innovations in Computing and Communications : Lessons from History,
National Research Council
http://www.nap.edu/readingroom/books/far/contents.html
4. The Organization of Federal Support : A Historical Review
http://www.nap.edu/readingroom/books/far/ch4.html
4.1 - Project Whirlwind and SAGE
http://www.nap.edu/readingroom/books/far/ch4_b1.html
9. Virtual Reality Comes of Age
http://www.nap.edu/readingroom/books/far/ch10.html
Computer Oral History Collection, 1969-1973, 1977
Interviewee : Norman Taylor (1916-), Interviewer : Richard R. Mertz
Date : January 27, 1970
Repository : Archives Center, National Museum of American History
Smithsonian National Museum of American History, Lemelson Center for the Study of Invention and Innovation, Page 31 et 32
http://invention.smithsonian.org/downloads/fa_cohc_abstracts_s-z.pdf
RETURN ON INVESTMENT IN BASIC RESEARCH - EXPLORING A METHODOLOGY
Report to Office of Naval Research, Department of the Navy
By Bruce S. Old Associates, Inc., November 1981
Contract N00014-79-C-01
http://www.stanford.edu/group/mmdd/SiliconValley/Olds/ROIonBasicResearch.html
ATC Surveillance - A Retrospective Look
Raymond R. LaFrey
Air Traffic Control Program Manager, MIT Lincoln Laboratory
17 April 2002-1, NASA GRC CNS Conference
http://spacecom.grc.nasa.gov/icnsconf/docs/2002/11/Session_E2-1_LaFrey.pdf

UNE EVOLUTION QUI SE PREPARE : vers une interface plus adaptée aux utilisateurs dans les stations de travail et les portails - Looking Glass 3D (LG3D) - Apparence de Verre 3D (Première partie : le cas de Sun et du logiciel Libre)

François Daniel Giezendanner — 2006-06-02T14:47:00Z

Sommaire

Cet article est une copie de l'article :

UNE EVOLUTION QUI SE PREPARE : vers une interface plus adaptée aux utilisateurs dans les stations de travail et les portails - Looking Glass 3D (LG3D) - Apparence de Verre 3D (Première partie : le cas de Sun et du logiciel Libre)
vendredi 2 juin 2006 par François Daniel Giezendanner
http://icp.ge.ch/sem/cms-spip/spip.php?article261

Introduction

Looking Glass est une interface utilisateur graphique 3D, intuitive et conviviale, qui fonctionne actuellement sur Linux, Sun Solaris et Microsoft Windows. Elle est développée par Sun - en étroite collaboration avec la communauté Open source - comme un nouveau paradigme succédant à celui de l'ensemble des interfaces 2D actuelles, tous systèmes confondus. En bref, c'est l'abandon des multiples fenêtres en deux dimensions superposées et se cachant les unes les autres pour faire place aux multiples fenêtres 3D dynamiques toutes visibles simultanément dans un environnement tridimensionnel interactif offrant davantage de fonctionnalités.


Vue d'applications: Cette vue du prototype montre le traitement de texte, la vidéo, et un browser web, tous dans l'environnement 3D. Les utilisateurs peuvent agir avec leurs applications 2D existantes et sont introduits aux nouvelles applications 3D.

Tout commence en janvier 2003

L'aventure a commencé au début de l'année 2003 lorsque Hideya Kawahara (âgé de 33 ans), ingénieur chez Sun dans la silicon Valley depuis 1997, ressent fortement les limites de l'interface utilisateur graphique 2D. Ce paradigme, appelé « la métaphore de bureau » (le desktop) n'a pas évolué de manière significative depuis 33 ans. Il pense qu'il est alors possible de changer de paradigme en créant un environnement graphique plus puissant, plus esthétique, exploitant la pleine puissance 3D des cartes graphiques actuelles.

Développé en Java sur base Linux

Il choisit de développer ce projet (qui ne s'appelle pas encore « Looking Glass ») sur son portable en Java sur base Linux et s'y lance en y consacrant au moins 2 heures par jour de son temps disponible plus la plupart de ses week-end et les vacances pendant plus d'une année.

Kawahara choisit d'oublier la 2D du Desktop et de penser en 3D

Hideya Kawahara est conscient que la compétition est engagée puisque Microsoft planche sérieusement sur le sujet depuis 1999 avec son projet « Task Gallery » prévu pour son futur « Longhorn ». Il décide de ne pas transposer l'environnement desktop dans un espace 3D, mais de réfléchir en 3D, de décomposer les idées 3D qui en découlent et de les intégrer pièce par pièce dans un nouvel environnement de bureau tridimensionnel.

Enthousiasmé, SUN adopte le projet

Après six mois de travail (fin juillet 2003), il peut remettre une version de démonstration à l'un de ses amis de la Division « Desktop Solutions » de Sun. Le Vice-Président Curtis Sasaki de la Division est conquis et organise pour le lendemain un rendez-vous chez le Président de Sun, Jonathan Schwartz, pour faire une démonstration du produit. Le projet déclenche l'enthousiasme, les cadres de Sun identifient immédiatement le potentiel prometteur du produit et le considèrent comme le desktop de nouvelle génération. Il est donc immédiatement adopté par Sun et il portera dès lors le nom de « Project Looking Glass ». Hideya Kawahara a été impressionné par la rapidité avec laquelle les cadres de Sun ont vu le potentiel dans le projet et à quel point ils sont ouverts à l'innovation.

SUN ne lésine pas sur les moyens et s'ouvre à la communauté Open Source

Une équipe constituée d'Hideya Kawahara, Paul Byrne, Deron Johnson et d'ingénieurs de Sun œuvre dès lors sur ce projet. La première démonstration publique du « Project Looking Glass » se déroule le 5 août 2003. L'équipe Sun réécrit complètement le produit et le 28 juin 2004 Kawahara, Byrne et Johnson présentent « Looking Glass » à la « 2004 JavaOne Conference », il se sera alors écoulé 18 mois depuis le début du projet. Ils y annoncent le passage en open source de son code-source et présentent sa puissance et ses avantages. Les participants à la conférence voient comment les fenêtres sont manipulées comme des objets 3D, elles sont zoomées (agrandissement et miniaturisation), tournées (rotations à la fois verticales et horizontales), renversées pour révéler une autre application sur le dos (laquelle permet ainsi l'ajout de notes au verso des fenêtres ou sur leur côté à la manière d'une classification de bibliothèque), ou arrangée verticalement, ou côte à côte comme des livres sur une étagère, ou emportées au bord de l'écran dans une vue panoramique. Une application peut être adossée au dos d'une autre, simplifiant la bascule entre deux programmes. Les utilisateurs entrent dans un environnement 3D et accèdent à des applications et à des dossiers de manières nouvelles et intéressantes. Les fenêtres sont rendues translucides de manière à ce que l'utilisateur puisse voir une fenêtre derrière d'autres, et se déplacer sur le dessus de bureau, comme elles le feraient dans un monde virtuel. De plus, une barre de tâches interactive et animée permet l'affichage en temps réel, sous forme miniaturisée, du contenu de chaque fenêtre ouverte (y compris les vidéos en cours). L'utilisateur peut lancer plus d'une douzaine d'applications simultanément et se déplacer de l'une à l'autre de manière intuitive, conviviale et sans le moindre effort dans l'environnement 3D.


Organisez votre écran: Les utilisateurs peuvent mieux organiser leurs écrans en utilisant pleinement l'espace 3D. Les fenêtres qui ne sont pas actuellement en service sont accessibles et visibles. L'étiquette sur le côté fournit plus d'information à l'utilisateur.

Vidéos

Video officielle : Jonathan Schwartz, vice-président directeur des logiciel Sun fait une démonstration du projet Looking Glass au Sun Networks de San Francisco en 2003.
http://www.sun.com/software/looking_glass/demo.xml

Xtreme Tech show video :
http://www.sun.com/bigadmin/xtreme/

Sun planifie l'intégration de LG3D dans son Java Desktop System (JDS) et souhaite que JDS soit partout sous Linux

Sun Microsystems désire qu'à l'avenir la multitude des distributions GNU/linux existantes fournissent par défaut son environnement de bureau Java Desktop System.

Java Desktop System c'est l'environnement de bureau pour postes de travail de Sun. C'est une collection d'applications qui comprend, entre autres :

La suite bureautique StarOffice,

Un navigateur comparable à l'Explorateur Windows (ou à ceux de KDE ou Gnome) et

La machine virtuelle Java (JVM : Java Virtual Machine), sans laquelle une suite logicielle griffée Sun ne serait pas complète.

Si tout se passe selon les attentes de la société de Santa Clara, dans un avenir proche, Red Hat, Red Flag, Gentoo, Yellow Dog, Linspire, ... proposeront le Java Desktop System sur leurs produits.

Looking Glass est actuellement disponible en licence open source et son intégration dans Java Desktop System est prévue pour début 2006.

L'équipe Sun était motivée par des ruptures de frontières

L'équipe Sun dédiée au développement de Looking Glass était intéressée par des « ruptures de frontières ». Ces dernières tombent dans deux domaines :

la vision 2D du desktop définie il y a plus de 30 ans par Xerox au bénéfice de la vision 3D, et
la programmation de l'interface basée sur la technologie Java.

Ainsi, conceptuellement, Sun met à disposition du plus grand nombre des application de bureau interopérables multi plates-formes très riches en interactivité 3D selon le principe « écrire-une-fois-tourner-partout » (write-once-run-anywhere). De plus, disposer de la troisième dimension permet d'optimiser l'usage de l'affichage utile. L'utilisateur peut par exemple visualiser d'un seul coup d'oeil les relations entre de nombreuses pages d'une feuille de calcul au lieu d'exploiter les onglets statiques situés au bas de la fenêtre. Il est difficile d'imaginer les nouvelles applications qui seront conçues dans cet environnement, mais elles présenteront davantage d'informations visuelles et fourniront aux utilisateurs une expérience plus riche et plus conviviale.


CD et Vidéos: Votre base de données de CD et de films devient un jukebox 3D, où les titres sont joints aux images pour vous permettre de trouver plus facilement que jamais ce que vous voulez ! La Rotation de CDs dans l'espace 3D amène « vers l'avant » le titre que vous voulez.

Interopérabilité multi plate-forme

Grâce au langage Java, « Looking Glass » est disponible pour Linux, Sun Solaris et Microsoft Windows.

Téléchargement et Installation

Les dernières versions open source de Looking Glass pour Linux, Sun Solaris x86 et Microsoft peuvent être téléchargées sur le site lg3d-core.dev.java.net :

Linux/Solaris x86 : https://lg3d-core.dev.java.net/lg3d-getting-started.html
Windows : https://lg3d-core.dev.java.net/lg3d-on-windows.html

Exploitation des avancées technologiques et économiques

Le Projet Looking Glass est une approche rationnelle qui utilise les dernières avancées du matériel et du logiciel 3D fonctionnant sur les stations PC pour produire l'état de l'art des environnements de bureau. Récemment il y eu d'énormes innovations dans les possibilités 3D de l'ordinateur individuel, poussées principalement par l'innovation dans les jeux. Les importantes augmentations des performances et baisses de coût des composants informatiques (mémoire vive, mémoires vidéos, mémoire de stockage, processeurs, etc.) font que les capacités graphiques des PC sont suffisamment puissantes pour traiter aisément du code multimédia et de la synthèse 3D en temps réel. D'autre part, Looking Glass utilise la technologie Java et en particulier Java 3D. Cela permet aux fenêtres de tourner, zoomer, s'empiler, devenir translucides, se retourner pour révéler des informations additionnelles à leur dos, et plus encore, et cela sur de multiples plates-formes. Résultat : le développement d'applications à la « Project Looking Glass » avec Java est rapide et efficace et permet l'interopérabilité multi plates-formes. De plus, la technologie Java fonctionne sur les PC et postes d'aujourd'hui à une vitesse impressionnante.

SUN compte sur la communauté Open Source pour dynamiser le projet

Sun a vu juste en s'alignant et misant d'emblée sur la communauté Open Source pour dynamiser l'innovation dans ce secteur. En effet, cette communauté est un formidable vivier d'idées, d'imaginations, de capacités créatrices et innovatrices, de dynamisme, d'enthousiasme, de générosité, d'abnégation et de travail. Sun s'associe ainsi le plus grand nombre possible de personnes de cette qualité pour coopérer et collaborer au développement de Looking Glass. Nul doute qu'en s'impliquant dans le projet, la communauté Open Source créera des ouvertures vers de nouvelles et passionnantes directions.

Pour en savoir plus sur l'implication de la communauté Open Source :

Bienvenue sur le coeur du Projet Looking Glass !
Project Looking Glass Open Source Web site
https://lg3d-core.dev.java.net/fr/index.html

Welcome to Project Looking Glass !
https://lg3d-core.dev.java.net/

Development Team (situation au 29 octobre 2005)

Quatorze personnes font actuellement partie du « Development Team »

Brian Hursey (bhursey)
Colin M. Bullock (cmbullock)
Christian Ost (Cost)
David Weizades (ddew)
Deron Johnson (deronj)
Van der Haegen Mathieu (dwarfy)
Kirk Turner (gameldar)
Giordano Fracasso (giosquad)
Hideya Kawahara (hideya)
Juan González (opsi)
Paul Byrne (paulby)
Phil Dowell (phild)
Pierre Ducroquet (pinaraf)
Radek Kierner (radeczka)

La page Development Team
http://wiki.java.net/bin/view/Javadesktop/DeveloppementTeam

La page Images et description des développeurs de Looking Glass
https://lg3d-core.dev.java.net/lg3d-contributorspotlight.html

Contributors Spotlight and project owners (situation au 29 octobre 2005)

Dix sept personnes collaborent actuellement à Looking Glass au sens de « Contributors Spotlight and project owners ».

La page « Contributors Spotlight and project owners »
( https://lg3d-core.dev.java.net/lg3d-contributorspotlight.html )
présente chacune d'elles en trois volets :

Curriculum Vitae
contribution au Projet Looking Glass
Photo

il s'agit de :

Amir Bukhari (amirsadig)
Colin Bullock (cmbullock)
David Weizades (ddew)
Endo Yasuyuki (yasuyuki)
Florian Lemoine (fl0rian)
Giordano Fracasso (giosquad)
Juan González (opsi)
Kazuhiro Kazama (kazama)
Kirk Turner (gameldar)
Phil Dowell (phild)
Pierre Ducroquet (pinaraf)
Radek Kierner (radeczka)
Van der Haegen Mathieu (dwarfy)
Yuichi Sakuraba (sakuraba)
Deron Johnson (deronj)
Hideya Kawahara (hideya)
Paul Byrne (paulby)

Chronologie d'événements importants

Début janvier 2003 : Début du développement de l'interface utilisateur graphique 3D par Hideya Kawahara

Fin juillet 2003 : Une version de démonstration est présentée à la Division « Desktop Solutions » de Sun, à son Vice-Président Curtis Sasaki, puis au Président de Sun, Jonathan Schwartz. Le projet est immédiatement adopté par Sun sous l'appellation « Project Looking Glass ».

5 août 2003 : Première démonstration publique du « Project Looking Glass »

28 juin 2004 : Sun annonce le passage en Open Source du code-source de « Looking Glass » à la « 2004 JavaOne Conference ».

29 juin 2005 : « 2005 JavaOne Conference » - Session ID :. TS-7992. Session Title : Project Looking Glass. Cool LG3D Apps and How to Write Them. Hideya Kawahara, Paul Byrne. Présentation à environ 800 personnes.

31 octobre 2005 : Release 0.7.1 de Looking Glass. Les performances ont été optimisées pour des configurations moins musclées et un grand nombre d'applications ont été ajoutées suite notamment au « Summer of Code » de Google (http://code.google.com/summerofcode.html)
.

Liens

Le projet Looking Glass - page d'accueil chez Sun
http://www.sun.com/software/looking_glass/

Le projet Looking Glass - centre du développement communautaire
http://lg3d.dev.java.net/

Webographie

Project Looking Glass
http://www.sun.com/software/looking_glass/

Detailed screen shots
http://www.sun.com/software/looking_glass/details.xml

Project Looking Glass Demo page
http://www.sun.com/software/looking_glass/demo.xml

Release 0.7.1 now available
Oct 31, 2005 2:06 PM
http://www.javadesktop.org/forums/thread.jspa?threadID=19189&tstart=0

Bienvenue sur le coeur du Projet Looking Glass !
Project Looking Glass Open Source Web site
https://lg3d-core.dev.java.net/fr/index.html

Welcome to Project Looking Glass !
https://lg3d-core.dev.java.net/

Project Looking Glass : An Expanding Universe on Your Desktop
Posted by hiheiss on June 29, 2005 at 10:31 PM | Comments (0)
Janice J. Heiss's Blog
http://weblogs.java.net/blog/hiheiss/archive/2005/06/project_looking.html

Going 3D with Project Looking Glass
By Janice J. Heiss, October 12, 2004
http://java.sun.com/developer/technicalArticles/J2SE/Desktop/lookingglass/

Behind The Scenes of Project Looking Glass
by Will Iverson
07/06/2004
http://today.java.net/pub/a/today/2004/07/06/3ddesktop.html

Looking Glass, évolution de l'espèce « desktop »
http://www.bashprofile.net/article.php3?id_article=245

2005 - Desktop. Project Looking Glass : Cool LG3D Apps and How to Write Them : TS-7992, 2005
http://developers.sun.com/learning/javaoneonline/2005/desktop/TS-7992.html

2005 JavaOne Conference - Session ID : TS-7992. Session Title : Project Looking Glass. Cool LG3D Apps and How to Write Them
Hideya Kawahara, Paul Byrne
http://developers.sun.com/learning/javaoneonline/2005/desktop/TS-7992.html

Project Looking Glass. Cool LG3D Apps and How to Write Them
Hideya Kawahara, Paul Byrne
LG3D Project Owners. Sun Microsystems http://lg3d.dev.java.net
Session 7992
Fichier pdf :
http://developers.sun.com/learning/javaoneonline/2005/desktop/TS-7992.pdf
http://www.compuflare.com/resources/JavaOne2005.pdf

SUN CONTRIBUTES FOUR JAVA BREAKTHROUGHS TO OPEN SOURCE COMMUNITY INCLUDING « PROJECT LOOKING GLASS » AND JAVA 3D
http://www.sun.com/smi/Press/sunflash/2004-06/sunflash.20040628.2.html
Project Looking Glass Will be Available to Developers on java.net ; Additional Contributions Advance Adoption, Stimulate Growth and Promote Innovation
SAN FRANCISCO - 2004 JavaOne Conference - June 28, 2004 - Sun Microsystems, Inc. (Nasdaq : SUNW), the creator and leading advocate of Java technology, today underscored its commitment to open source and desktop technology leadership by contributing Project Looking Glass and Java 3D technology to the open source community. This contribution will unleash a new dimension of developer innovation by making Sunís cutting edge technology available at Sun's 3D Desktop Technology Open Source Project on java.net.

Projet Looking Glass
http://fr.wikipedia.org/wiki/Projet_Looking_Glass

Une nouvelle vision
Utilisant la technologie Java, Project Looking Glass offre une nouvelle interface innovante pour les ordinateurs de bureau.
23 mars 20004
http://fr.sun.com/features/2004_2503_lglass/

Looking Glass by Sun
http://www.labo-sun.com/resource-FR-articles-613-0-solaris-sun-gui-software-looking-glass-by-sun.htm
http://www.labo-sun.com/resource-FR-articles-613-1-solaris-sun-gui-software-looking-glass-by-sun.htm
http://www.labo-sun.com/resource-FR-articles-613-2-solaris-sun-gui-software-looking-glass-by-sun.htm
http://www.labo-sun.com/resource-FR-articles-613-3-solaris-sun-gui-software-looking-glass-by-sun.htm
http://www.labo-sun.com/resource-FR-articles-613-4-solaris-sun-gui-software-looking-glass-by-sun.htm

Java met la 3D sur les bureaux des PC
Sun planche sur le projet Looking Glass, un environnement de travail pour Linux et Solaris, créé en Java, et apportant la 3D aux fenêtres d'applications. Microsoft et Longhorn sont prévenus. (Mardi 16 décembre 2003)
http://solutions.journaldunet.com/0312/031216_looking_glass.shtml

Sun poursuit son offensive sur les postes de travail sous Linux
L'éditeur souhaite que son Java Desktop System soit désormais fourni par défaut sur toutes les distributions Linux.
Tom Sanders (VNUnet.com), VNUnet.fr 26.10.2005
http://www.vnunet.fr/actualite/gds_comptes/applications/20051026001

Sun voudrait voir son JDS partout sous Linux
Sun Microsystems veut promouvoir son Java Desktop System sous Linux
26/10/2005 14:41:13 par Ange-Gabriel
http://www.generation-nt.com/actualites/9872/Sun-voudrait-voir-son-JDS-partout-sous-Linux

Beyond the dimension
Jono Bacon, Jul. 07, 2004 04:04 AM
http://www.oreillynet.com/pub/wlg/5171

Looking Glass : Myth or Reality ?
Posted by val on July 1, 2004 1:36:14 PM CEST
http://radio.javaranch.com/val/2004/07/01/1088681774000.html

Project Looking Glass
http://www.reference.com/browse/wiki/Project_Looking_Glass

Summer of Code (Google)
The Summer of Code is Google's program designed to introduce students to the world of open source software development. It ran through September 1st, 2005.
http://code.google.com/summerofcode.html

Java 3D
http://www.reference.com/browse/wiki/Java_3D

Java Desktop System
http://www.reference.com/browse/wiki/Java_Desktop_System