HTML5 et design : 3 expériences par Geoffrey Dorne, designer - #FRANCEHTML5

•

7 recomendaciones•1,738 vistas

Geoffrey Dorne

Diseño

bonjour :)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 1

+ +

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 2

Présentation

Geoffrey Dorne
@GeoffreyDorne
http://Graphism.fr

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 3

Parcours
Ensad - design graphique & multimédia
début d’activité - designer indépendant, 2004
blog - Graphism.fr
création de société - yoocasa.com, 2008
mémoire & diplôme - interfaces en ligne & Hacking Citoyen
chercheur EnsadLab (identité numérique mobile), 2010
Mozilla (Firefox )
CEA (Commissariat à l’Énergie Atomique)
Orange Vallée
enseignement, conférences, workshops
société de design, 2012

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 4

Aujourd’hui
Graphisme.tv
Neen.fr

SoundCloud.com
/Geoffreydorne

Graphism.fr
Jaffiche.fr

Instadraw.net

h4cker.net

GeoffreyDorne.com
SubLyn.com
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 5

3 projets / 3 expériences

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 6

Mozilla & Firefox 4 (!)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 7

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 8

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 9

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 10

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 11

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 12

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 13

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 14

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 15

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 16

Sublyn.com

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 17

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 18

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 19

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 20

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 21

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 22

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 23

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 24

étapes à venir :
- android & windows phone
- mise à jour map
- responsive webdesign
- design graphique
- autres grandes capitales
- portail des plans / collaboratif

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 25

ResponsiveMuseum.com

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 26

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 27

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 28

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 29

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 30

Le site du Centre Pompidou
par @vandyvincent
• Site : http://www.centrepompidou.fr/
• CSS user style : Les styles et images sur UserStyles

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 31

Le musée aquarium de Nancy
par Guillaume Demesy
• Site : http://www.museumaquariumdenancy.eu
• CSS user style : Les styles et images sur UserStyles

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 32

Le Palais de Tokyo par
Geoffrey Crofte
• Site : http://www.palaisdetokyo.com
• CSS user style : Les styles et images sur UserStyles.org

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 33

Les musées de la ville de
Strasbourg par Tom Brehm
• Site : http://www.musees.strasbourg.eu/
• CSS user style : http://userstyles.org/styles/76699/
mus-es-de-strasbourg

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 34

ResponsiveMuseum.tumblr.com

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 35

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 36

Conclusion(s)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 37

3 expériences / 3 leçons

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 38

1 la pédagogie du code
(apprendre, partager
et expliquer)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 39

2 le plus simple pour
tous (less is more,
même dans le code)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 40

3 hacking & design
(bidouiller / détourner
et rendre accessible)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 41

merci :)

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 42

Geoffrey Dorne
@GeoffreyDorne
http://Graphism.fr

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 43

Más contenido relacionado

Destacado

« Les composantes de la société ne sont pas les êtres humains, mais les relations qui existent entre eux ». Cette citation de l’historien britannique Arnold Toynbee (1955) souligne, à elle seule, l’importance des relations qui unissent les hommes et composent notre société. Le terme de « relation » vient du latin relatio qui signifie « rapport » ; ce lien qui unit au moins deux personnes, peut être d’ordre sentimental (basé sur la solidarité, la confiance, l’amitié, etc.) ou institutionnel (juridique, contractuel, etc.). Certaines entreprises sont parfois amenées à externaliser ou à collaborer avec des professionnels extérieurs, car elles ne maîtrisent pas toutes les compétences métiers qui leur sont nécessaires. Elles font alors appel à des prestataires de services, qui, pendant une période donnée, vont échanger leurs compétences métiers pour produire un service à destination de l’entreprise. Il se noue alors une relation contractuelle entre les deux acteurs, basée sur la confiance et l’attente de résultats. Or il est intéressant de remarquer que certaines professions relatives à l’Art, comme l’architecture ou le graphisme, rencontrent systématiquement des problèmes importants dans la construction de cette relation avec leur client ! Dans le domaine du design graphique, le problème de la relation avec le client est mal vécu par la plupart des designers graphiques, qu’ils soient auto-entrepreneurs, enregistrés à la MDA (Maison des Artistes) ou qu’ils travaillent dans des agences (TPE/ PME/ grandes entreprises). Ainsi, selon une étude de la DGCIS (APCI 2012), en France, 80 % des designers graphiques interrogés estiment « manquer de communication, d’écoute et de confiance de la part du client ». La nature de la relation qui unit le client et le designer graphique n’a jamais été étudiée, ou très peu, et les deux partis qui sont amenés à collaborer ensemble sur le projet n’ont à ce jour pas de solutions à adopter pour améliorer leur relation. Or cette situation problématique tend à se développer puisqu’aujourd’hui, le design graphique est un outil de communication et de différenciation qui fait partie intégrante de la stratégie de l’entreprise. Aussi, toutes les entreprises, quels que soient leur taille, leur cible et leurs produits, font appel à des designers graphiques pour les aider à se positionner, à vendre leur produit, et à se différencier de la concurrence. Au final, la communication semble bloquée entre le client et le designer graphique, ce qui a un impact négatif à la fois sur les acteurs, mais également sur le déroulement du projet et sa viabilité. Les normes, la culture, la position sociale, les préjugés et stéréotypes sont autant de facteurs sociaux, organisationnels et culturels qui impactent cette relation, et entraînent tensions et conflits. Par l’analyse de ces facteurs qui empêchent la bonne relation et donc une bonne

« Dans quelle mesure la relation entre client et designer graphique peut-elle...

Geoffrey Dorne

Le financement participatif culturel

La French Team

Research review - the effects of font and formating on the readability of tex...

Geoffrey Dorne

The fat manual_link_editions_2013

Geoffrey Dorne

Design Sprint - DevFest Nantes 2016

Matthieu Gioani

La vingt-deuxième édition de la revue Graphisme en France est parue, publiée par le Centre national des arts plastiques (Cnap). Elle aborde la question de la recherche dans les champs du design graphique et de la typographie. Un ensemble de contributions inédites, commandées à des chercheurs permet d’établir un panorama non exhaustif sur un domaine en plein développement. Qu’elle s’inscrive dans le projet d’une école d’art, au sein d’universités ou dans la pratique d’ateliers de designers graphiques, la recherche est multiforme et plurielle. Éloïsa Perez, designer et doctorante dresse un panorama de la recherche en France tandis qu’Alice Twemlow, auteur et enseignante, propose de découvrir des projets menés à l’étranger. Catherine Guiral, designer graphique, partage quant à elle les orientations qui ont été les siennes dans la recherche qu’elle mène sur le travail de Pierre Faucheux. Annick Lantenois et Gilles Rouffineau, enseignants à l’École supérieure d’art et design Grenoble-Valence présentent le programme de recherche qu’ils dirigent dans leur établissement et notamment les enjeux en terme de pédagogie. La typographie est un domaine de recherche spécifique qui bénéficie de programmes particuliers détaillés par Sébastien Morlighem, historien et enseignant. Enfin, Catherine de Smet, historienne de l’art et enseignante raconte l’histoire d’une recherche sur le collectif Grapus, fruit de la collaboration entre plusieurs établissements qui a abouti à la publication d’un ouvrage. Alice Jauneau et David Vallance, issus de l’Atelier national de recherche typographique (2014-2015) ont réalisé le design graphique de ce numéro. Ils se sont inspirés du vocabulaire visuel et de la mise en forme des ouvrages de transmission du savoir. Le caractère typographique qu’ils ont choisi d’utiliser, le Walther a lui-même été dessiné par Sarah Kremer dans le cadre d’une recherche sur un dictionnaire.

Graphisme en France 22

Geoffrey Dorne

La place du designer - mémoire Juliette Mothe

Geoffrey Dorne

Many types of paper documentation are employed on the flight-deck. They range from a simple checklist card to a bulky Aircraft Flight Manual (AFM). Some of these documentation have typographical and graphical deficiencies; yet, many cockpit tasks such as conducting checklists, way-point entry, limitations and performance calculations, and many more, require the use of these documents. Moreover, during emergency and abnormal situations, the flight crews’ effectiveness in combating the situation is highly dependent on such documentation; accessing and reading procedures has a significant impact on flight safety. Although flight-deck documentation are an important (and sometimes critical) form of display in the modern cockpit, there is a dearth of information on how to effectively design these displays. The object of this report is to provide a summary of the available literature regarding the design and typographical aspects of printed matter. The report attempts “to bridge” the gap between basic research about typography, and the kind of information needed by designers of flight-deck documentation. The report focuses on typographical factors such as typefaces, character height, use of lower- and upper-case characters, line length, and spacing. Some graphical aspects such as layout, color coding, fonts and character contrast are also discussed. In addition, several aspects of cockpit reading conditions such as glare, angular alignment, and paper quality are addressed. Finally, a list of recommendations for the graphical design of flight-deck documentation is provided.

NASA design recommandation

Geoffrey Dorne

ART D’AUTOROUTE JULIEN LELIÈVRE

Geoffrey Dorne

La meilleure façon d’assimiler de nouvelles connaissances est de les mettre en pratique, c’est la raison pour laquelle chaque chapitre du guide méthodologique comporte des renvois vers les activités de ce livret. Les activités doivent être réalisées en équipe, elles peuvent nécessiter des recherches personnelles ou des déplacements sur le terrain. La durée mentionnée à chaque fois est purement indicative, vous pouvez tout à fait prendre plus ou moins de temps que prévu. Comparez le temps qui vous est nécessaire avec nos estimations, puis planifiez vos réunions en conséquence.

Le design thinking en bibliothèque

Geoffrey Dorne

L'impact du Design Thinking sur une démarche d'innovation de produit

Matthieu Jeunet

Feed mechanism by pratik solanki

pratik solanki

[lecture] Faut-il mesurer la bande passante du design ?

Geoffrey Dorne

Le kit pratique que vous vous apprêtez à consulter aborde, de façon très concrète, certaines thématiques qui occupent une place croissante dans le métier de bibliothécaire, au premier chef la question de l’innovation. Pourquoi les bibliothèques sont-elles concernées par l’innovation, une notion que l’on rattache plus volontiers à la sphère de l’industrie ou de la technologie ? Tout simplement parce que, depuis que le numérique est entré dans nos vies quotidiennes, nous vivons tous au rythme du changement technologique. Les pratiques culturelles n’échappent pas à ce phénomène : elles évoluent en permanence à un rythme parfois difficile à suivre, même pour des professionnels. Pour ne pas être dépassés, les bibliothécaires doivent apprendre à observer, à comprendre et à intégrer au fur et à mesure ces nouveaux usages, bref, à innover.

Le design thinking en bibliothèque

Geoffrey Dorne

Qu’il s’agisse de marques produits, de lieux ou d’entreprises, la mission d’une agence de design est de créer des uni - vers émotionnels spécifiques pour les marques, univers porteurs de valeurs pour les différentes parties prenantes (consommateurs, prescripteurs, colla - borateurs, partenaires…). Les agences de design françaises emploient plusieurs centaines de desi - gners, formés dans les meilleures écoles d’art graphique, imprégnés de cette culture et de ce sens des marques qui rendent leur travail si pertinent. Ce sont aussi des stratèges qui auscultent les tendances de nos sociétés pour en anti - ciper les grands mouvements. Brand packaging, retail design ou corpo - rate branding, les métiers des agences sont aujourd’hui tous largement digi - talisés. POUR L’ADC Frédéric MESSIAN Président POUR L’UDA Étienne LECOMTE Président Pierre-Jean BOZO Directeur Général Les agences imaginent et donnent corps à de nouvelles expériences de marque, physiques et virtuelles, qui accompagnent la transformation pro - fonde et durable des modèles écono - miques des entreprises. Le design est une discipline qui s’ins - crit dans le long terme, parce qu’une marque doit pour s’imposer respecter son ADN. Mais le design est aussi la dis - cipline du temps court. Au-delà de l’an - ticipation des tendances, il suscite et accompagne l’innovation. Levier de transformation et de création de valeurs puissant, la marque est plus que jamais au cœur des préoccupations de l’ensemble des entreprises.

Le guide de la bonne relation entre annonceur et agence en design

Geoffrey Dorne

Projet Comet Adobe XD

Geoffrey Dorne

Formation designer 1958

Geoffrey Dorne

« Architectes, sculpteurs, peintres, tous nous devons retourner à l’artisanat » écrit l’architecte Walter Gropius dans son manifeste du Bauhaus. Fondé en 1919 à Weimar, dissout en 1933 à Berlin face à la montée du nazisme, le Bauhaus est une école d’enseignement artistique qui s’est imposée comme une référence incontournable de l’histoire de l’art du XXe siècle. Elle a été créée par Gropius pour rendre vie à l’habitat et à l’architecture au moyen de la synthèse des arts plastiques, de l’artisanat et de l’industrie.

Bauhaus : exposition

Geoffrey Dorne

Un grand signe pour un regard citoyen

Geoffrey Dorne

Atelier FrenchWeb Design Thinking - Creasenso

FrenchWeb.fr

Destacado (20)

« Dans quelle mesure la relation entre client et designer graphique peut-elle...

Le financement participatif culturel

Research review - the effects of font and formating on the readability of tex...

The fat manual_link_editions_2013

Design Sprint - DevFest Nantes 2016

Graphisme en France 22

La place du designer - mémoire Juliette Mothe

NASA design recommandation

ART D’AUTOROUTE JULIEN LELIÈVRE

Le design thinking en bibliothèque

L'impact du Design Thinking sur une démarche d'innovation de produit

Feed mechanism by pratik solanki

[lecture] Faut-il mesurer la bande passante du design ?

Le design thinking en bibliothèque

Le guide de la bonne relation entre annonceur et agence en design

Projet Comet Adobe XD

Formation designer 1958

Bauhaus : exposition

Un grand signe pour un regard citoyen

Atelier FrenchWeb Design Thinking - Creasenso

Más de Geoffrey Dorne

La démarche à la fois abductive et pragmatique du design se nourrit du terrain puis s’en détache pour proposer des scénarii à vivre, se préoccupant de l’expérience humaine dans toutes ses dimensions. Sa vocation est d’« améliorer ou au moins maintenir l’habitabilité du monde » (Findeli, 2010, 292). Basé sur un dialogue entre textes et retours d’expériences de l’auteure, designer chercheuse française, cet article vise à dresser un portrait du praticien réflexif et à dessiner quelques jalons pour outiller sa démarche, portée par un questionnement éthique. Les notions théoriques seront interrogées au regard de l’expérience, des rencontres interdisciplinaires, et des paradoxes de l’identité flexible du praticien réflexif. Renégociant perpétuellement son positionnement ainsi que ses outils, c’est une force à la fois critique et créative que celui-ci cherche à exercer dans les entreprises et la société au sens large.

Rendre la critique créative. La démarche abductive et pragmatique du design E...

Geoffrey Dorne

A Clash of Concerns: Applying Design Thinking to Social Dilemmas

Geoffrey Dorne

La pluie a midi

Geoffrey Dorne

Graphisme & design Memphis - années 80

Geoffrey Dorne

Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...

Geoffrey Dorne

Cette 23e édition de Graphisme en France propose, pour la première fois, un objet central dans la pratique des designers graphiques : les logotypes et les identités visuelles. Ce sujet très large est abordé selon plusieurs aspects qui tendent plus à une compréhension globale des origines et des pratiques qu’à une quelconque exhaustivité. Ainsi, Roger R. Remington, historien et directeur du Vignelli Center for Design Studies, revient sur les origines et les développements des identités visuelles aux États-Unis. La traduction d’un texte de Paul Rand datant de 1991 permet de comprendre la position de cet immense designer qui a aussi beaucoup écrit sur sa pratique. Vivien Philizot, lui même designer et chercheur en études visuelles, nous invite à un parcours sur l’histoire des logos, et décrypte leur impact et leur sens dans notre environnement visuel. Ruedi Baur, designer et concepteur d’innombrables identités visuelles pour des institutions en France et à l’étranger, partage ses préconisations au regard de son expérience. Enfin, Martin Lorenz, designer, nous fait part de ses recherches sur les identités visuelles fluides, suscitées par la généralisation des supports numériques. Cette nouvelle édition est l’occasion d’une collaboration avec Elsa Aupetit et Martin Plagnol. Diplômés de l’École nationale supérieure des arts décoratifs de Paris en 2012, ils ont fondé l’atelier Kiösk en 2015. S’inspirant de la structure des chartes graphiques, ils ont conçu ce document à la manière d’un ouvrage technique. L’utilisation du caractère typographique Programme, créé par les designers suisses de Maximage, permet des variations tout en donnant à l’ensemble une identité forte. Comme chaque année, le calendrier des événements organisés dans toute la France témoigne d’initiatives et de projets toujours plus nombreux. Le Cnap accompagne et promeut par de nombreuses actions ce réseau de diffusion national du design graphique et de la typographie afin de permettre une meilleure reconnaissance de ces pratiques et d’aller à la rencontre d’un public toujours plus large.

152314 cnap graphisme-en-france_23_2017-fr

Geoffrey Dorne

1. Le design et les métiers d’art : deux secteurs économiques en plein essor représentant un atout formidable de la France Le design et les métiers d’art font partie des « industries créatives » (ICC) dans la terminologie européenne qui représentent aujourd’hui près de 2,6 % du PIB européen et ont un taux de croissance supérieur à la moyenne. Le chiffre d’affaires du design en France est estimé en 2010 entre 1,9 et 3,4 milliards d’euros. Le nombre de designers exerçant leur activité à titre principal se situe, en 2010, entre 30 et 33 000, l’effectif total concerné par l’activité design étant estimé entre 46 et 56 000 personnes, dont 50 % intégrés dans des entreprises et 50 % indépendants. Le design n’est plus une question de forme et d’esthétique Depuis « l’esthétique industrielle » de l’aprèsͲguerre, le design a gagné tous les domaines de la relation entre l’homme et la machine, entre l’homme et son environnement. Centré davantage sur l’utilisateur que sur l’objet, le design s’est étendu à des méthodes de management avec le design Thinking, aux sciences de la conception. Touchant des domaines aussi divers que les nouvelles technologies, l’écoͲdéveloppement, les politiques publiques et sociales, il est par essence pluridisciplinaire, polysémique et intégrateur. Le design s’est imposé dans la société civile à la croisée entre l’art, la science, la technologie, les humanités numériques et il est en totale connexion avec le monde d’aujourd’hui dans sa réalité concrète et économique. Il a sa place au MIT à Stanford et dans tous les grands établissements qui pensent et préparent l’avenir de nos futurs modes de vies, « villes connectées », « prothèses intelligentes », « supports numériques » etc. La légitimité d’une recherche en design aussi bien dans les écoles d’art, à l’université que dans les écoles d’ingénieurs ou de commerce ne devrait plus être sérieusement contestable.

Design et métiers d’art

Geoffrey Dorne

Les polices jouent un rôle essentiel dans les projets de tout type. Les polices sont aussi importantes pour un graphiste que les couleurs le sont pour un peintre. Les fontes représentent en effet la palette créative du concepteur. J'ai souhaité mieux comprendre les professionnels de la création et me plonger dans leur univers créatif. Pour transmettre un message, une grande partie du travail créatif repose sur des textes et des polices. Une police ou un style de police peut même être le point de départ de tout un mouvement créatif. Dans le cadre de cette enquête, j'ai sélectionné plusieurs styles de police vus à droite à gauche. J'étais curieux de voir les réactions de la communauté créative à ces tendances et styles spécifiques. Les créateurs sont les premiers acteurs des changements typographiques observés et je souhaitais vérifier certaines hypothèses émises par les fonderies au sujet des nouvelles polices disponibles sur le marché. Lorsque j'ai analysé les données de notre enquête sur les tendances typographiques, j'ai été frappé par la passion qui animait les créatifs. Les créatifs sont des professionnels vraiment passionnés ! J'espère que votre équipe et vous apprécierez la lecture de ce document et qu'il vous sera utile. L'enquête vous aidera peut-être à décider quels styles de police privilégier. Vous pouvez également avoir envie de lire les résultats de l'enquête simplement pour satisfaire votre curiosité. Quoi qu'il en soit, nous vous souhaitons une agréable lecture !

Résultats de l'enquête relative aux tendances typographiques

Geoffrey Dorne

Avant de présenter le design thinking tel qu’il sera défini dans le cadre de ce mémoire, il nous semble important de comprendre d’où vient cette notion. Cette mise en perspective historique mettra en lumière le fait qu’il n’existe pas une définition incontestée et incontestable du design thinking. (Chapitre 1) Fort de ce constat, nous choisirons de traiter le design thinking en tant que méthodologie d’innovation développée tout au long des années 90 dans la prestigieuse université de Stanford. Plus spécifiquement, nous présenterons la pensée de Tim Brown, CEO de l’agence d’innovation IDEO et apôtre depuis une quinzaine d’années du design thinking. Il s’agit de l’approche la plus diffusée en France ces dernières années. (Chapitre 2) Enfin, nous dépasserons cette vision pour mettre en lumière les grands principes sur lesquels le design thinking repose : la reformulation de la question de départ, le process de design et le fait de placer l’humain au coeur de la démarche. (Chapitre 3)

INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire

Geoffrey Dorne

L'enjeu du design industriel en 1980 - Quand on demande à un expert anglo-saxon les raisons du succès exceptionnel de l'industrie automobile française, au moment où ses concurrentes américaines, anglaises, italiennes, allemandes sont en difficulté, il répond invariablement: «Les automobiles françaises ont un meilleur design » — signifiant par là que ce n'est ni l'avance technologique, ni la gestion des entreprises qui fait la différence mais l'architecture du produit, son esthétique et sa valeur d'usage. Le diagnostic se confirme

L'enjeu du design industriel en 1980

Geoffrey Dorne

Comment peut-on comprendre la notion de « créativité » ? Est-ce une méthode ? Un processus ? On inscrit notre étude dans le modèle de recherche en design de Findeli, comme une recherche sur le design par le design pour l’éco-design. L’approche de cet article est une application de la méthode des « analogies formelles des situations » aux théories et processus de conception en design

PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE

Geoffrey Dorne

Compte tenu des enjeux relatifs aux activités créatives de conception–qui visent à créer des produits à la fois nouveaux et adaptés au contexte, nous soulignons d’abord les caractéristiques de ce type d’activité. Ensuite, nous décrivons plusieurs études expérimentales, réalisées afin de mieux comprendre l’impact de la présentation de certains stimuli présentés sous forme d’images ou de mots clés sur le processus d’évocation de participants possédant différents niveaux d’expertise en conception (novice, expérimentés ou professionnels). Nous présentons ensuite deux environnements numériques de conception qui résument certains aspects mis en avant pendant les études expérimentales: le système TRENDS et le système SKIPPI system, qui permettent respectivement aux concepteurs-utilisateurs d’avoir accès à des images ou à des mots. Des analyses ergonomiques sont finalement réalisées sur l’utilisation de chacun de ces systèmes. Ainsi, cet article nous permet de montrer l’importance d’un travail multi-disciplinaire associant l’ergonomie, la conception et le design, et le développement d’outils numériques d’aide à la conception.

Design, ergonomie et IHM : études complémentaires pour favoriser les activité...

Geoffrey Dorne

La transition écologique est notre horizon, notre objectif, mais 30 ans de déceptions nous obligent à admettre qu’elle sait mieux décrire son but, que son chemin. La transition numérique est notre quotidien, notre levier..., mais c’est une force sans but collectif, qui transforme tout ce qu’elle touche, sans trop savoir en quoi. L’une a le but, l’autre le chemin : chacune des deux transitions a besoin de l’autre ! Et pourtant leurs acteurs communiquent trop peu et trop mal. Transitions2 s’adresse à toutes celles et tous ceux qui ne se satisfont pas de cette disjonction. À celles et ceux qui agissent, pensent, militent, inventent, créent à l’intersection du numérique et de l’écologie. Mettons la puissance transformatrice du numérique au service de la transition écologique ! Rendons la transition écologique aussi attractive, excitante, dérangeante, mobilisatrice et même addictive, que le numérique !

ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...

Geoffrey Dorne

Dans la communauté des concepteurs de site web (webdesigners), le design de site dit monopage (single-page design, one-page design ou pageless design) apparaît comme la révolution de ces dernières années, au point de prétendre détrôner le genre numérique de l’hypertexte. Dans la mesure où elle expose une transition entre tradition hypertextuelle et nouveauté du design monopage, cette période offre l’opportunité d’étudier la relation entre l’émergence d’un dispositif techno-sémiotique et les systèmes de valeurs mobilisés jusque-là par les concepteurs et les lecteurs de sites web. Nous chercherons notamment à démontrer comment l’abandon de l’hypertexte, au profit du design monopage, reflète un souci de concevoir l’hypertexte non plus comme le monde interconnecté décrit par les scientifiques, mais comme une expérience de lecture/écriture singulière commentée par les usagers.

DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE

Geoffrey Dorne

Ma recherche porte sur une nouvelle catégorie d’acteurs du processus de fabrique de la ville, que nous avons désigné sous le terme d’ « entrepreneurs militants » avec François Bottollier-Depois (2015). Ils ont en commun d’à la fois mobiliser un certain nombre de revendications issues des mouvements sociaux tout en inscrivant leur registre d’action dans une activité entrepreneuriale. Dans le cadre de ma thèse en contrat CIFRE à la Fabrique des Territoires Innovants, j’ai eu l’occasion de participer à la première phase du concours Réinventer Paris. Dans cet article, j’aborderai donc à travers ce cas la façon dont les entrepreneurs militants se saisissent de la participation. Je proposerai tout d’abord de s’intéresser au cadre du concours qui articule les notions d’innovation et de participation à la fois comme vecteur d’amélioration des politiques publiques, mais également d’encouragement à l’entrée de ces entrepreneurs militants dans le projet urbain. Par ailleurs, la littérature sur la participation ne s’est pas beaucoup intéressée jusqu’à présent à la figure de l’acteur entrepreneurial. J’aborderai donc dans un deuxième temps, le dispositif de design thinking de conduite de projet mis en place par la Fabrique, prise comme exemple d’entrepreneur militant en proposant une exploration d’une grille d’analyse sur la participation comme instrument d’action publique.

Entrepreneurs militants & design thinking !

Geoffrey Dorne

Quel design d’interaction pour le webdocumentaire ? Sur la décennie 2005-2015, plusieurs centaines de web-documentaires francophones et anglophones ont été publiés sur Internet. Une cartographie des principaux acteurs de la production identifie deux logiques de conception symétriquement opposées (cf. Gantier, 2012). D’une part, des outils d’aide à la conception favorisent la publication de récits hypermédias sans qu’aucune expertise en développement web ne soit nécessaire1 . D’autre part, des œuvres plus ambitieuses et plus coûteuses sont régulièrement produites sous l’impulsion des fonds étatiques et régionaux d’aide aux « nouveaux médias »2 . Dans ce contexte, l’internaute doit s’acculturer à des « interface-films » (Di Crosta, 2009) qui mélangent les codes filmiques du genre documentaire aux modes d’interaction propres aux « médias informatisés » (Jeanneret, 2007). Cette nouvelle praxis documentaire modifie en profondeur le travail de conception et de réception. L’auteur doit désormais formaliser son intention éditoriale et artistique sous le prisme du design d’interaction3 qui consiste à définir la place et le rôle attribué à un utilisateur. Dès lors, selon quels critères peut-on classer l’hétérogénéité de ces écritures documentaires interactives ? Quelles sont les possibilités d’action octroyées à l’interacteur par le dispositif médiatique ? De quelle manière et sous quelles conditions ces œuvres interactives proposent-elles de nouvelles formes relationnelles de re-présentation du réel ? En filiation avec les recherches menées dans le champ de l’audiovisuel interactif (Perény et Amato, 2011), de la fiction interactive (Di Crosta, 2009), du Net art (Fourmentraux, 2010) et de la littérature numérique (Bouchardon, 2009), l’axe de pertinence retenu consiste à qualifier les opérations textuelles attendues de la part de l’utilisateur. Dans la continuité des travaux de Bill Nichols (2010) sur le cinéma documentaire4 , Sandra Gaudenzi (2013) propose une ébauche de catégorisation du documentaire interactif basée sur des « modes d’interaction » 5 . Cet article propose de reformuler cette approche afin d’établir une typologie du documentaire interactif suivant six entrées : hypermédiatique, dialogique, contributif, participatif, ludique et performatif. Ces modes ne sont pas exclusifs et certains web-documentaires combinent différentes catégories entre elles. En d’autres termes, il s’agit d’interroger la relation systémique qui articule trois entités : l’instance d’énonciation, le dispositif médiatique et l’interacteur. L’ambition heuristique de cette typologie interactionnelle est donc double : elle permet d’une part de discerner les spécificités du travail de conception et d’autre part d’analyser la nature de l’expérience

Quel design d’interaction pour le webdocumentaire ?

Geoffrey Dorne

Más de Geoffrey Dorne (16)

Rendre la critique créative. La démarche abductive et pragmatique du design E...

A Clash of Concerns: Applying Design Thinking to Social Dilemmas

La pluie a midi

Graphisme & design Memphis - années 80

Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...

152314 cnap graphisme-en-france_23_2017-fr

Design et métiers d’art

Résultats de l'enquête relative aux tendances typographiques

INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire

L'enjeu du design industriel en 1980

PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE

Design, ergonomie et IHM : études complémentaires pour favoriser les activité...

ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...

DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE

Entrepreneurs militants & design thinking !

Quel design d’interaction pour le webdocumentaire ?

HTML5 et design : 3 expériences par Geoffrey Dorne, designer - #FRANCEHTML5

1. bonjour :) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 1

2. + + Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 2

3. Présentation Geoffrey Dorne @GeoffreyDorne http://Graphism.fr Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 3

4. Parcours Ensad - design graphique & multimédia début d’activité - designer indépendant, 2004 blog - Graphism.fr création de société - yoocasa.com, 2008 mémoire & diplôme - interfaces en ligne & Hacking Citoyen chercheur EnsadLab (identité numérique mobile), 2010 Mozilla (Firefox ) CEA (Commissariat à l’Énergie Atomique) Orange Vallée enseignement, conférences, workshops société de design, 2012 Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 4

5. Aujourd’hui Graphisme.tv Neen.fr SoundCloud.com /Geoffreydorne Graphism.fr Jaffiche.fr Instadraw.net h4cker.net GeoffreyDorne.com SubLyn.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 5

6. 3 projets / 3 expériences Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 6

7. Mozilla & Firefox 4 (!) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 7

8. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 8

9. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 9

10. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 10

11. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 11

12. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 12

13. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 13

14. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 14

15. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 15

16. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 16

17. Sublyn.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 17

18. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 18

19. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 19

20. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 20

21. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 21

22. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 22

23. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 23

24. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 24

25. étapes à venir : - android & windows phone - mise à jour map - responsive webdesign - design graphique - autres grandes capitales - portail des plans / collaboratif Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 25

26. ResponsiveMuseum.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 26

27. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 27

28. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 28

29. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 29

30. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 30

31. Le site du Centre Pompidou par @vandyvincent • Site : http://www.centrepompidou.fr/ • CSS user style : Les styles et images sur UserStyles Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 31

32. Le musée aquarium de Nancy par Guillaume Demesy • Site : http://www.museumaquariumdenancy.eu • CSS user style : Les styles et images sur UserStyles Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 32

33. Le Palais de Tokyo par Geoffrey Crofte • Site : http://www.palaisdetokyo.com • CSS user style : Les styles et images sur UserStyles.org Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 33

34. Les musées de la ville de Strasbourg par Tom Brehm • Site : http://www.musees.strasbourg.eu/ • CSS user style : http://userstyles.org/styles/76699/ mus-es-de-strasbourg Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 34

35. ResponsiveMuseum.tumblr.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 35

36. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 36

37. Conclusion(s) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 37

38. 3 expériences / 3 leçons Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 38

39. 1 la pédagogie du code (apprendre, partager et expliquer) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 39

40. 2 le plus simple pour tous (less is more, même dans le code) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 40

41. 3 hacking & design (bidouiller / détourner et rendre accessible) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 41

42. merci :) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 42

43. Geoffrey Dorne @GeoffreyDorne http://Graphism.fr Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 43

HTML5 et design : 3 expériences par Geoffrey Dorne, designer - #FRANCEHTML5

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Más de Geoffrey Dorne

Más de Geoffrey Dorne (16)

HTML5 et design : 3 expériences par Geoffrey Dorne, designer - #FRANCEHTML5